@charset "utf-8";
/* Default Style */
* {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust:none; word-break:keep-all;}
html, body {width:100%;}
html {-ms-touch-action:none;}
body {min-width:1260px; min-height:100%; background:#fff; color:#666; font-size:12px; font-family:Dotum, sans-serif; line-height:1.5;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display: block;}
ul, ol, li {list-style:none;}
img, hr {border:none;}
img {vertical-align:top; border:0;}
small {font-size:70%;}

/* Link Style */
a {color:#666; text-decoration:none; -webkit-tap-highlight-color:transparent;}

/* Table Style */
table {width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; font-family:Dotum, sans-serif;}
table th {font-weight:400;}
table td img {vertical-align:middle;}

/* Tag all font-size set */
em,span {
	font-family:inherit;
	color:inherit;
	font-size:inherit;
	line-height:inherit;
}

/* From Style */
textarea {width:100%; padding:7px 10px; background-color:#fff; color:#666; font-size:12px; font-family:Dotum, sans-serif; line-height:1.7; resize:none;}
input {vertical-align:middle;}
input.txt {padding:0 5px; border:1px solid #e2e2e2; background-color:#fff; color:#666; font-size:12px; font-family:Dotum, sans-serif;}
input.chk {margin:-1px 5px 0 0;}
input.rdo {margin:-1px 5px 0 0;}
button {padding-bottom:2px; border:0; background-color:#fff; color:#666; vertical-align:middle; font-weight:100; font-size:12px; font-family:Dotum, sans-serif; cursor:pointer;}
select {width:100%; padding:0 8px; color:#666; vertical-align:middle; font-size:12px; font-family:Dotum, sans-serif;}
hr, caption {display:none;}
address,cite,em,i {font-style:normal;}
fieldset {border:0; padding:0;}
legend {overflow:hidden; position:absolute; height:0; text-indent:-999999px; font-size:0px; line-height:0;}
label {cursor:pointer;}

input::-webkit-input-placeholder {color:#999 !important;}
input:-moz-placeholder {color:#999 !important;}
input::-moz-placeholder {color:#999 !important;}
input:-ms-input-placeholder {color:#999 !important;}

/* Hide Set */
.hide {overflow:hidden; position:absolute; left:-1000% !important; top:0; width:1px; height:1px; font-size:0.1%; line-height:0.1%;}

/* LAYOUT */
#wrap {overflow:hidden; position:relative; z-index:1; width:100%; max-width:100%; min-height:1068px; background:url(/html/images/intro/common/bg_intro.png) no-repeat 50% 0; transition:background-color 2s; background-size:2000px auto;}
#header {position:relative; z-index:4; height:30px; background:#f8f8f8;}
#header .headerInner {position:relative; width:1060px; margin:0 auto;}
#header .sCutArea {overflow:hidden; height:30px;}
#header .sCutArea a {position:relative; float:left; padding:9px 18px 10px 20px;}
#header .sCutArea a img {display:block;}
#header .sCutArea a:after {position:absolute; top:9px; left:0; z-index:-2; width:1px; height:9px; background:#dfdfdf; content:'';}
#header .sCutArea a:first-child:after {display:none;}
#header .sCutArea a:first-child {padding-left:0;}
#header .sCutArea a.last {padding-right:0;}
#header .sCutArea a.on:before {position:absolute; top:0; right:0; bottom:-2px; left:0; z-index:-1; border-width:1px 1px 0; border-style:solid; border-color:#e2e2e2; background:#fff; content:'';}
#header .sCutArea .left {float:left;}
#header .sCutArea .right {float:right;}
#contents {overflow:hidden; position:relative; z-index:1; min-height:1068px; margin:-30px 0 -56px;}
#contents .conInner {position:relative; width:1060px; margin:0 auto; padding:30px 0 60px;}
#contents .conInner .logo {position:absolute; top:100px; left:50%; margin-left:-94px;}
#footer {position:relative; z-index:2; height:56px; background:url(/html/images/intro/common/bg_footer.png) no-repeat 50% 0; background-size:2000px auto;}
#footer .footerInner {position:relative; width:1060px; margin:0 auto; padding-top:21px; text-align:center; font-size:0;}
#footer .botMenu {display:inline-block; padding-left:5px; vertical-align:middle;}
#footer .botMenu li {float:left; position:relative; margin-left:26px;}
#footer .botMenu li:after {position:absolute; top:3px; left:-15px; width:2px; height:11px; background:#cec7c3; content:'';}
#footer .botMenu li:first-child {margin-left:0;}
#footer .botMenu li:first-child:after {display:none;}
#footer .botMenu a {color:#cec7c3; font-weight:bold; font-size:12px; letter-spacing:.7px;}
#footer .botMenu a:hover {text-decoration:underline;}
#footer .botMenu a.btn_policy {color:#fff;}
#footer .copyright {display:inline-block; margin-left:16px; vertical-align:middle;}

/* MAIN */
.bookArea {position:relative; bottom:-1000px; z-index:1; width:624px; height:817px; margin:151px 0 0 171px; background:url(/html/images/intro/contents/bg_book_01.png) no-repeat; -webkit-transform:translateX(100px) rotate(20deg); -moz-transform:translateX(100px) rotate(20deg); transform:translateX(100px) rotate(20deg);}
.bookArea:after {position:absolute; top:0; right:-7px; z-index:3; width:7px; height:817px; background:url(/html/images/intro/contents/bg_book_02.png) no-repeat; content:'';}
.bookArea .bookInner {position:absolute; top:24px; right:0; width:549px; height:730px;}
.bookArea .tabMenu {top:21px; right:0;}
.bookArea .tabMenu a.tab1 {height:178px; background-image:url(/html/images/intro/contents/img_tab_int_01.png);}
.bookArea .tabMenu a.tab2 {top:160px; left:0; background-image:url(/html/images/intro/contents/img_tab_int_02.png);}
.bookArea .tabMenu a.tab3 {top:328px; left:0; background-image:url(/html/images/intro/contents/img_tab_int_03.png);}
.bookArea .visual {position:relative; width:515px; height:340px; margin-left:34px;}
.bookArea .visual .txt {position:absolute; top:28px; left:16px; z-index:2;}
.bookArea .visual .hand {position:absolute; right:0; bottom:0; z-index:2;}
.bookArea .visual .figure {position:absolute; top:50px; right:64px; z-index:1;}
.bookArea .mainSlider {overflow:hidden; position:relative; height:390px; background:#fcc;}
.bookArea .mainSlider:before,
.bookArea .mainSlider:after {position:absolute; top:0; z-index:3; width:18px; height:390px; background-repeat:no-repeat; content:'';}
.bookArea .mainSlider:before {left:0; background-image:url(/html/images/intro/contents/img_shadow_01.png);}
.bookArea .mainSlider:after {right:0; background-image:url(/html/images/intro/contents/img_shadow_02.png);}
.bookArea .mainSlider .sliderInner {position:relative; height:390px;}
.bookArea .mainSlider .sliderInner:before,
.bookArea .mainSlider .sliderInner:after {position:absolute; left:0; right:0; z-index:2; height:14px; background-repeat:no-repeat; content:'';}
.bookArea .mainSlider .sliderInner:before {top:0; background-image:url(/html/images/intro/contents/img_comb_01.png);}
.bookArea .mainSlider .sliderInner:after {bottom:0; background-image:url(/html/images/intro/contents/img_comb_02.png);}
.bookArea .mainSlider .pager {position:absolute; right:0; bottom:29px; left:0; z-index:2; text-align:center; font-size:0;}
.bookArea .mainSlider .pager a {display:inline-block; width:11px; height:11px; margin:0 3px; background:url(/html/images/intro/btn/btn_nav_off.png) no-repeat;}
.bookArea .mainSlider .pager a.active {background-image:url(/html/images/intro/btn/btn_nav_on.png);}

#popBook {display:none; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; text-align:center;}
#popBook.on {display:block;}
#popBook .bookWrap {display:inline-block; position:relative; top:1000px; z-index:2; margin-top:194px; text-align:left; opacity:0;}
#popBook .bookView {display:none; position:relative; z-index:2;}
#popBook .bookView.on {display:block;}
#popBook .viewInner {position:absolute; z-index:2; top:112px; left:70px; width:929px;}
#popBook .page1 .viewInner {height:567px;}
#popBook .page1 .ballWrap {position:absolute; top:24px; left:-9px;}
#popBook .page1 .ballWrap span {position:absolute; opacity:0;}
#popBook .page1 .ballWrap .ball1 {top:14px; left:289px;}
#popBook .page1 .ballWrap .ball2 {top:0; left:118px;}
#popBook .page1 .ballWrap .ball3 {top:116px; left:26px;}
#popBook .page1 .ballWrap .ball4 {top:210px; left:0;}
#popBook .page1 .ballWrap .ball5 {top:311px; left:28px;}
#popBook .page1 .graphWrap {overflow:hidden; position:absolute; top:69px; right:22px; width:201px; height:236px;}
#popBook .page1 .graphWrap .box {position:relative; width:87px; height:216px;}
#popBook .page1 .graphWrap .box p {position:absolute; right:3px; bottom:0; width:35px; background-repeat:repeat-y;}
#popBook .page1 .graphWrap .box p em {position:absolute; top:9px; right:0; left:0; z-index:2; text-align:center;}
#popBook .page1 .graphWrap .box .star {position:absolute; left:0; width:47px; height:47px; padding:10px 0 0 10px; background:url(/html/images/intro/contents/bg_star.png) no-repeat; opacity:0;}
#popBook .page1 .graphWrap .box .txt {position:absolute; right:12px; margin-top:-20px; opacity:0;}
#popBook .page1 .graphWrap .box .arr {overflow:hidden; position:absolute; right:38px; height:0; background-repeat:no-repeat; background-position:0 100%; opacity:0;}
#popBook .page1 .graphWrap .box .before {left:6px; height:0; background-image:url(/html/images/intro/contents/bg_before.png); opacity:0;}
#popBook .page1 .graphWrap .box .before_num {position:absolute; bottom:60px; left:8px; width:32px; height:30px; text-align:center; opacity:0;}
#popBook .page1 .graphWrap .box .after {right:0; height:0;background-image:url(/html/images/intro/contents/bg_after.png); opacity:0;}
#popBook .page1 .graphWrap .box .after_num {position:absolute; bottom:118px; left:53px; width:32px; height:30px; text-align:center; opacity:0;}
#popBook .page1 .graphWrap .box .name {position:absolute; right:3px; bottom:-25px; opacity:0;}
#popBook .page1 .graphWrap .box.left {float:left;}
#popBook .page1 .graphWrap .box.left .star {top:11px;}
#popBook .page1 .graphWrap .box.left .txt {top:35px;}
#popBook .page1 .graphWrap .box.left .arr {bottom:105px; width:35px; background-image:url(/html/images/intro/contents/img_arr_01.png);}
#popBook .page1 .graphWrap .box.right {float:right;}
#popBook .page1 .graphWrap .box.right .star {top:0;}
#popBook .page1 .graphWrap .box.right .txt {top:24px;}
#popBook .page1 .graphWrap .box.right .arr {bottom:127px; width:24px; background-image:url(/html/images/intro/contents/img_arr_02.png);}
#popBook .page1 .sCut {left:512px;}
#popBook .page1 .sCut a {margin-left:86px;}
#popBook .page1 .bookBase {position:relative; z-index:1;}
#popBook .page1 .active .ballWrap .ball1 {animation:opa .5s ease-out .2s forwards;}
#popBook .page1 .active .ballWrap .ball2 {animation:opa .5s ease-out .4s forwards;}
#popBook .page1 .active .ballWrap .ball3 {animation:opa .5s ease-out .6s forwards;}
#popBook .page1 .active .ballWrap .ball4 {animation:opa .5s ease-out .8s forwards;}
#popBook .page1 .active .ballWrap .ball5 {animation:opa .5s ease-out 1s forwards;}
#popBook .page1 .active .graphWrap .box .star {animation:opa .3s ease-out .9s forwards;}
#popBook .page1 .active .graphWrap .box .star img {animation:opa .3s ease-out 2s forwards;}
#popBook .page1 .active .graphWrap .box .txt {animation:txt .3s ease-out .6s forwards;}
#popBook .page1 .active .graphWrap .box .arr {animation:arr1 .3s ease-out .7s forwards;}
#popBook .page1 .active .graphWrap .box .before {animation:before1 .3s ease-out .2s forwards;}
#popBook .page1 .active .graphWrap .box .after {animation:after1 .3s ease-out .3s forwards}
#popBook .page1 .active .graphWrap .box .after_num {animation:opa .3s ease-out .5s forwards;}
#popBook .page1 .active .graphWrap .box .before_num {animation:opa .3s ease-out .5s forwards;}
#popBook .page1 .active .graphWrap .box .name {animation:opa .3s ease-out .1s forwards;}

#popBook .page2 .viewInner {height:554px;}
#popBook .page2 .graphWrap p {overflow:hidden; position:absolute;}
#popBook .page2 .graphWrap p img {position:relative; opacity:0;}
#popBook .page2 .graphWrap p .img1 {z-index:4;}
#popBook .page2 .graphWrap p .img2 {z-index:3;}
#popBook .page2 .graphWrap p .img3 {z-index:2;}
#popBook .page2 .graphWrap p .img4 {z-index:1;}
#popBook .page2 .graphWrap .graph1 {top:55px; left:0; width:420px; height:30px;}
#popBook .page2 .graphWrap .graph1 img {position:absolute; top:0; left:0;}
#popBook .page2 .graphWrap .graph1 .img1 {left:0;}
#popBook .page2 .graphWrap .graph1 .img2 {left:0;}
#popBook .page2 .graphWrap .graph1 .img3 {left:0;}
#popBook .page2 .graphWrap .graph2 {top:87px; right:245px; width:161px; height:148px;}
#popBook .page2 .graphWrap .graph2 img {position:absolute;}
#popBook .page2 .graphWrap .graph2 .img1 {top:0; left:44px;}
#popBook .page2 .graphWrap .graph2 .img2 {top:76px; left:0;}
#popBook .page2 .graphWrap .graph2 .img3 {top:76px; right:0;}
#popBook .page2 .graphWrap .graph2 .img4 {top:34px; left:26px;}
#popBook .page2 .graphWrap .graph2 .img5 {top:34px; right:25px;}
#popBook .page2 .graphWrap .graph2 .img6 {top:109px; left:52px;}
#popBook .page2 .graphWrap .graph3 {top:87px; right:16px; width:178px; height:147px;}
#popBook .page2 .graphWrap .graph3 img {position:absolute; bottom:0; left:0;}
#popBook .page2 .graphWrap .graph4 {top:292px; right:5px; width:414px; height:35px;}
#popBook .page2 .graphWrap .graph4 img {position:absolute; top:0; left:0;}
#popBook .page2 .graphWrap .graph4 .img1 {left:0;}
#popBook .page2 .graphWrap .graph4 .img2 {left:0;}
#popBook .page2 .graphWrap .graph4 .img3 {left:0;}
#popBook .page2 .sCut2 {overflow:hidden; position:absolute; top:226px; left:125px; font-size:0;}
#popBook .page2 .sCut2 a {float:left; margin-left:7px;}
#popBook .page2 .sCut2 a:first-child {margin-left:0;}
#popBook .page2 .active .graphWrap .graph1 .img1 {animation:gra1_1 .3s ease-out .1s forwards;}
#popBook .page2 .active .graphWrap .graph1 .img2 {animation:gra1_2 .3s ease-out .5s forwards;}
#popBook .page2 .active .graphWrap .graph1 .img3 {animation:gra1_3 .3s ease-out .9s forwards;}
#popBook .page2 .active .graphWrap .graph2 .img1 {animation:opa .3s ease-out .1s forwards;}
#popBook .page2 .active .graphWrap .graph2 .img2 {animation:opa .3s ease-out .5s forwards;}
#popBook .page2 .active .graphWrap .graph2 .img3 {animation:opa .3s ease-out .9s forwards;}
#popBook .page2 .active .graphWrap .graph2 .img4 {animation:opa .3s ease-out 1.1s forwards;}
#popBook .page2 .active .graphWrap .graph2 .img5 {animation:opa .3s ease-out 1.1s forwards;}
#popBook .page2 .active .graphWrap .graph2 .img6 {animation:opa .3s ease-out 1.1s forwards;}
#popBook .page2 .active .graphWrap .graph3 .img1 {animation:gra3_1 .2s ease-out .1s forwards;}
#popBook .page2 .active .graphWrap .graph3 .img2 {animation:gra3_2 .2s ease-out .5s forwards;}
#popBook .page2 .active .graphWrap .graph3 .img3 {animation:gra3_3 .2s ease-out .9s forwards;}
#popBook .page2 .active .graphWrap .graph4 .img1 {animation:gra4_1 .3s ease-out .2s forwards;}
#popBook .page2 .active .graphWrap .graph4 .img2 {animation:gra4_2 .3s ease-out .6s forwards;}
#popBook .page2 .active .graphWrap .graph4 .img3 {animation:gra4_3 .3s ease-out 1s forwards;}

#popBook .page3 .viewInner {height:532px;}
#popBook .page3 .msgWrap p {position:absolute; opacity:1;}
#popBook .page3 .msgWrap p img {opacity:0;}
#popBook .page3 .msgWrap .msg1 {top:69px; left:74px;}
#popBook .page3 .msgWrap .msg2 {top:67px; left:260px;}
#popBook .page3 .msgWrap .msg3 {top:149px; left:27px;}
#popBook .page3 .msgWrap .msg4 {top:157px; left:317px;}
#popBook .page3 .sCut {left:717px;}
#popBook .page3 .sCut a {margin-left:7px;}
#popBook .page3 .active .msgWrap .msg1 img {animation:msg .8s ease-out .2s forwards;}
#popBook .page3 .active .msgWrap .msg4 img {animation:msg .8s ease-out .4s forwards;}
#popBook .page3 .active .msgWrap .msg3 img {animation:msg .8s ease-out .6s forwards;}
#popBook .page3 .active .msgWrap .msg2 img {animation:msg .8s ease-out .8s forwards;}
#popBook .sCut {overflow:hidden; position:absolute; bottom:0; left:512px; font-size:0;}
#popBook .sCut a {float:left;}
#popBook .sCut a:first-child {margin-left:0;}

/* COMMON */
.bg {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1; background:url(/html/images/intro/common/bg_back.png) repeat 0 0;}
.tabMenu {position:absolute; top:6px; right:12px; z-index:2;}
.tabMenu a {display:block; position:absolute; left:0; width:44px; background-repeat:no-repeat; font-size:0;}
.tabMenu a.on {width:40px;}
.tabMenu a.tab1 {top:0; z-index:3; height:188px; background-image:url(/html/images/intro/contents/img_tab_01.png);}
.tabMenu a.tab1.on {top:-1px; left:-1063px; height:190px; background-image:url(/html/images/intro/contents/img_tab_01_on.png);}
.tabMenu a.tab2 {top:173px; left:4px; z-index:2; height:194px; background-image:url(/html/images/intro/contents/img_tab_02.png);}
.tabMenu a.tab2.on {top:174px; left:-1063px; height:190px; background-image:url(/html/images/intro/contents/img_tab_02_on.png);}
.tabMenu a.tab3 {top:347px; left:8px; z-index:1; height:178px; background-image:url(/html/images/intro/contents/img_tab_03.png);}
.tabMenu a.tab3.on {top:357px; left:-1063px; height:174px; background-image:url(/html/images/intro/contents/img_tab_03_on.png);}

.btnArea a {right:50%; left:auto; width:106px; height:106px; margin-right:333px; background-repeat:no-repeat; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; box-shadow:-10px 10px 25px rgba(0,0,0,.3); text-indent:-99999px;}
.btnArea a.btn1 {background-image:url(/html/images/intro/btn/btn_class_01_off.png);}
.btnArea a.btn1:hover {background-image:url(/html/images/intro/btn/btn_class_01_on.png);}
.btnArea a.btn2 {background-image:url(/html/images/intro/btn/btn_class_02_off.png);}
.btnArea a.btn2:hover {background-image:url(/html/images/intro/btn/btn_class_02_on.png);}
.btnArea a.btn3 {background-image:url(/html/images/intro/btn/btn_class_03_off.png);}
.btnArea a.btn3:hover {background-image:url(/html/images/intro/btn/btn_class_03_on.png);}

.act {position:absolute; left:50%; z-index:2; opacity:0;}
.act.mouse {bottom:-200px; margin-left:436px; -webkit-transform:translateX(100px) rotate(60deg); -moz-transform:translateX(100px) rotate(60deg); transform:translateX(100px) rotate(60deg);}
.act.headphone {right:50%; bottom:-300px; left:auto; margin-right:489px; -webkit-transform:translateX(-100px) rotate(-90deg); -moz-transform:translateX(-100px) rotate(-90deg); transform:translateX(-100px) rotate(-90deg);}
.act.cellphone {bottom:-350px; margin-left:570px; -webkit-transform:translateX(200px) rotate(90deg); transform:translateX(200px) rotate(90deg);; transform:translateX(200px) rotate(90deg);}
.act.cellphone em {position:absolute; top:74px; left:53px;}
.act.btn1 {top:205px;}
.act.btn2 {top:335px;}
.act.btn3 {top:465px;}

.active .bookArea {animation:bookArea .8s ease-out 0s forwards;}
.active .act.mouse {animation:mouse 1s ease-out .6s forwards;}
.active .act.headphone {animation:headphone 1s ease-out .3s forwards;}
.active .act.cellphone {animation:cellphone 1s ease-out .3s forwards;}
.active .act.btn1 {animation:btn .9s ease-out 0.7s forwards;}
.active .act.btn2 {animation:btn .9s ease-out 1.0s forwards;}
.active .act.btn3 {animation:btn .9s ease-out 1.3s forwards;}

@keyframes bookArea {to {opacity:1; bottom:0; -webkit-transform:translateX(0) rotate(0); -moz-transform:translateX(0) rotate(0); transform:translateX(0) rotate(0);}}
@keyframes mouse {to {opacity:1; bottom:73px; -webkit-transform:translateX(0) rotate(0); -moz-transform:translateX(0) rotate(0); transform:translateX(0) rotate(0);}}
@keyframes headphone {to {opacity:1; bottom:123px; -webkit-transform:translateX(0) rotate(0); -moz-transform:translateX(0) rotate(0); transform:translateX(0) rotate(0);}}
@keyframes cellphone {to {opacity:1; bottom:161px; -webkit-transform:translateX(0) rotate(0); -moz-transform:translateX(0) rotate(0); transform:translateX(0) rotate(0);}}

@keyframes btn {
	0% {opacity:0;}
	60% {opacity:1;}
	100% {opacity:1;}
}

@-webkit-keyframes gra1_1 {
	0%    {left:-135px;}
	100%  {left:0; opacity:1}
}
@keyframes gra1_1 {
	0%    {left:-135px;}
	100%  {left:0; opacity:1}
}

@-webkit-keyframes gra1_2 {
	0%    {left:5px;}
	100%  {left:135px; opacity:1}
}
@keyframes gra1_2 {
	0%    {left:5px;}
	100%  {left:135px; opacity:1}
}
@-webkit-keyframes gra1_3 {
	0%    {left:135px;}
	100%  {left:275px; opacity:1}
}
@keyframes gra1_3 {
	0%    {left:135px;}
	100%  {left:275px; opacity:1}
}
@-webkit-keyframes gra3_1 {
	0%    {bottom:-50px;}
	100%  {bottom:0; opacity:1}
}
@keyframes gra3_1 {
	0%    {bottom:-50px;}
	100%  {bottom:0; opacity:1}
}
@-webkit-keyframes gra3_2 {
	0%    {bottom:-50px;}
	100%  {bottom:0; opacity:1}
}
@keyframes gra3_2 {
	0%    {bottom:-50px;}
	100%  {bottom:0; opacity:1}
}
@-webkit-keyframes gra3_3 {
	0%    {bottom:-50px;}
	100%  {bottom:0; opacity:1}
}
@keyframes gra3_3 {
	0%    {bottom:-50px;}
	100%  {bottom:0; opacity:1}
}
@-webkit-keyframes gra4_1 {
	0%    {left:-135px;}
	100%  {left:0; opacity:1}
}
@keyframes gra4_1 {
	0%    {left:-135px;}
	100%  {left:0; opacity:1}
}

@-webkit-keyframes gra4_2 {
	0%    {left:5px;}
	100%  {left:150px; opacity:1}
}
@keyframes gra4_2 {
	0%    {left:5px;}
	100%  {left:150px; opacity:1}
}
@-webkit-keyframes gra4_3 {
	0%    {left:150px;}
	100%  {left:268px; opacity:1}
}
@keyframes gra4_3 {
	0%    {left:150px;}
	100%  {left:268px; opacity:1}
}

@-webkit-keyframes msg {
	0%    {left:150px;}
	100%  {left:268px; opacity:1}
}
@keyframes msg {
	0%    {transform:scale(0);}
	20%    {transform:scale(1.2); opacity:1;}
	40%    {transform:scale(.8); opacity:1;}
	60%    {transform:scale(1); opacity:1;}
	80%    {transform:scale(1); opacity:1;}
	100%  {transform:scale(1); opacity:1;}
}

@keyframes opa {to {opacity:1;}}
@keyframes txt {to {margin-top:0; opacity:1;}}
@keyframes arr1 {to {height:57px; opacity:1;}}
@keyframes arr2 {to {height:40px; opacity:1;}}
@keyframes before1 {to {height:100px; opacity:1;}}
@keyframes before2 {to {height:120px; opacity:1;}}
@keyframes after1 {to {height:159px; opacity:1;}}
@keyframes after2 {to {height:170px; opacity:1;}}

/* BUTTON */
.btnClose {position:absolute; top:-33px; right:9px; width:110px; height:47px; background:url(/html/images/intro/btn/btn_close.png) no-repeat; text-indent:-99999px;}