@charset "utf-8";
/*
 * File       : sub-nico.css
 * Author     : STUDIO-JT (NICO)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) LOCATION MOTION
 */

.project{ opacity:0}


/* **************************************** *
 * LOCATION MOTION
 * **************************************** */

/* Location motion top */
.location_wave { position: absolute; left: 0; top: 50px; width: 100%; height: 60px; background: transparent url(../images/sub/location/location_wave.png) repeat left 0; }
.character_image {/* position: relative; height: 380px;*/ }
.location_wave.location_wave_01 { top: 50px; }
.location_wave.location_wave_02 { top: 110px; }
.location_wave.location_wave_03 { top: 170px; }
.location_wave.location_wave_04 { top: 230px; }
.location_wave.location_wave_05 { top: 290px; }
.location_wave.location_wave_06 { top: 350px; }
.character_dance,
.character_dance_reverse { position: absolute; width: 320px; height: 270px; overflow: hidden; }
.character_inner { -ms-transform-origin: center bottom;-moz-transform-origin: center bottom;-webkit-transform-origin: center bottom;transform-origin: center bottom; position: absolute; width: 100px; height: 310px; top: 10px; left: 100px; }
.here .character_dance_kms { top: 8px; left: 0px; }
.here .character_dance_jin { top: 60px; left: 200px; }
.here .character_dance_padak { top: 120px; left: 340px; }
.character_body { position: absolute; top: 100px; left: 0px; width: 130px; height: 182px; background: transparent url(../images/sub/location/character-kms-body.png) center 0 no-repeat; }
.character_left { -ms-transform-origin: center 188px;-moz-transform-origin: center 188px; -webkit-transform-origin: center 188px;transform-origin: center 188px; position: absolute; top: -8px; left: 56px; width: 51px; height: 206px; background: transparent url(../images/sub/location/character-kms-left.png) center 0 no-repeat; }
.character_right { -ms-transform-origin: center 188px;-moz-transform-origin: center 188px;-webkit-transform-origin: center 188px;transform-origin: center 188px; position: absolute; top: -5px; left: -5px; width: 51px; height: 206px; background: transparent url(../images/sub/location/character-kms-right.png) center 0 no-repeat; }

.character_dance_nico .character_body  { top:100px; left:0px; width: 150px; background-image: url(../images/sub/location/character-nico-body.png); }
.character_dance_nico .character_left  { top:-8px; left:63px; background-image:  url(../images/sub/location/character-nico-left.png); }
.character_dance_nico .character_right { top:-10px; left:-20px; background-image: url(../images/sub/location/character-nico-right.png); }

.character_dance_jc .character_body    { top:100px; left:0px; background-image: url(../images/sub/location/character-jc-body.png); }
.character_dance_jc .character_left    { top:-7px; left:81px; background-image:  url(../images/sub/location/character-jc-left.png); }
.character_dance_jc .character_right   { top:-7px; left:1px; background-image: url(../images/sub/location/character-jc-right.png); }

.character_dance_woody .character_body { top:100px; left:0px; background-image: url(../images/sub/location/character-woody-body.png); }
.character_dance_woody .character_left { top:-14px; left:78px; background-image:  url(../images/sub/location/character-woody-left.png); }
.character_dance_woody .character_right{ top:-10px; left:2px; background-image: url(../images/sub/location/character-woody-right.png); }

.character_dance_jisu .character_body  { top:100px; left:0px; background-image: url(../images/sub/location/character-jisu-body.png); }
.character_dance_jisu .character_left  { top:-9px; left:74px; background-image:  url(../images/sub/location/character-jisu-left.png); }
.character_dance_jisu .character_right { top:-8px; left:-4px; background-image: url(../images/sub/location/character-jisu-right.png); }

.character_dance_jjw .character_body   { top:100px; left:-50px;width: 230px; background-image: url(../images/sub/location/character-jjw-body.png); }
.character_dance_jjw .character_left   { top:-14px; left:82px; background-image:  url(../images/sub/location/character-jjw-left.png); }
.character_dance_jjw .character_right  { top:-15px; left:7px; background-image: url(../images/sub/location/character-jjw-right.png); }

.character_dance_bin .character_body   { top:100px; left:0px; background-image: url(../images/sub/location/character-bin-body.png); }
.character_dance_bin .character_left   { top:-5px; left:70px; background-image:  url(../images/sub/location/character-bin-left.png); }
.character_dance_bin .character_right  { top:-10px; left:-12px; background-image: url(../images/sub/location/character-bin-right.png); }

.character_dance_jun .character_body   { top:100px; left:0px; background-image: url(../images/sub/location/character-jun-body.png); }
.character_dance_jun .character_left   { top:-9px; left:70px; background-image:  url(../images/sub/location/character-jun-left.png); }
.character_dance_jun .character_right  { top:-5px; left:-5px; background-image: url(../images/sub/location/character-jun-right.png); }

.character_dance_kms .character_body   { top:100px; left:0px; background-image: url(../images/sub/location/character-kms-body.png); }
.character_dance_kms .character_left   { top:-8px; left:56px; background-image:  url(../images/sub/location/character-kms-left.png); }
.character_dance_kms .character_right  { top:-5px; left:-5px; background-image: url(../images/sub/location/character-kms-right.png); }

.character_dance_jhkim .character_body { top:100px; left:0px; background-image: url(../images/sub/location/character-jhkim-body.png); }
.character_dance_jhkim .character_left { top:-14px; left:64px; background-image:  url(../images/sub/location/character-jhkim-left.png); }
.character_dance_jhkim .character_right{ top:-22px; left:-4px; background-image: url(../images/sub/location/character-jhkim-right.png); }

.character_dance_padak .character_body { top:100px; left:0px; background-image: url(../images/sub/location/character-padak-body.png); }
.character_dance_padak .character_left { top:-9px; left:71px; background-image:  url(../images/sub/location/character-padak-left.png); }
.character_dance_padak .character_right{ top:-12px; left:2px; background-image: url(../images/sub/location/character-padak-right.png); }

.character_dance_jin .character_body {top: 100px;left:0px;background-image: url(../images/sub/location/character-jin-body.png);}
.character_dance_jin .character_left {top: -7px;left: 77px;background-image:  url(../images/sub/location/character-jin-left.png);}
.character_dance_jin .character_right {top: 1px;left: 4px;background-image: url(../images/sub/location/character-jin-right.png);}

.character_dance_jimin .character_body {top:100px; left:0px; background-image: url(../images/sub/location/character-jimin-body.png);}
.character_dance_jimin .character_left {top: 3px;left: 74px;background-image:  url(../images/sub/location/character-jimin-left.png);}
.character_dance_jimin .character_right {top: 7px;left: 3px;background-image: url(../images/sub/location/character-jimin-right.png);}

.character_dance_chaehee .character_body {top: 100px;left: 0px;background-image: url(../images/sub/location/character-chaehee-body.png);}
.character_dance_chaehee .character_left {top: -2px;left: 76px;background-image: url(../images/sub/location/character-chaehee-left.png);}
.character_dance_chaehee .character_right {top: 6px;left: 5px;background-image: url(../images/sub/location/character-chaehee-right.png);}

.character_dance_201 .character_body {top: 100px;left: 0px;background-image: url(../images/sub/location/character-201-body.png);}
.character_dance_201 .character_left {top: -8px;left: 84px;background-image: url(../images/sub/location/character-201-left.png);}
.character_dance_201 .character_right {top: -1px;left: -3px;background-image: url(../images/sub/location/character-201-right.png);}

.character_dance_tae .character_body {top: 100px;left: 0px;background-image: url(../images/sub/location/character-tae-body.png);}
.character_dance_tae .character_left {top: -4px;left: 82px;background-image: url(../images/sub/location/character-tae-left.png);}
.character_dance_tae .character_right {top: 2px;left: -1px;background-image: url(../images/sub/location/character-tae-right.png);}



/* Single Download button shortcode */
.single_content_view a.download_btn, 
a.download_btn { transition: background 300ms;border: none; display: inline-block;background: #0b21ee url(../images/icon/icon-download.svg) no-repeat;background-position:calc(100% - 32px) center;font-size: 14px;font-weight: 600;color: #fff;padding: 22px 65px 21px 32px;border-radius: 3px;} 
html.desktop .single_content_view a.download_btn:hover, 
html.desktop a.download_btn:hover{ background-color: #0011af;}



/* Location motion bottom */
/*
.location .careers { overflow: hidden; }
.location .careers .careers_motion_wrap { position: absolute; height: 290px; width: 100%; left: -190px; }
.careers_motion_wrap .character_dance { top: 25px; }
*/