@charset "utf-8";

/*
 * File    : sub-location.css
 * Author  : STUDIO-JT (JC)
 *
 * SUMMARY :
 * 연락처 및 오시는 길
 */

/*.page-template-location {overflow-x:hidden;}*/
.location {padding-top:44px;}
/* HERE */
.location .here {font-size:0;/*padding:0 150px; */margin-bottom:115px;}
.location .here:after {content:''; display:block; clear:both;}
.location .here > div p {font-size:14px; line-height:2.15; font-weight: 500;}
.location .here > div img {max-width:666px; width:100%;}
.location .here .ment {/*width:434px;*/width: 39.4545%;display:inline-block;vertical-align:top;}
.location .here .ment > h1 {margin:37px 0 8px 0; font-size:60px; line-height:1.75; font-weight:300;}
.location .here .character_image {/*width:666px;*/width: 60.5455%;display:inline-block;vertical-align:top;overflow: hidden;}
.location_btn {display:block; width:241px; height:60px; line-height:56px; position:relative; background:var(--c-accent); border:2px solid var(--c-accent); font-size:14px; font-weight: 500; color:#222; border-radius:3px; padding:0 55px 0 38px; margin-top:51px;}
.location_btn:hover {background:#fff; border-color:var(--c-primary); color:var(--c-primary);}
.location_btn:after {content:'\e903'; display:block; width:17px; height:13px; position:absolute; top:0px; right:27px; font-family:'jt-font';}
.location_fish {display:block; width:62px; height:47px; position:absolute;}
.location_fish_01 {top: 81px;right: 232px; background:url(../images/sub/location/img-fish-01.svg) no-repeat center center; -webkit-transform:rotate(-80deg); -ms-transform:rotate(-80deg); transform:rotate(-80deg);}
.location_fish_02 {bottom:-63px; left:216px; background:url(../images/sub/location/img-fish-02.svg) no-repeat center center; -webkit-transform:rotate(37deg); -ms-transform:rotate(37deg); transform:rotate(37deg);}
.location_wave_02 {}
.location_wave_01:after {content:''; display:block; width:100%; height:100%; position:absolute; top:29px; left:0; background:#fff;}
/* COMPANY VIEW */
.company_view {width:100%; height:1012px; position:relative; background:url(../images/sub/location/img-company-view.jpg) no-repeat right bottom;}
/*.company_view:after {content:''; display:block; width:127px; height:190px; position:absolute; top:623px; right:125px; transform:rotate(19deg); background:url(../images/sub/location/img-hand.svg) no-repeat 0px 0px;}*/
.company_view p {display: block; width: 100%;position:absolute; font-family:'Montserrat'; font-size:73px; letter-spacing:0.97em; font-weight:600; color:#ddd;}
.company_view .txt_1 {top:173px; left:-130px;}
.company_view .txt_2 {top:340px; right: -220px; text-align:right; color:var(--c-primary);}
/* OFFICE INFO, TEAM INFO */
.office_info, .team_info {width:100%; font-size:0;}
.office_info > div, .team_info > div {display:inline-block; vertical-align:top;}
/* OFFICE INFO */
.office_info .office {width:50%; height:446px; color:#fff; text-align:center; padding:131px 50px 50px 50px;}
.office_info .busan {background:var(--c-primary);}
.office_info .seoul {background:#333;}
.office_info .office > p {font-size:15px; line-height:1.7; }
.office_info .office > p > span {text-decoration: line-through;}
.office_info .office.busan > p {color:#bac6f6}
.office_info .office.seoul > p {color:#a1a1a1}
.office a {color:#fff;}
.office .office_name {display:inline-block; position:relative; font-family:'Montserrat'; font-size:25px; font-weight:600; line-height:1.8;}
.office .office_name:before {content:'';display:block;width: 26px;height:9px;position:absolute;top:-20px;left:50%;margin-left: -13px;background:url(../images/icon/icon-wave-small-secondary-v2.svg) no-repeat 0px 0px;}
.office .contact_us {margin-top:90px;}
.office .contact_us p {font-family:'Montserrat'; font-size:15px; display:inline-block; margin:0 15px; font-weight:500; margin-bottom:10px;}
.office .contact_us span {position:relative; padding:0 6px; font-family:'Montserrat'; color:var(--c-accent);}
.office .contact_us span:after {/*content:'//'; position:absolute; top:0px; right:0px;*/}
.office .contact_us a {}
/* TEAM INFO */
.location .team {position:relative; padding:12.5%; /*background:url(../images/sub/location/img-wave-bg.png) no-repeat 0px 0px;*/}
.location .team > div {position:absolute; bottom:51px; left:50px;}
.location .team h2 {font-family:'Montserrat'; color:#222; font-weight:500;}
.location .team p {font-family:'Montserrat'; font-size:15px; color:#222; font-weight:500;}
.location .planning, .location .seo {background:var(--c-accent);}
.location .developer {background:#fff;}
.location .design {background:#f3f3f3;}
.location a {font-size:14px; color:inherit;}
.location .team .team_name {position:relative; font-size:18px; font-weight:600; margin-bottom:17px;}
.location .team .team_name:before {content:''; display:block; position:absolute; left:0px;}
.location .planning .team_name:before {width:26px; height:24px; top:-48px; background:url(../images/sub/location/img-team-icon-new-plan.svg) no-repeat 0px 0px;}
.location .developer .team_name:before {width:24px; height:24px; top:-48px; background:url(../images/sub/location/img-team-icon-new-dev.svg) no-repeat 0px 0px;}
.location .design .team_name:before {width:18px; height:24px; top:-48px; background:url(../images/sub/location/img-team-icon-new-design.svg) no-repeat 0px 0px;}
.location .cx .team_name:before {width:22px; height:26px; top:-50px; background:url(../images/sub/location/img-team-icon-cx.svg) no-repeat 0px 0px;}
.location .seo .team_name:before {width:24px; height:23px; top:-47px; background:url(../images/sub/location/img-team-icon-seo.svg) no-repeat 0px 0px;}
.location .null { background:url(../images/sub/location/img-wave-bg.png) no-repeat 0px 0px; background-size: cover; }
.location .null.hide { display: none; }
.location .team > div.albert_container { position: absolute; left: 50%; bottom: 0; margin-left: -25px; }
.location .team_info .andre { background:url(../images/sub/location/img-emoji-bg.png) no-repeat 0px 0px; background-size: cover; }
.location .team_info .albert_wrap { background: #333; overflow: hidden; }
.location .team_info .albert { transform-origin: 50% 50%; }
.location .team_info .albert .mouth_open { opacity: 0; }
/* CAREERS */
.location .careers {position: relative;/*height:569px;*/padding-top: 120px;background: url(../images/sub/location/img-careers-bg.jpg) repeat-y 0px 0px;text-align: center;}
/*.location .careers:before {content:''; display:block; width:100%; height:305px; position:absolute; bottom:0px; left:0px; background:url(../images/sub/location/img-careers-members.png) no-repeat 0px bottom;}*/
.location .careers h2 {display:inline-block; position:relative; margin-bottom:15px; font-family:'Montserrat'; font-size:25px; font-weight:600; line-height:1.8; color:var(--c-primary);}
.location .careers h2:before {content:'';display:block;width: 26px;height:9px;position:absolute;top:-20px;left:50%;margin-left: -13px;background:url(../images/icon/icon-wave-small-v2.svg) no-repeat 0px 0px;}
.location .careers p, .location .location_careers_mail {font-family: 'Montserrat';font-size:16px;font-weight: 600;color:#222;}
.location .careers p span {padding:0 5px;}
.location .careers .location_btn {margin: 30px auto 0;text-align: left;}
/* here icon */
.company_view_icon_wrap {width: 127px;height: 192px;position: absolute;bottom: 212px;right: 146px;overflow: hidden;}
.company_view_icon {width: 77px;height: 192px;position: absolute;right: -100px;top: 90px;-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
/* Location motion top */
.character_image { position: relative; }
.character_image_inner { height: 380px; }
/* Location motion bottom */
.location .careers { overflow: hidden; }
.careers .careers_motion_wrap {position: relative;width: 100%;margin-top: 60px;}
.careers .character_slide_dance {display: inline-block;position: relative;overflow: inherit;height: 270px;cursor: move;}
/* 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);}
.careers_motion_wrap { position: relative; width: 100%; max-width: 100%; overflow: visible; }
#careers_character_slide { display: flex; flex-wrap: nowrap; width: max-content; will-change: transform; }
#careers_character_slide .character_slide_dance { flex: 0 0 160px; width: 160px; }