@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../font/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(../font/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(../font/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../font/eot/NotoSansKR-Regular-Hestia.eot),
    url(../font/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../font/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../font/eot/NotoSansKR-Bold-Hestia.eot),
    url(../font/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../font/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
html,body{background-color:#000}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'Noto Sans KR','맑은 고딕',sans-serif;color:#fff}
a{color:#333;text-decoration:none}
a:active,a:hover{text-decoration:none}
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:350}
img{vertical-align:top}

/* global */
.ir_pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.hide{display:none}

/* comm */
.txt_comm,
.list_util [class^="link_"] .txt_util,
.list_gnb .link_gnb,
.ico_scroll{background-position:0 0;background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999px}
.list_comm,
.list_util,
.list_reward,
.list_step,
.list_mission{font-size:0}
.list_comm li,
.list_util li,
.list_reward li,
.list_step li,
.list_mission li{display:inline-block;vertical-align:top}

/* header */
.promotion-header{overflow:hidden;position:fixed;top:0;left:0;z-index:1000;width:100%;height:75px;padding:0 40px;background-color:rgba(7,7,7,1);box-sizing:border-box}
.promotion-title{float:left;margin-top:18px}
.promotion-title .link_logo{display:block;font-size:0}
.list_util{float:right;margin-top:16px}
.list_util li + li{position:relative}
.list_util [class^="link_"]{cursor:pointer;display:block;padding:14px 14px 13px 13px}
.list_util .txt_util{display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:center}
.list_util .link_home .txt_util{width:17px;height:17px;background-image:url(../img/ic-home.png)}
.list_util .link_home:hover .txt_util{background-image:url(../img/ic-home-o.png)}
.list_util .link_copy .txt_util{width:17px;height:17px;background-image:url(../img/ic-link.png)}
.list_util .link_copy:hover .txt_util{background-image:url(../img/ic-link-o.png)}
.list_util .tbox{position:absolute;font-size:1px;line-height:1px;width:1px;height:1px;border:0 none;opacity:0;left:-1px;}
.list_util .link_today .txt_util{height:17px;width:106px;background-image:url(../img/txt-nottoday.png)}
.list_util .link_today:hover .txt_util{background-image:url(../img/txt-nottoday-o.png)}

/* gnb */
.doc-gnb{position:fixed;top:50%;right:40px;z-index:1000;width:174px;transform:translate(0,-50%)}
.list_gnb li{width:174px}
.list_gnb li + li{padding-top:3px}
.list_gnb .link_gnb{display:block;font-family:'맑은 고딕';font-size:14px;line-height:19px;padding:18px 0 17px;letter-spacing:-.02em;text-align:center;color:#c2c2c2;background:url(../img/nav_bg.png) no-repeat 0 0;text-indent:0}
.list_gnb .link_gnb.on,
.list_gnb .link_gnb:hover{color:#f76863}


/* footer */
.promotion-footer{background:#000;position:relative;z-index:5}
.inner_foot{position:relative;margin:0 auto;padding:70px 0;box-sizing:border-box}
.inner_foot .logo_info{text-align:center}
.inner_foot .logo_info a{display:inline-block;vertical-align:top;padding:0 20px}
.inner_foot .info_service{text-align:center;padding-top:30px}
.inner_foot .list_service li{display:inline-block;padding:2px 13px;position:relative}
.inner_foot .list_service li + li:before{position:absolute;top:11px;left:-1px;width:2px;height:2px;background:#797979;content:''}
.inner_foot .list_service .link_info{font-family:'맑은 고딕';font-size:14px;line-height:20px;color:#e7e7e7;text-decoration:none;letter-spacing:0;text-align:center}
.inner_foot .list_service .link_info strong{color:#edc06a;font-weight:bold;}
.inner_foot .info_company{padding-top:10px;font-size:12px;line-height:20px;color:#7e7e7e}
.inner_foot .info_company .link_txt {color:inherit}
.inner_foot .info_copy{display:block;font-size:12px;line-height:20px;color:#7e7e7e}
.inner_foot .info_copy .link_txt{color:#7e7e7e;text-decoration:none}

.inner_foot .logo_kakao .img_comm{width:145px;height:26px;margin-top:32px;background-position:0 -40px}
.inner_foot .logo_company .img_comm{width:93px;height:78px;background-position:0 -70px}
.inner_foot .logo_company .img_logo{vertical-align:top}
.inner_foot .service_info{float:left;font-size:13px;letter-spacing:-1px;color:#c9c9c9}
.service_info a{font-weight:bold;font-size:13px;color:#c9c9c9}
.service_info .txt_bar{margin:0 6px}
.inner_foot .kakao_info{margin-top:4px}
.inner_foot .kakao_info,.copyright,.copyright a{font-size:12px;line-height:18px;letter-spacing:0;color:#8a8a8a}
.copyright{float:left;text-indent:0;vertical-align:baseline}
.inner_foot .grade_info{position:absolute;top:-145px;right:-50px;padding:19px 34px 37px;border:1px solid #373737;background-color:#1e1e1e}
.inner_foot .grade_info .box_grade{overflow:hidden;padding-top:20px}
.inner_foot .grade_info .list_grade{float:left;width:122px;height:71px;margin-right:6px;background-position:-460px 0}
.inner_foot .grade_info .list_info{float:right;width:460px;height:70px;background-position:-135px -80px}
.inner_foot .grade_info .grade_15 .list_grade{background-position:0 -345px}
.inner_foot .grade_info .grade_15 .list_info{background-position:-128px -345px}
.inner_foot .grade_info .ico_tail{position:absolute;bottom:-15px;left:50%;margin-left:-14px;width:27px;height:15px;background-position:-430px -30px}
.layer_grade{display:none;position:absolute;left:50%;bottom:131px;margin-left:-329px;padding:39px 34px 38px;border:1px solid #373737;background-color:#1e1e1e}
.layer_grade.visible{display:block}
.layer_grade .info_grade{width:588px;height:161px;background:url(../img/grade_guide.png) no-repeat 0 0}
.layer_grade .btn_close{position:absolute;top:0;right:0;padding:10px}
.layer_grade .btn_close .img_comm2{font-size:0;display:block;position:relative;width:17px;height:17px}
.layer_grade .btn_close .img_comm2:before,
.layer_grade .btn_close .img_comm2:after{width:24px;height:1px;background:#fff;content:"";display:block;position:absolute;left:50%;top:50%;transform-origin:0 0}
.layer_grade .btn_close .img_comm2:before{
	-webkit-transform:rotate(45deg) translate(-50%,-50%);
	-moz-transform:rotate(45deg) translate(-50%,-50%);
	-ms-transform:rotate(45deg) translate(-50%,-50%);
	transform:rotate(45deg) translate(-50%,-50%)
}
.layer_grade .btn_close .img_comm2:after{
	-webkit-transform:rotate(-45deg) translate(-50%,-50%);
	-moz-transform:rotate(-45deg) translate(-50%,-50%);
	-ms-transform:rotate(-45deg) translate(-50%,-50%);
	transform:rotate(-45deg) translate(-50%,-50%)
}


/* ui */
.ico_scroll{display:inline-block;position:relative;width:20px;height:35px;margin:96px 0 0;border:2px solid #fff;border-radius:12px;vertical-align:top}
.ico_scroll_wheel{position:absolute;top:7px;left:9px;width:2px;height:7px;background:#fff;border-radius:2px
-webkit-animation:ani_move_arr 1.3s cubic-bezier(0.28,0.38,0.68,0.75) infinite;
-moz-animation:ani_move_arr 1.3s cubic-bezier(0.28,0.38,0.68,0.75) infinite;
animation:ani_move_arr 1.3s cubic-bezier(0.28,0.38,0.68,0.75) infinite
}
.ico_scroll:before{content:"";display:block;width:43px;height:13px;position:absolute;left:50%;margin-left:-21px;top:50px;background:url(../img/scroll-txt.png) no-repeat center}


/* layout */
.container-promotion{overflow:hidden;position:relative;min-width:1240px;margin:0 auto}
[class^="section_"]{position:relative;background-position:50% 0;background-repeat:no-repeat;background-size:cover;max-width:2560px;margin:0 auto}
[class^="section_"] .bg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
[class^="section_"] .inner_event{display:block;position:relative;min-height:100%;box-sizing:border-box;width:1240px;margin:0 auto;z-index:1}
.bg-video{position:absolute;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%)}
.bg-video video{display:block;width:100%;height:100%}

.inner_event .tit_event{display:block;text-align:center}


.bg-obj{position:absolute;display:block;pointer-events:none;background-repeat:no-repeat;background-size:contain;transition:opacity .15s ease, transform .35s cubic-bezier(0,0,0,0.99);opacity:0}
.activated .bg .bg-obj{transition-delay:.25s;transform:translate(0,0);opacity:1}

/* intro */
.section_intro{overflow:hidden;position:relative;height:100vh;background-image:url(../img/intro_bg.jpg)}
.section_intro .wrap_intro{position:absolute;top:50%;left:50%;width:976px;height:660px;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.section_intro .wrap_intro img{display:inline-block;width:auto}

.section_intro .bg:before,
.section_intro .bg:after,
.section_intro .bg-video:before,
.section_intro .bg-video:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.section_intro .bg:before{background:url(../img/intro_vinetting.png) no-repeat center;background-size:cover}
.section_intro .bg-video:before{background:url(../img/intro_noise.png) repeat center;mix-blend-mode:soft-light}
.section_intro .bg-video:after{opacity:.5;background:url(../img/intro_dust.jpg) no-repeat center;background-size:cover;mix-blend-mode:color-burn}
.section_intro .bg:after{background:url(../img/intro_tone.png) no-repeat center;background-size:cover}

/* update */
.section_update .tit_event{padding-top:110px;padding-bottom:60px}
.content-board{display:block;width:1240px;margin:0 auto;position:relative;height:978px;background:url(../img/content_board.png) no-repeat center top;box-sizing:border-box}

/* map-feature */
.map-feature{background-image:url(../img/feature_bg.jpg);height:1382px;overflow:hidden}
.map-feature .content-board{padding-top:28px}
.update-feature{clear:both;display:flex;position:relative;padding:28px 105px 27px 100px;width:100%;box-sizing:border-box}
.update-feature + .update-feature{padding-top:8px}
.update-feature .preview{flex:none;padding:53px 15px 55px 16px;background:url(../img/feature_memo_bg.png) no-repeat 0 0}
.update-feature .info{flex:1}
.update-feature .dc{font-size:18px;line-height:28px;color:#dbdbdb;font-weight:350;letter-spacing:-.05em;position:relative}
.update-feature .dc:after{content:"";display:block;width:0;height:25px;position:absolute;top:100%;background-repeat:no-repeat;transition:width .55s .7s cubic-bezier(0.175,0.885,0.32,1)}
.update-feature.ascent .tit{padding-top:138px;padding-bottom:12px}
.update-feature.ascent .info{padding-left:40px;padding-bottom:32px}
.update-feature.ascent .dc:after{background-image:url(../img/feature_arrow_l.png);background-position:100% 0;right:310px;margin-top:32px}
.update-feature.street .preview{float:right}
.update-feature.street .tit{padding-top:105px;padding-bottom:15px}
.update-feature.street .info{padding-left:28px;padding-bottom:20px}
.update-feature.street .dc:after{background-image:url(../img/feature_arrow_r.png);background-position:0 0;left:276px;margin-top:20px}

.bg-obj.fragment-1{transform:translate(-120px, -70px);width:1609px;height:1329px;background-image
:url(../img/feature_fragments01.png);top:192px;left:50%;margin-left:-1387px}
.bg-obj.fragment-2{transform:translate(-150px, -150px);width:1099px;height:1287px;background-image
:url(../img/feature_fragments02.png);top:17px;left:50%;margin-left:-1414px;z-index:2}
.bg-obj.fragment-3{transform:translate(-200px, 25px);width:701px;height:1471px;background-image
:url(../img/feature_fragments03.png);top:-132px;left:50%;margin-left:-1435px;z-index:2}
.map-feature .bg-obj.character{transform:translate(120px, -35px);width:1132px;height:1468px;background-image
:url(../img/feature_character.png);top:-88px;left:50%;margin-left:-1493px;z-index:2}
.bg-obj.parachute{transform:translate(100px, -35px);width:365px;height:444px;background-image
:url(../img/feature_parachute.png);top:584px;left:50%;margin-left:575px;z-index:2}
.bg-obj.rope{transform:translate(120px, -45px);width:77px;height:229px;background-image
:url(../img/feature_reflected_rope.png);top:1080px;left:50%;margin-left:-1185px;z-index:2}
.updata-feature .bg.onlayer:after{content:"";display:block;position:absolute;left:50%;top:306px;margin-left:-1068px;width:997px;height:223px;background:url(../img/feature_redlight.png) no-repeat;mix-blend-mode:hard-light}


.activated .update-feature .dc:after{width:128px}
.map-feature.activated .bg-obj.character{transform:translate(0,0)}
.map-feature.activated .bg-obj.fragment-1,
.map-feature.activated .bg-obj.fragment-2,
.map-feature.activated .bg-obj.fragment-3{transition-delay:.3s}
.map-feature.activated .bg-obj.parachute{transition-delay:.35s;transition-duration:.6s}

/* landmark */
.landmark{background-image:url(../img/landmark_bg.jpg);height:1470px}
.landmark .content-board{padding:75px 80px 0;background:url(../img/content_board_l.png);height:1010px}
.landmark .swiper-container.thumbnails{margin-top:64px}
.landmark .swiper-slide img{width:100%;height:auto}
.landmark .swiper-slide:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #4d4d4d}
.landmark .swiper-container.thumbnails .swiper-slide{cursor:pointer}
.landmark .swiper-slide.selected:after{border-color:#f75049}
.landmark .thumbnails-arrow{position:absolute;width:64px;height:64px;background-repeat:no-repeat;background-position:center;bottom:141px;cursor:pointer}
.landmark .thumbnails-arrow.prev{left:14px;background-image:url(../img/landmark_arr_l.png)}
.landmark .thumbnails-arrow.prev:hover{background-image:url(../img/landmark_arr_l_o.png)}
.landmark .thumbnails-arrow.next{right:14px;background-image:url(../img/landmark_arr_r.png)}
.landmark .thumbnails-arrow.next:hover{background-image:url(../img/landmark_arr_r_o.png)}


/* event */
.section_event .btn{display:block;width:240px;height:60px;text-align:center;background:#000;color:#fff;font-weight:400}
.section_event .btn span{position:relative;display:inline-block;vertical-align:middle;font-size:17px;letter-spacing:-.05em;line-height:24px;padding:18px 25px 18px 0}
.section_event .btn span:after{content:"";display:block;position:absolute;right:0;width:8px;height:12px;top:50%;margin-top:-5px;background-repeat:no-repeat;background-position:center;background-image:url(../img/bt-arr.png)}
.section_event .btn:hover{color:#f75049;font-weight:400}
.section_event .btn:hover span:after{background-image:url(../img/bt-arr-o.png)}

/* event1 */
.event1{height:790px;padding-top:100px;margin-top:-100px}
.event1 .bg.back{height:790px;top:auto;bottom:0}
.event1 .bg.back{background-image:url(../img/event1_bg.jpg);background-position:center bottom;background-repeat:no-repeat;background-size:cover}
.event1 > .inner_event{padding:152px 80px}
.event1 .tit_event{text-align:left;position:relative;left:-2px;padding-bottom:35px}
.event1 .event_btm{position:absolute;bottom:0;left:0;width:100%;height:100px;background:url(../img/event1_bg_btm.jpg) repeat-x center;z-index:2}
.event1 .dc{display:block;font-size:18px;font-weight:400;line-height:26px;color:#000;letter-spacing:-.05em;padding-bottom:62px}
.event1 .dc strong{font-weight:700}
.event1 .event_btm .inner_event{text-align:center;padding:0}
.event1 .event_btm .btn{vertical-align:middle;display:inline-block;background-color:#d94641;font-weight:400;color:#1a1a1a;position:relative;top:-2px}
.event1 .event_btm .btn span:after{background-image:url(../img/bt-arr-blk.png)}
.event1 .event_btm .btn:hover{background-color:#f75049}
.event1 .notice{display:inline-block;font-size:18px;letter-spacing:-.05em;position:relative;line-height:24px;color:#fff;font-weight:350;padding:38px 70px 38px 32px}
.event1 .notice:before{content:"";display:block;width:24px;height:24px;position:absolute;left:0;top:38px;background:url(../img/ic-notice.png) no-repeat center}


.event1 .bg{overflow:hidden;height:840px;top:auto;bottom:0}
.event1 .bg-obj.character{transform:translate(-50px, 50px);width:1590px;height:840px;background:url(../img/event1_character.png);top:0;margin-left:-310px;left:50%}
.event1 .bg-obj.light{transform:translate(-50px, 50px);width:1590px;height:840px;background:url(../img/event1_characters_light.png);top:0;margin-left:-310px;left:50%;mix-blend-mode:screen}
.event1 .bg-obj.bulet-fire{width:1590px;height:840px;background:url(../img/event1_characters_bulet.png);top:0;margin-left:-317px;left:50%;mix-blend-mode:color-dodge}
.activated.event1 .bg .bg-obj{transform:translate(0, 0)}

/* event2 */
.event2{background-image:url(../img/event2_bg.jpg);height:1825px}
.event2 .btn{height:80px;width:300px}
.event2 .btn span{padding:28px 25px 28px 0}
.event2 > .inner_event{padding:107px 0 0}
.event2 .content-board{display:block;width:1240px;margin:0 auto;position:relative;height:1140px;background:url(../img/content_board_w.png) no-repeat center top}
.event2 .event-detail{display:block;padding-top:14px;padding-bottom:50px;text-align:center;font-weight:400;color:#000;}
.event2 .event-detail .dc{display:inline-block;letter-spacing:-.05em;vertical-align:middle;padding:12px 0 13px;text-align:center;font-size:18px;line-height:26px}
.event2 .event-detail .dc strong{font-weight:700}
.event2 .event-detail .dc strong em{font-weight:inherit;color:#c23f3a}

.event2 .content-board{font-size:0;line-height:0;}
.event2 .webtoon-list{padding:40px 30px 35px;text-align:center}
.event2 .webtoon-list li{display:inline-block;padding:40px 10px 0}
.event2 .webtoon-list li.new{display:inline-block;padding:40px 35px 0}
.event2 .webtoon-list .preview{position:relative;padding:30px 23px 36px;background:url(../img/event2_webtoon_bg.png) no-repeat center top}
.event2 .webtoon-list li.new .preview:after{content:"";display:block;position:absolute;top:15px;right:-30px;background:url(../img/event2_webtoon_new.png) no-repeat center;width:105px;height:73px;font-size:0;line-height:0}
.event2 .webtoon-list .subject{color:#000;font-weight:700;font-size:20px;line-height:26px;letter-spacing:-.05em;padding-top:17px}
.event2 .webtoon-list .copyright{display:table;width:100%;height:56px}
.event2 .webtoon-list .copyright > span{display:table-cell;vertical-align:middle;font-size:14px;letter-spacing:-.05em;line-height:18px;font-weight:400;color:#595959}
.event2 .btn{margin:0 auto}

.event2 .notification{display:table;margin:15px auto 0;background:url(../img/event2_notice_bg.png);width:1240px;height:136px}
.event2 .notification .aligner{display:table-cell;width:auto;vertical-align:middle;text-align:left}
.event2 .notification .aligner.blank{width:50%}
.event2 .notification p{display:block;padding-left:24px;position:relative;white-space:nowrap;color:#b2b2b2;font-size:15px;font-weight:350;line-height:24px;letter-spacing:-.05em}
.event2 .notification p:before{content:"※";font-size:15px;line-height:24px;display:block;position:absolute;left:0;top:-1px}

.event2 .bg-obj.shadow{transform:translate(-120px, 20px);width:1830px;height:235px;left:50%;bottom:0;margin-left:-1225px;background:url(../img/event2_character_shadow.png);mix-blend-mode:multiply;z-index:2}
.event2 .bg-obj.character{transform:translate(-120px, 20px);width:641px;height:1253px;left:50%;bottom:91px;margin-left:-1070px;background:url(../img/event2_character.png);z-index:2}
.event2 .bg-obj.storm{width:2560px;height:992px;left:50%;bottom:0;margin-left:-1280px;background:url(../img/event2_bg_storm.png);z-index:2}
.activated.event2 .bg .bg-obj{transform:translate(0, 0)}

/* obj_move */
[class*="obj_move"]{opacity:0}
.obj_move_tb{
	-webkit-transform:translate(0,-65px);
	-moz-transform:translate(0,-65px);
	-ms-transform:translate(0,-65px);
	transform:translate(0,-65px);
	-webkit-transition:opacity .35s ease,transform .55s cubic-bezier(0.175,0.885,0.32,1);
	-moz-transition:opacity .35s ease,transform .55s cubic-bezier(0.175,0.885,0.32,1);
	transition:opacity .35s ease,transform .55s cubic-bezier(0.175,0.885,0.32,1)
}
.obj_move_bt{
	-webkit-transform:translate(0,65px);
	-moz-transform:translate(0,65px);
	-ms-transform:translate(0,65px);
	transform:translate(0,65px);
	-webkit-transition:opacity .35s ease,transform .55s cubic-bezier(0.175,0.885,0.32,1);
	-moz-transition:opacity .35s ease,transform .55s cubic-bezier(0.175,0.885,0.32,1);
	transition:opacity .35s ease,transform .55s cubic-bezier(0.175,0.885,0.32,1)
}
.obj_move_rl{
	-webkit-transform:translate(1000px,-12px);
	-moz-transform:translate(1000px,-12px);
	-ms-transform:translate(1000px,-12px);
	transform:translate(1000px,-12px);
	-webkit-transition:opacity .4s ease,transform .6s cubic-bezier(0,0,0,0.99);
	-moz-transition:opacity .4s ease,transform .6s cubic-bezier(0,0,0,0.99);
	transition:opacity .4s ease,transform .6s cubic-bezier(0,0,0,0.99)
}
.obj_move_lr{
	-webkit-transform:translate(1000px,12px);
	-moz-transform:translate(1000px,12px);
	-ms-transform:translate(1000px,12px);
	transform:translate(1000px,12px);
	-webkit-transition:opacity .4s ease,transform .6s cubic-bezier(0,0,0,0.99);
	-moz-transition:opacity .4s ease,transform .6s cubic-bezier(0,0,0,0.99);
	transition:opacity .4s ease,transform .6s cubic-bezier(0,0,0,0.99)
}

.activated .obj_move_tb,
.activated .obj_move_bt,
.activated .obj_move_lr,
.activated .obj_move_rl{opacity:1;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0)
}
.activated .delay100{-moz-transition-delay:.1s;transition-delay:.1s}
.activated .delay200{-moz-transition-delay:.2s;transition-delay:.2s}
.activated .delay300{-moz-transition-delay:.3s;transition-delay:.3s}
.activated .delay400{-moz-transition-delay:.4s;transition-delay:.4s}
.activated .delay500{-moz-transition-delay:.5s;transition-delay:.5s}
.activated .delay600{-moz-transition-delay:.6s;transition-delay:.6s}
.activated .delay700{-moz-transition-delay:.7s;transition-delay:.7s}
.activated .delay800{-moz-transition-delay:.8s;transition-delay:.8s}
.activated .delay900{-moz-transition-delay:.9s;transition-delay:.9s}
.activated .delay1000{-moz-transition-delay:1s;transition-delay:1s}





/* animation */

/* ani_move_arr */
@-webkit-keyframes ani_move_arr{
	0% {-webkit-transform:translateY(-2px)}
	50% {-webkit-transform:translateY(2px)}
	100% {-webkit-transform:translateY(-2px)}
}
@-moz-keyframes ani_move_arr{
	0%{-moz-transform:translateY(-2px)}
	50%{-moz-transform:translateY(2px)}
	100%{-moz-transform:translateY(-2px)}
}
@keyframes ani_move_arr{
	0%{transform:translateY(-2px)}
	50%{transform:translateY(2px)}
	100%{transform:translateY(-2px)}
}