@charset "utf-8";

/*
 * File    : rwd-location.css
 * Author  : STUDIO-JT (JC)
 *
 * SUMMARY :
 * 연락처 및 오시는 길 — 반응형
 */

@media (max-width: 1460px) {
/* LOCATION */
.company_view {overflow:hidden;}

.company_view p {font-size:100px;letter-spacing:0.55em;}

.company_view .txt_1 {left: 0;padding-left: 0.55em;}

.company_view .txt_2 {right: 0;}
}

@media (max-width: 1180px) {
/* LOCATION */
.location .careers {padding-top: 10%;}

.careers .careers_motion_wrap {margin-top: 7%;}

.location .team > div {left:15%; bottom:15%;}
}

@media (max-width: 1105px) {
/* LOCATION */
.location .team p, .location .team a {font-size:14px;}
}

@media (max-width: 1080px) {
/* LOCATION */
.office_info .office {height:416px;}

.office .contact_us {margin-top:60px;}

.location .here .ment {padding-right: 2%;}

.location_btn {width: 210px;height: 55px;padding: 0 55px 0 30px;line-height: 51px;}

.location_btn:after {right: 23px;font-size: 13px;}

.here .character_dance_kms {left: -25px; }

.here .character_dance_jhkim { left: 175px; }

.here .character_dance_padak {left: 315px; }
}

@media (max-width: 1023px) {
/* LOCATION */
.location {padding-top: 0;}

.location .here {margin-bottom: 80px;}

.location .here .ment {width: 100%;padding-right: 0;}

.location .here .ment > h1 {margin: 0 0 25px;font-size: 50px;}

.location .here > div p {margin-bottom: 25px;}

.location_ment_middle_br {display: none;}

.location_btn {display: inline-block;width: auto;min-width: 170px;margin-top: 0;}

.location .here .character_image {width: 100%;margin-top: 20px;}

}

@media (max-width: 940px) {
/* LOCATION */
.location .team a {display:block;}
}

@media (max-width: 820px) {
.location .team .team_name {font-size:16px;}
}

@media (max-width: 768px) {
/* LOCATION */
.location .here > div p {font-weight: 400;}

.office_info {display:table;}

.office_info .office {display:table-cell; height:inherit; position:relative; padding:10% 5% 140px 5%;}

.office .office_name {font-size:20px; margin-bottom:10px;}

.office_info .office > p {font-size:14px;}

.office .contact_us {width:182px; position:absolute; bottom:9%; left:50%; margin-top:inherit; margin-left:-91px; margin-bottom: 10px;}

/* .office .contact_us span {display:none;} */
.office .contact_us a {display:block; margin-top:5px; font-size:14px;}

.office .contact_us p {display:block; margin-bottom:13px;}

.location .team {padding:16.666%;}

.location .team > div {bottom:20%;}

.location .null, .location .andre, .location .albert_wrap {display: none;}

.location .careers h2 {font-size:20px;}

.location .team .team_name {margin-bottom: 0;}

.location .null.hide {display: inline-block;}
}

@media (max-width: 767px) {
/* LOCATION */
.location .here {margin-bottom: 50px;}

.location .here .ment {margin-bottom: 20px;}

.location .here .ment > h1 {font-size: 24px;line-height: 1.2;}

.location a {font-size: 14px;}

.location_btn {height: 48px;padding: 0 47px 0 17px;line-height: 44px;}

.location_btn:after {right: 15px;font-size: 12px;}

.location .here .character_image {margin-top: 0;}
}

@media (max-width: 540px) {
/* LOCATION */
.location .team > div {bottom:15%;}

.location .planning .team_name:before {top:-38px;}

.location .developer .team_name:before {top:-38px;}

.location .design .team_name:before {top:-38px;}

.location .cx .team_name:before {top:-38px;}

.location .seo .team_name:before {top:-35px;}

.location .careers h2 {margin-bottom: 0}

.location .careers p {padding: 5px 0 16px;}

.location .careers .location_btn {margin: 0 auto 25px;}

.office_info .office {padding:10% 5% 120px 5%;}

.office .contact_us {margin-bottom:0;}
}

@media (max-width: 480px) {
/* LOCATION */
.location .here {margin-bottom: 40px;}

.location .here > div p br {display: none;}

.office_info {display:block;}

.office_info .office {display:block; width:100%; padding-top:55px; padding-bottom:35px;}

.office .office_name {margin-bottom:15px;}

.office .office_name:before {top: -15px;}

.office .contact_us {width:inherit; position:relative; bottom:inherit; left:inherit; margin:20px auto 0 auto;}

.office .contact_us p {margin-bottom:5px;}

/* .office .contact_us span {display:inline-block;} */
.office .contact_us a {display:inline-block; font-size:15px;}

.location .team {width:100%; padding:60px 10% 30px 10%;}

.location .team > div {position:relative; left:inherit; border:inherit; text-align:center;}

.location .team .team_name { margin-top: 19px; margin-bottom: 17px;}

.location .team a {display:inline-block;}

.location .planning .team_name:before, .location .developer .team_name:before, .location .design .team_name:before, .location .cx .team_name:before, .location .seo .team_name:before {top:-35px; left:50%;}

.location .planning .team_name:before {margin-left:-13px;}

.location .developer .team_name:before {margin-left:-12px;}

.location .design .team_name:before {margin-left:-9px;}

.location .cx .team_name:before {margin-left:-11px;}

.location .seo .team_name:before {margin-left:-12px;}

.location .null.hide { display: none; }

.location .careers {padding-top: 60px;}

.location .careers h2:before {top: -15px;}
}

@media (max-width: 380px) {
/* LOCATION */
.location .team .team_name { margin-top: 14px; margin-bottom: 12px; }
}