@charset "utf-8";

/*
 * File    : rwd-layout.css
 * Author  : STUDIO-JT (JC)
 *
 * SUMMARY :
 * 레이아웃 — 전역/헤더/푸터/메뉴/전환 마스크 — 반응형
 */

@media (min-width: 1801px) {
/* DEBUG :: header debugging (header가 유지될 경우 본문 컨텐츠 클릭안됨) */
#header.minimize #logo {top: 60px;}

#header.minimize #small_menu_btn_wrap {top: 60px;}

#header.minimize .header_typo {top: 60px;}
}

@media (min-width: 1461px) {
/* DEBUG :: header debugging (header가 유지될 경우 본문 컨텐츠 클릭안됨) */
#header {-webkit-transition: none;transition: none;}

#header.minimize {height: 0;padding-top: 0;}

#header.minimize .header_inner {height: 0;}

#logo {-webkit-transition: none;transition: none;}

#header.minimize #logo {top: 32px;}

#small_menu_btn_wrap {-webkit-transition: none;transition: none;}

#header.minimize #small_menu_btn_wrap {top: 32px;}

.header_typo {position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

#header.minimize .header_typo {top: 32px;}
body.show-project-awards .footer_inner {position: relative;z-index: 2;}
}

@media (max-width: 1800px) {
/* HEADER */
#header {height: 98px;padding-top: 32px;}

#logo {width: 65px;height: 67px;left: 32px;}

#logo svg {width: 65px;height: 63px;}

#small_menu_btn_wrap {right: 32px;}

/* 404 */
.error_404 .swimming_man {right:30%; bottom:59.7%;}

.error_404 .shark {right:3%;}
}

@media (max-width: 1664px) {
/* LAYOUT */
.wrap {max-width: none;margin: 0 132px;}

/* HEADER */
.small_menu_btn_text {left: 50%;top: inherit;bottom: -25px;margin-left: -18px;margin-top: 0;text-align: center;}

/* FOOTER */
.footer_inner {padding: 80px 8%;}
}

@media (max-width: 1460px) {
body.page-template-projects-pinterest #header {background:#eee; }

body.page-template-projects-pinterest #header.minimize { background:#fff;}
/* LAYOUT */
.wrap {margin: 0 32px;}

/* HEADER */
#header {height: 130px;padding-top: 0;background: #fff;}

#logo {top: 32px;}

.header_typo span {line-height: 127px;}

.header_typo i {line-height: 128px;}

.safari .header_typo i {line-height:134px;}

.mobile_safari .header_typo i {line-height:127px;}

#small_menu_btn_wrap {top: 32px;}

.small_menu_btn_text {left: -48px;bottom: inherit;top: 50%;margin-top: -10px;margin-left: 0;text-align: right;}

#header.minimize {height: 60px;border-bottom: 1px solid #eee;}

#header.minimize #logo {width: 38px;height: 38px;top: 12px;}

#header.minimize #logo svg, #header.minimize #logo img {width: 38px;height: 38px;}

#header.minimize .logo_primary {opacity: 0;visibility: hidden;}

#header.minimize .logo_sticky {opacity: 1;visibility: visible;}

#header.minimize .header_typo span, #header.minimize .header_typo i {line-height: 60px;}

#header.minimize #small_menu_btn_wrap {width: 30px;height: 30px;top: 15px;}

#header.minimize .small_menu_btn_text {display: none;}

#header.minimize .small_menu_btn {border: none;}

body.open_menu #header.minimize .small_menu_btn {background: transparent;}

body.open_menu #header.minimize .small_menu_btn_line {background: #333;}

/* FOOTER */
#footer {/*padding-bottom: 32px;*/}

.footer_inner {padding: 5%;}

.footer_social {margin-top: 5%;padding: 3% 0;}

.footer_link li a {padding: 15px 78px 15px 30px;}

.footer_link li a:after {line-height: 52px;}

.footer_link li.link_contact a:after {font-size: 24px;}

.footer_addr li {margin-left: 30px;}

.footer_facebook_frame {top: 32%;}

/* SCROLL TOP */
.scroll_top {top: -76px;}

/* 404 */
.error404 #header {background:transparent;}
}

@media (max-width: 1400px) {
/* 404 */
.error_404 .swimming_man {right:35%; bottom:61.7%;}
}

@media (max-width: 1200px) {
/* 404 */
.error_404 .swimming_man {right:41%;}

.error_404 .shark {right:0;}
}

@media (max-width: 1023px) {
/* FOOTER */
.footer_link {float: none;text-align: center;padding-bottom: 7%;font-size: 0;}

.footer_link li {float: none;display: inline-block;vertical-align: top;}

.footer_link li a {width: 190px;padding: 15px 0;}

.footer_link li a:after {display: none;}

.footer_addr {float: none;text-align: center;margin-top: 0;}

.footer_addr li {text-align: left;}

.footer_facebook_frame {margin-top: 30px;position: relative;top: auto;right: auto;text-align: center;}
}

@media (max-width: 940px) {
/* 404 */
.error_404 .swimming_man {right:46%;}

.error_404 .shark {right:-5%;}
}

@media (max-width: 768px) {
/* LAYOUT */
body.home { padding: 0; }
body.page-template-projects-pinterest .small_menu_btn { background:none;}
/* SMALL SCREEN USE DEFAULT FONT */
body{font-family: sans-serif;}

/* SMALL SCREEN USE DEFAULT FONT */
body,
    [lang="en"],
    button,
    input[type=submit],
    input[type=button],
    input[type=text],
	input[type=tel],
	input[type=email],
	input[type=password],
	input[type=url],
	input[type=submit],
	input[type=button],
	textarea,
	.project_view .single_inner_wrap h2,
	.project_view .project_meta_wrap h1,
	.project_meta_wrap .summary li ,
	.tag_page .content_index .data,
	.tag_page .content_index .author,
	.back_to_list a,
	.request_download_button,
	.project_item_title,
	.member_role,
	.single_content_meta span ,
	.avatar_info p,
	.single_content_view code {font-family: sans-serif;}

.header_typo span,
	.small_menu_btn_text,
	.menu > li > a > span > i ,
	.footer_copy,
	.jt_loadmore_inner span,
	.jt_tag > span,
	.project_item_title,
	.blog_itme_content span,
	.certificate_header_title > sup ,
	.certificate_year ,
	.project_header_txt > span ,
	.project_meta_name,
	.award_card li .award_card_desc span,
	.award_card li .award_card_year ,
	.jt_project_detail h2,
	.member_role,
	.single_content_meta span,
	.avatar_info p ,
	.back_to_list a,
	.footer_addr strong {font-family: sans-serif;}

::-webkit-input-placeholder {font-family: sans-serif;}

::-moz-placeholder {font-family: sans-serif;}

:-ms-input-placeholder {font-family: sans-serif;}

/*#wpadminbar{display:none;}*/
.admin-bar #header {top: 46px;}

/* LAYOUT */
.wrap {margin: 0;}

.content_wrap {margin: 0 6%;}

.wp-caption p.wp-caption-text {margin-top:-4%; margin-bottom:6%;}

/* HEADER */
#header {height: 110px;}

#logo {width: 48px;height: 51px;left: 20px;top: 30px;z-index: 301;}

#logo svg, #logo img {width: 48px;height: 48px;}

.header_typo span {font-size: 14px;line-height: 110px;}

.header_typo i {width: 22px;line-height: 111px;}

.header_typo i > img, .header_typo i > svg {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}

.safari .header_typo i {line-height:118px;}

.mobile_safari .header_typo i {line-height:110px;}

#small_menu_btn_wrap { top: 39px; right: 20px; width: 30px; height: 30px; }

.small_menu_btn { border: none; }

.small_menu_btn_text { display: none; }

.small_menu_btn_line_wrap {    /* width: 30px; */ }

.small_menu_btn_line { height: 2px; }

.small_menu_btn_line_01 {    /* top: -3px; */ }

.small_menu_btn_line_03 {    /* bottom: -3px; */ }

.menu_container { width: 100%; padding: 100px 20px 20px; background: #ffffff; background: rgba(255, 255, 255, .95); }

.menu { margin-bottom: 45px; }

.menu-item:hover, .menu-item.current-menu-item, .single-post .menu-item.menu-item-687042, .single-projects .menu-item.menu-item-object-projects { background-position: 0 12px; background-size: 1px 27px; }

.menu > li > a { font-size: 23px; padding: 7.5px 0; }

/* .menu > li > a:before {font-size: 20px;margin-top: -10px;} */
.menu > li > a > span > i {font-size:10px; top:5px; margin-left:5px;}

.menu-item-arrow {margin-top:-8px;}

.menu-item-arrow svg {width:20px;}

.menu_social_list { margin-left: -9px; }

/* html.ios .menu_container {padding-top: 0;padding-bottom: 60px;} */
html.ios .menu > li > a > span > i {top:1px;}

html.ios .menu-item-arrow {margin-top:-10px}

.menu_story_list { margin-bottom: 24px; }

.menu_story_list > li { padding: 0 13px; }

.menu_story_list > li > a { font-size: 15px; }

.menu_story_list > li > a > span > svg { bottom: 2px; width: calc(100% + 4px); left: -1px; }

html.ios .menu_story_list > li:before { top: 12px; }

body.open_menu .small_menu_btn {background: transparent;border-color: transparent;}

body.open_menu .small_menu_btn_line {background: #222;}

body.open_menu #header.minimize .small_menu_btn_line {background: #222;}

#small_menu_overlay {display: none !important;}

/* FOOTER */
#footer {padding-bottom: 0;}

.footer_inner {padding: 6% 0;}

.footer_link li a {width: 137px;height: 48px;padding: 13.5px 0;font-size: 13px;}

.footer_social { text-align: center;}

.footer_facebook_frame {transform: scale(0.8);}

html.ios .footer_link li a,
    html.android .footer_link li a { padding: 15px 0 13.5px; }

html.android .footer_link .link_as a { padding: 12px 0 13.5px; }

/* SCROLL TOP */
.scroll_top {height: 49px;width: 49px;top: -59px;}

.scroll_top:after {font-size: 16px;line-height: 49px;}

.scroll_top.js_scroll_top_fix {position: absolute;bottom: inherit;top: -59px;}

.scroll_top:hover {border-color:#222; background-color:transparent;}

.scroll_top:hover:after {color:#222;}
}

@media (max-width: 767px) {
/* 404 */
.error_404 .message_wrap {padding:0 5%;}

.error_404 .message_wrap nav a {width:171px; height:50px; line-height:46px;}

.error_404 .wave_wrap .wave_03 div {top:8%;}

.error_404 .swimming_man {right:35%;}

.error_404 .shark {display:none;}
}

@media (max-width: 600px) {
/* ADMIN BAR  */
#wpadminbar {position: fixed;}
}

@media (max-width: 540px) {
/* HEADER */
.menu_story_list > li > a > span > svg { width: calc(100% + 3px); left: 0px; }

/* MOTION MASK */
#loading_people > div {transform: scale(0.8);}
}

@media (max-width: 480px) {
/* HEADER */
body.home .header_typo { display: block; }
/* LAYOUT */
.content_wrap {margin: 0 20px;}

/* HEADER */
#header .header_typo {display: none;}

/* FOOTER */
.footer_inner {padding: 10% 0;}

.footer_info {padding: 0 6%;}

.footer_link li {width: 48.5%;margin-left: 3%;}

.footer_link li:first-child {margin-left: 0;}

.footer_link li a {width: 100%;margin-left: 0;}

.footer_addr li {width: 100%;  margin-left: 0;padding-left: 2px; /* li가 2개 일때 width: 48.5%;margin-left: 3%;*/}

.footer_addr li br {display: none;}

.footer_addr li br.footer_addr_small_show {display: block;}

.footer_addr strong {font-size: 13px;}

.footer_addr p {padding: 6px 0;font-size: 11px;}

.footer_addr p a {font-size: 12px;}

.footer_social {margin-top: 6%;padding: 6% 0;}

.footer_copy {margin-bottom: 6%;}

.footer_copy span {display: block;}

.js_footer_typo {display: block;text-align: center;}

.js_footer_typo span {color:#fff;}

.js_footer_typo span, .js_footer_typo i {line-height: 1;}

.js_footer_typo i > img, .js_footer_typo i > svg {vertical-align: middle;}

.safari .js_footer_typo i, .mobile_safari .js_footer_typo i {line-height:1;}

/* 404 */
.error_404 .message_wrap nav a {width:135px; padding:0 25px; margin:0 0 0 10px;}

.error_404 .message_wrap nav a:first-child {margin-left:0;}

.error_404_goback:before {left:20px;}

.error_404_gohome:before {right:20px;}

.error_404 .swimming_man {right:26%; bottom:64.7%;}
}

@media (max-height: 640px) {
.error_404 .wave_wrap .wave_03 div {top:12%;}
}