@charset "utf-8";

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

body {font-size: 15px;font-family: 'NotoSansKR', sans-serif;}
html, body {height: 100%;}
html {overflow-x:hidden}
a {font-size: 14px;color: var(--c-primary);text-decoration: none;-webkit-transition: all 300ms;transition: all 300ms;}
/* INPUT */
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=submit],
input[type=button],
textarea {
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-family: 'NotoSansKR', sans-serif;
}
input[type=radio] { border-radius: 100%; }
/* PLACEHOLDER */
::-webkit-input-placeholder {font-family: 'NotoSansKR', sans-serif;font-size: 14px;font-weight: 500;color: #bebebe;color: rgba(119, 119, 119, .5);}
::-moz-placeholder {font-family: 'NotoSansKR', sans-serif;font-size: 14px;font-weight: 500;color: #bebebe;color: rgba(119, 119, 119, .5);}
:-ms-input-placeholder {font-family: 'NotoSansKR', sans-serif;font-size: 14px;font-weight: 500;color: #bebebe;color: rgba(119, 119, 119, .5);}
/* LIST FLOAT CLEAR */
ol:after, ul:after { content: ''; clear: both; display: table; }
/* WRAP */
.wrap {max-width: 1400px;margin: 0 auto;}
.content_wrap {max-width: 1100px;margin: 0 auto;}
body{ cursor: url(../images/layout/cursor-pointer.png),auto;}
a,button,
#header .small_menu_btn,
.jt_loadmore .jt_loadmore_inner,
html .category.mfp-zoom-out-cur .mfp-image-holder .mfp-close,
.mfp-gallery .mfp-image-holder .mfp-figure,
button.mfp-close,
button.mfp-arrow,
.jt_label.jt_label_service,
.jt_label.jt_label_service input,
.jt_label.jt_label_agree,
.jt_label.jt_label_agree input,
.jt_label_recruit,
.jt_label_recruit input,
html .jt_btn,
.recruit_body .jt_fieldset .jt_label,
html .request_privacy_close,
.jt_wordcount .jt_label,
.jt_wordcount .jt_label input { cursor: url(../images/layout/cursor-hand.png),auto;}
a:active,button:active,
#header .small_menu_btn:active,
.jt_loadmore .jt_loadmore_inner:active,
html .category.mfp-zoom-out-cur .mfp-image-holder .mfp-close:active,
.mfp-gallery .mfp-image-holder .mfp-figure:active,
button.mfp-close:active,
button.mfp-arrow:active,
.jt_label.jt_label_service:active,
.jt_label.jt_label_service input:active,
.jt_label.jt_label_agree:active,
.jt_label.jt_label_agree input:active,
.jt_label_recruit:active,
.jt_label_recruit input:active,
html .jt_btn:active,
.recruit_body .jt_fieldset .jt_label:active,
html .request_privacy_close:active,
.jt_wordcount .jt_label:active,
.jt_wordcount .jt_label input:active { cursor: url(../images/layout/cursor-click.png) 12 12,auto;}
html.ie body{ cursor: default;}
html.ie a,
html.ie button,
html.ie #header .small_menu_btn,
html.ie .jt_loadmore .jt_loadmore_inner,
html.ie .category.mfp-zoom-out-cur .mfp-image-holder .mfp-close,
html.ie .mfp-gallery .mfp-image-holder .mfp-figure,
html.ie button.mfp-close,
html.ie button.mfp-arrow,
html.ie .jt_label.jt_label_service,
html.ie .jt_label.jt_label_service input,
html.ie .jt_label.jt_label_agree,
html.ie .jt_label.jt_label_agree input,
html.ie .jt_label_recruit,
html.ie .jt_label_recruit input,
html.ie .jt_label.jt_label_service,
html.ie .jt_btn,
html.ie .recruit_body .jt_fieldset .jt_label,
html.ie .request_privacy_close,
html.ie .jt_wordcount .jt_label,
html.ie .jt_wordcount .jt_label input { cursor: pointer;}
html.ie a:active,
html.ie button:active,
html.ie #header .small_menu_btn:active,
html.ie .jt_loadmore .jt_loadmore_inner:active,
html.ie .category.mfp-zoom-out-cur .mfp-image-holder .mfp-close:active,
html.ie .mfp-gallery .mfp-image-holder .mfp-figure:active,
html.ie button.mfp-close:active,
html.ie button.mfp-arrow:active,
html.ie .jt_label.jt_label_service:active,
html.ie .jt_label.jt_label_service input:active,
html.ie .jt_label.jt_label_agree:active,
html.ie .jt_label.jt_label_agree input:active,
html.ie .jt_label_recruit:active,
html.ie .jt_label_recruit input:active,
html.ie .jt_btn:active,
html.ie .recruit_body .jt_fieldset .jt_label:active,
html.ie .request_privacy_close:active,
html.ie .jt_wordcount .jt_label:active,
html.ie .jt_wordcount .jt_label input:active { cursor: pointer;}
#header {display: block;width: 100%;height: 126px;padding-top: 60px;position: fixed;top: 0px;left: 0;background: transparent;z-index: 1300;-webkit-transition: height 300ms;transition: height 300ms;}
.admin-bar #header {top: 32px;}
.header_inner {position: relative;font-size: 0;text-align: center;}
/* LOGO */
#logo {width: 82px;height: 80px;position: absolute;top: 0;left: 60px;-webkit-transition: all 300ms;transition: all 300ms;}
#logo a {display: block;position: relative;}
#logo span {position: absolute;top: 0;left: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
#logo span.logo_text {text-indent: -99999px;left: -99999px;top: -99999px;}
#logo svg {width: 82px;height: 79px;-webkit-transition: all 300ms;transition: all 300ms;}
.logo_primary {opacity: 1;visibility: visible;}
.logo_secondary {opacity: 0;visibility: hidden;}
.logo_sticky {opacity: 0;visibility: hidden;}
.logo_blend {opacity: 0;visibility: hidden;}
/* typo */
.header_typo {display: inline-block;opacity: 1;}
.header_typo span, .header_typo i {display: inline-block;vertical-align: top;}
.header_typo span {font-family: 'Montserrat';font-size: 14px;letter-spacing: 0.05em;font-weight: 600;line-height: 66px;color: #111;}
.header_typo i {width: 33px;line-height: 67px;}
.header_typo i > svg {overflow: visible;}
.header_typo i > img, .header_typo i > svg {vertical-align: middle;}
.minimize .header_typo {opacity: 0;visibility: hidden;}
/* menu */
#small_menu_overlay { position: fixed; z-index: 300; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; background: #222222; background: rgba(34, 34, 34, .5); -webkit-transform: translateZ(0); transform: translateZ(0);/* display: none; */ }
#small_menu_btn_wrap {position: absolute;z-index: 301;top: 0;right: 60px;width: 66px;height: 66px;-webkit-transition: all 300ms;transition: all 300ms;}
.small_menu_btn { display: block; width: 100%; height: 100%; padding: 0; border: 1px solid #222222; cursor: pointer; background: #FFFFFF; outline: 0;}
.page-template-subproject-php .small_menu_btn{background-color:transparent;}
.small_menu_btn_text { position: absolute; top: 50%; left: -48px; display: block; width: 36px; height: 20px; margin-top: -10px; font-family: 'Montserrat'; font-size: 10px; font-weight: 600; text-align: right; line-height: 20px; letter-spacing: 0.1em; color: #333333; }
.small_menu_btn_text_close { visibility: hidden; }
.small_menu_btn_line_wrap {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 22px;height: 18px;display: block;margin: auto;}
.small_menu_btn_line {width: 100%;height: 3px;background: #333;position: absolute;left: 0;-webkit-transition: width 150ms;transition: width 150ms;}
.small_menu_btn_line_01{top: 0;}
.small_menu_btn_line_02{top: 8px;width: 13px;}
.small_menu_btn_line_03{top: 16px;}
#small_menu_btn_wrap:hover .small_menu_btn_line_02 {width: 100%;}
.menu_container {position: fixed;z-index: 300;top: 0;right: 0;bottom: 0;visibility: hidden;width: 582px;height: 100%;background: #FFFFFF; padding: 60px; align-items: center;}
.menu_container_inner { max-height:100%; overflow-y: auto; overflow-x: hidden; }
.menu {/* margin-bottom: 244px; */margin-bottom: 76px;}
.menu a { display: block; font-weight: 400; color: #222; }
.menu span { display: block; }
.menu > li > a { padding: 9.5px 0; font-size: 30px; font-weight: 500; line-height: 1.5; text-align: left; position:relative;}
.menu > li > a > span { position:relative;}
.menu > li > a > span > i { font-family:'Montserrat'; font-size:12px; font-style:normal; font-weight:600; color:#222; position: absolute; top: 6px; margin-left: 7px; -webkit-transition: all 300ms; transition: all 300ms;}
.menu-item.current-menu-item a, .single-post .menu-item.menu-item-687042 a, .single-projects .menu-item.menu-item-object-projects a {color:var(--c-primary);padding-left: 36px;}
.menu-item-arrow {display: block;position: absolute;top: 50%;left: 0px;margin-top: -6px;-webkit-transition: opacity 300ms;transition: opacity 300ms;opacity:0; visibility: hidden;}
.menu-item-arrow svg {display: block;width: 22px;height: 16.4px;}
.menu-item:hover a, .menu-item:hover i, .menu-item.current-menu-item i, .single-projects .menu-item.menu-item-object-projects i  {color:var(--c-primary);}
.open_menu_container.menu .current-menu-item .menu-item-arrow, .single-post .open_menu_container.menu .menu-item.menu-item-687042 .menu-item-arrow, .single-projects .open_menu_container.menu .menu-item.menu-item-object-projects .menu-item-arrow {opacity:1; visibility: visible;}
html.mobile .menu .menu-item-arrow {-webkit-transition-delay: 2s;transition-delay: 2s;}
html.mobile .open_menu_container.menu .current-menu-item .menu-item-arrow,
html.mobile .single-post .open_menu_container.menu .menu-item.menu-item-687042 .menu-item-arrow,
html.mobile .single-projects .open_menu_container.menu .menu-item.menu-item-object-projects .menu-item-arrow {-webkit-transition-delay: 0s;transition-delay: 0s;}
.menu_social_list {margin-left: -7px;}
.menu_social_listitem { float: left; width: 32px; height: 32px; margin: 9px; }
.menu_social_listitem_anchor { position: relative; display: block; opacity: 0.2; height: 100%; white-space: nowrap; -webkit-transition: opacity 300ms; transition: opacity 300ms;}
.menu_social_listitem_anchor:hover { opacity: 1; }
.menu_social_listitem_anchor span {position:absolute; top:0; left:0;}
.menu_social_listitem_anchor svg {width:32px; height:32px}
.menu_social_listitem_anchor svg path {fill:#000;}
.menu_story_list { display: block; text-align: left; margin-bottom: 48px; }
.menu_story_list > li { position: relative; display: inline-block; vertical-align: top; padding: 0 15px; }
.menu_story_list > li:before { content: ''; display: block; width: 4px; height: 4px; background: #222; border-radius:  50%; position: absolute; top: 13px; left: -2px; }
.menu_story_list > li:first-child { padding-left: 0; }
.menu_story_list > li:first-child:before { display: none; }
.menu_story_list > li:last-child { padding-right: 0; }
.menu_story_list > li > a { display: block; font-size: 16px; font-weight: 500; line-height: 1.44; color: #222; }
.menu_story_list > li > a > span { position: relative; display: block; padding: 4px 0; }
.menu_story_list > li > a > span > svg { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; opacity: 0; }
.menu_story_list > li > a:hover > span > svg { opacity: 1; }
body.category-dev .menu_story_list > li.dev > a > span > svg { opacity: 1; }
body.single.category-84 .menu_story_list > li.dev > a > span > svg { opacity: 1; }
/* menu open */
body.open_menu .small_menu_btn {background: #222;border-color: #222;}
body.open_menu .small_menu_btn_line {background: #fff;}
#footer {/*padding-bottom: 89px;*/position: relative;}
.footer_inner {padding: 80px 150px;background: #222;}
.footer_info:after {content: '';display: table;clear: both;}
.footer_link {float: right;}
.footer_link li {float: left;}
.footer_link li a {display: block;padding: 20px 108px 20px 40px;margin-left: 10px;position: relative;font-size: 14px;letter-spacing: 0.05em;font-weight: 500;border: 2px solid;border-radius: 3px;-webkit-transition: background 300ms, color 300ms, border 300ms;transition: background 300ms, color 300ms, border 300ms;}
.footer_link li:first-child a {margin-left: 0;}
.footer_link li a:after {content: '';display: block;height: 100%;position: absolute;top: 0;font-family: 'jt-font';line-height: 60px;font-style: normal;-webkit-transition: color 300ms;transition: color 300ms;}
.footer_link li.link_as a {color: #222;background: #fff;border-color: #fff;}
.footer_link li.link_as a:after {content: '\e903';right: 13%;font-size: 16px;color: #222;}
.footer_link li.link_contact a {color: #fff;background: var(--c-primary);border-color: var(--c-primary);}
.footer_link li.link_contact a:after {content: '\e908';right: 11%;font-size: 28px;color: #fff;}
.footer_link li.link_as a:hover, .footer_link li.link_contact a:hover {background: transparent;}
.footer_link li.link_as a:hover {color: #fff;}
.footer_link li.link_as a:hover:after {color: #fff;}
.footer_link li.link_contact a:hover {color: var(--c-accent);border-color: var(--c-accent);}
.footer_link li.link_contact a:hover:after {color: var(--c-accent);}
.footer_addr {float: left;margin-top: -4px;font-size: 0;}
.footer_addr li {display: inline-block;margin-left: 58px;vertical-align: top;}
.footer_addr li:first-child {margin-left: 0;}
.footer_addr strong {display: block;font-family: 'Montserrat';font-size: 15px;letter-spacing: -0.01em;font-weight: 600;color: #dfdfdf;color: rgba(255, 255, 255, .8);}
.footer_addr p {padding: 14px 0;font-size: 13px;font-weight: 500;letter-spacing: 0.05em;line-height: 1.8;color: #8f8f8f;}
.footer_addr a {color:#8f8f8f}
.footer_addr a.map_view {display: block;width: 12px;height: 16px;position: relative;font-size: 0;opacity: 0.5;}
.footer_addr a.map_view:after {content: '\e907';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';font-size: 16px;line-height: 17px;font-style: normal;color: #ddd;}
.footer_addr a.map_view:hover {opacity: 1;}
.footer_social { position: relative; margin-top: 80px;padding: 60px 0 37px;border-top: 1px solid #383838;border-top-color: rgba(255, 255, 255, .1);}
.footer_social ul {font-size: 0;text-align: center;}
.footer_social li {display: inline-block;margin-left: 15px;width: 32px;height: 32px;;}
.footer_social li:first-child {margin-left: 0;}
.footer_social li a {display: block;width: 100%;height: 100%;position: relative;font-size: 0;}
.footer_social li a span {position:absolute; top:0; left:0;}
.footer_social li a svg {width:32px; height:32px}
.footer_social li a svg path {fill:#8f8f8f;-webkit-transition: fill 300ms; transition: fill 300ms;}
.footer_social li a:hover svg path {fill:#fff;}
.footer_facebook_frame {display: block;position: absolute;right: -11px;top: 59px;}
.footer_fb_icon {display: inline-block;vertical-align: middle;width: 26px;margin-right: 11px;position: relative;}
.footer_fb_icon img {display: block;width: 100%;height: auto;}
.footer_fb_icon_heart {position: absolute;top: -7px;left: 2px;}
.footer_fb_icon_heart span {position: absolute;display: block;width: 9px;height: 8px;background: url(../images/layout/fb-heart.svg) no-repeat center center;background-size: cover;}
.footer_fb_like {display: inline-block;vertical-align: middle;}
.footer_copy {font-family: 'Montserrat';font-size: 11px;letter-spacing: 0.05em;line-height: 1.6;text-align: center;font-weight: 500;color: #8f8f8f;}
.footer_copy span {display: inline-block;}
.scroll_top {display: block;height: 56px;width: 56px;position: absolute;top: 0;right: 0;font-size: 0;cursor: pointer;border: 1px solid #222;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.scroll_top:after {content: '\e900';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';font-size: 17px;line-height: 56px;text-align: center;font-style: normal;color: #222;-webkit-transition: color 0.3s;transition: color 0.3s;}
.scroll_top:hover {background-color: var(--c-primary);border-color: var(--c-primary);}
.scroll_top:hover:after {color: #fff;}
.scroll_top.js_scroll_top_fix {position: fixed;right: inherit;top: inherit;bottom: 20px;z-index: 250;}
.scroll_top.js_scroll_top_hide {opacity: 0;z-index: -1;}
.mask_outer {width: 100%;height: 100vh;position: fixed;right: 0;left: 0;bottom: 0;top: inherit;z-index: 1400;-webkit-transform: translateZ(0) translate(0%, 100%) matrix(1, 0, 0, 1, 0, 0);transform: translateZ(0) translate(0%, 100%) matrix(1, 0, 0, 1, 0, 0);opacity: 0;}
.mask_inner {width: 100%;height: 100%;position: relative;}
/*.mask_inner:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: transparent url(../images/layout/logo.svg) no-repeat center center;background-attachment: fixed;}*/
.mask_inner img {width: 100%;height: auto;vertical-align: top;}
.mask_box {display: block;width: 100%;height: calc(100% + 1px);background: var(--c-primary); margin-top:-1px;}
html.ios .mask_outer { min-height:-webkit-fill-available;}
#mask_02 .mask_box {/* background-color: var(--c-accent); 기존색상*/ background-color: #fff;}
#mask_02 .mask_inner:after {background-image:url(../images/layout/logo-light.svg);}
#loading_people {display: block;width: 232px;position: fixed;bottom: -338px;left: 50%;margin-left: -116px;text-align: center;z-index: 1450;}
#loading_people > div {display: none;}
#loading_people img {position: absolute;bottom: 0}
#loading_people img.loading_people_text {right: 41px;bottom: 164px;}
#loading_people img.loading_people_primary {left: 65px;}
#loading_people img.loading_people_secondary {left: -24px;}
#loading_people img.loading_people_third {left: 65px;}
#loading_people .loading_people_02 img.loading_people_text {right: 64px;bottom: 138px;}
#loading_people .loading_people_02 img.loading_people_primary {left: 67px;bottom: -48px;}
#loading_people .loading_people_02 img.loading_people_secondary {left: 54px;}
#loading_people .loading_people_03 img.loading_people_text {right: 67px;bottom: 145px;}
#loading_people .loading_people_03 img.loading_people_primary {left: 64px;}
#loading_people .loading_people_03 img.loading_people_secondary {left: -7px;bottom: 1px;}
#loading_people .loading_people_04 img.loading_people_text {right: 127px;bottom: 104px;}
#loading_people .loading_people_04 img.loading_people_primary {left: 0;}
#loading_people .loading_people_04 img.loading_people_secondary {bottom: 9px;left: 45px;}
#loading_people .loading_people_04 img.loading_people_third {left: 0;}
#skip a { width: 0; height: 0; position: absolute; left: -10000px; top: auto; overflow: hidden; transition: none; }
#skip a:focus { display: block; width: 100%; height: 40px; position: fixed; top: 0; left: 0; line-height: 40px; text-align: center; color: #fff; background: #444; z-index: 9999; }
/* horizontal_form */
ul.jt_horizontal_form {display: table;width: 100%;margin-top: 16px;padding: 8px 0;border-top: 2px solid var(--c-primary);border-bottom: 1px solid #dedede;}
ul.jt_horizontal_form > li {display: table-row;width: 100%;padding-left: 0;font-size: 0;}
ul.jt_horizontal_form > li:before {display: none;}
ul.jt_horizontal_form > li > div {display: table-cell;width: auto;padding: 8px 0;vertical-align: top;}
ul.jt_horizontal_form > li > div:first-child {width: 17%;}
/* TABS */
.tabs_menu li { width: 50%; }
.tabs_num_2 .tabs_menu li { width: 50%; }
.tabs_num_3 .tabs_menu li { width: 33.3333333333%; }
.tabs_num_4 .tabs_menu li { width: 25%; }
.tabs_num_5 .tabs_menu li { width: 20%; }
.tabs_num_6 .tabs_menu li { width: 16.6666666667%; }
.tabs_num_7 .tabs_menu li { width: 14.2857142857%; }
.tabs_num_8 .tabs_menu li { width: 12.5%; }
.tabs_num_9 .tabs_menu li { width: 11.1111111111%; }
.tabs_num_10 .tabs_menu li { width: 10%; }
.tabs_num_11 .tabs_menu li { width: 9.09090909091%; }
.tabs_num_12 .tabs_menu li { width: 8.33333333333%; }
.tabs_menu li {float: left;position: relative;background: #f9f9f9;border: solid #dedede;border-width: 1px 1px 1px 0;-webkit-transition: background 300ms;transition: background 300ms;}
.tabs_menu li:first-child {border-left-width: 1px;}
.tabs_menu li a {display: block;width: 100%;height: 54px;line-height: 54px;font-size: 18px;font-weight: bold;text-align: center;text-decoration: none;color: #333;border: none;}
.tabs_menu li:hover {background: #f5f5f5;}
.tabs_menu li.active {background: #fff;border-top-width: 2px;border-top-color: var(--c-primary);border-bottom: none;}
.tabs_menu li:hover a, .tabs_menu li.active a {color: var(--c-primary);}
/* clear editor default style */
ul.tabs_menu {list-style: none;}
ul.tabs_menu li {padding-left: 0;}
ul.tabs_menu li:before {display: none;}
.sitemap_menu:after {content: '';display: table;clear: both;}
ul.sitemap_menu li > ol, ul.sitemap_menu li > ul {margin-bottom: 0;}
ul.sitemap_menu > li {float: left;width: 30.5%;margin-right: 4.25%;margin-bottom: 6%;padding-left: 0;}
ul.sitemap_menu > li:before {display: none;}
.sitemap_menu li a {display: block;font-size: 15px;line-height: 1.95;color: #777;}
.sitemap_menu > li:nth-child(3n) {margin-right: 0;}
.sitemap_menu > li:nth-child(3n+1) {clear: both;}
.sitemap_menu > li > a {padding-bottom: 8px;font-size: 19px;line-height: 1.5;font-weight: 600;color: var(--c-primary);border-bottom: 1px solid var(--c-primary);}
.sitemap_menu > li > ul > li > a {padding: 12px 0;font-size: 15px;font-weight: 600;color: #444;border-bottom: 1px solid #EDEDED;}
.sitemap_menu > li > ul > li.menu-item-has-children > a {padding-bottom: 0;border: none;}
.sitemap_menu > li > ul > li > ul {padding: 2px 0 12px;border-bottom: 1px solid #EDEDED;}
.sitemap_menu > li > ul > li > ul > li {position: relative;padding-left: 13px;}
.sitemap_menu > li > ul > li > ul > li:before {content: '';display: block;width: 3px;height: 3px;margin: auto 0;position: absolute;top: 0;bottom: 0;left: 0;background: #c1c1c1;}
.sitemap_menu > li > ul > li > ul > li > a {border: none;}
.sr-only { position: absolute;height: 1px; width: 1px;  overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE7 */ clip: rect(1px, 1px, 1px, 1px);}
/* HEADER */
body.home .header_typo { display: none; }
/* LAYOUT */
.safari .header_typo i {line-height:74px;}
.error404 #header {z-index:100;}
.tab_itme_tag > ul { font-size: 0; margin-left: -4px; margin-right: -4px; }
.tab_itme_tag > ul > li { display: inline-block; vertical-align: top; margin: 0 4px; }
.tab_itme_tag > ul > li > a { position: relative; display: block; font-size: 14px; font-weight: 500; line-height: 1.6; color: #888; padding: 1px 0; -webkit-transition: all 300ms; transition: all 300ms; }
.tab_itme_tag > ul > li > a:after { content: ''; display: block; width: 100%; height: 1px; background: var(--c-primary); position: absolute; bottom: 2px; left: 0; opacity: 0; transition: opacity 300ms;}
.tab_itme_tag > ul > li > a:hover { color: var(--c-primary); }
.tab_itme_tag > ul > li > a:hover:after { opacity: 1; }
.error_404 {}
.error_404_wrap {}
.error_404 .wave_wrap {display:block; width:100%; height:100%; position:fixed; top:0; left:0;}
/*.error_404 .wave_wrap:after {content:''; display:block; width:100%; position:absolute; bottom:0; top:50%; left:0; background:var(--c-primary);}*/
.error_404 .wave_wrap .wave_container {/*position:relative; padding-top:100%;*/}
.error_404 .wave_wrap .wave {}
.error_404 .wave_wrap .wave {display:block; width:120%; height:72%; position:absolute; /*margin-top:-100%;*/ opacity:0;}
.error_404 .wave_wrap .wave svg {display:block; width:100%; position:absolute; top:0;}
.error_404 .wave_wrap .wave svg path {}
.error_404 .wave_wrap .wave_01 {bottom:43px; left:-9.6%;}
.error_404 .wave_wrap .wave_01 img {}
.error_404 .wave_wrap .wave_02 {bottom:28px; left:-10.2%;}
.error_404 .wave_wrap .wave_02 img {}
.error_404 .wave_wrap .wave_03 {bottom:0;left:-9%;; z-index:10;}
.error_404 .wave_wrap .wave_03 img { z-index:10;}
.error_404 .wave_wrap .wave_03 div {display:block; width:100%; position:absolute; bottom:-18px; top:32%; left:0; background:var(--c-primary); z-index:10;}
.error_404 .swimming_man {height:25.7%; position:absolute; right:28.5%; bottom:57.7%; opacity:0;}
.error_404 .swimming_man img {height:100%;}
.error_404 .shark_wrap {position:fixed; width:120%; height:100%;}
.error_404 #shark_svg {position:absolute; width:100%; top:28%; left:-8%;}
.error_404 .shark {display:inline-block; /*height:23.3%; margin-top:9.5%; position:relative; */position:absolute; right:3.6%; bottom:57.5%; -webkit-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg); opacity:0;}
.error_404 .shark img {height:100%;}
.error_404 .message_wrap {display:block; width:100%; position:absolute; top:45.6%; z-index:100; text-align:center; color:#fff;}
.error_404 .message_wrap nav {padding-top:46px; font-size:0;}
.error_404 .message_wrap nav a {display:inline-block; width:201px; height:60px; position:relative; border:2px solid #fff; border-radius:3px; margin:0 5px; line-height:56px; padding:0 40px; -webkit-transition:all 300ms; transition:all 300ms;}
.error_404 .message_wrap nav a:before {display:block; width:15px; height:12px; position:absolute; top:50%; margin-top:-7px; font-family:'jt-font'; font-size:15px; line-height:15px;}
.error_404 .message_wrap nav a:hover {background:#fff; color:var(--c-primary);}
.error_404_goback {text-align:right;}
.error_404_goback:before {content:'\e902'; left:29px;}
.error_404_gohome {text-align:left;}
.error_404_gohome:before {content:'\e903'; right:29px;}
.error_404 .message_wrap a {color:#fff;}
.error_404 h1 {font-family:'Montserrat'; font-size:24px; letter-spacing:0.3em; font-weight:500; margin-bottom:20px;}
.error_404 p {letter-spacing:0.095em;}
.error404 #footer {display:none;}
body.mfp_open {/*overflow:hidden; /*position:fixed; width:100%*/}
.single-post #footer {background: #fff;}
/* ALIGN */
.alignnone, .alignright, .alignleft, .aligncenter {display: block;margin: auto;}
.wp-caption img {width: auto;height: auto;max-width: 100%;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {padding-bottom: 0; margin-top:-30px; margin-bottom:40px; font-size: 14px;line-height: 1.2;color: #777;}
.single_widget_compare_item figure img { margin-top: 0; margin-bottom: 0; }
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.page-template-projects-pinterest { background:#eee;}
body.page-template-projects-pinterest #footer {clear:both;}
@keyframes loadmore_icon1 { 0% { transform: scale(0); } 100% { transform: scale(1); } }
@keyframes loadmore_icon3 { 0% { transform: scale(1); } 100% { transform: scale(0); } }
@keyframes loadmore_icon2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } }
/* 이징: 라이브(원본 GSAP TweenLite 0.3s 기본 이징 Power1.easeOut) 와 동일 — easeOutQuad */
.menu_container { transform: translateX(100%); transition: transform .3s cubic-bezier(.25,.46,.45,.94), visibility .3s; will-change: transform; }
body.open_menu .menu_container { visibility: visible; transform: translateX(0); }
#small_menu_overlay { opacity: 0; transition: opacity .3s cubic-bezier(.25,.46,.45,.94), visibility .3s; }
body.open_menu #small_menu_overlay { visibility: visible; opacity: 1; }
/* 메뉴 active 화살표 크기 고정 — SVG 미주입(PNG 폴백) 시 원본 크기(45px)로 커지는 것 방지 */
.menu-item-arrow svg, .menu-item-arrow img { display: block; width: 22px; height: 16.4px; }
/* 햄버거 → X 변형 (원본 GSAP: line_01 y8 rot45 / line_02 fade / line_03 y-8 rot-45) */
.small_menu_btn_line { transition: transform .3s cubic-bezier(.25,.46,.45,.94), opacity .3s cubic-bezier(.25,.46,.45,.94), width .15s, background .3s; }
body.open_menu .small_menu_btn_line_01 { transform: translateY(8px) rotate(45deg); }
body.open_menu .small_menu_btn_line_02 { opacity: 0; }
body.open_menu .small_menu_btn_line_03 { transform: translateY(-8px) rotate(-45deg); }
/* 라이브와 동일: 메뉴 패널 내용 세로 중앙 정렬 (display:grid + align-items:center) */
.menu_container { display: grid; }
/* 메뉴 열림 시 햄버거 버튼 텍스트 MENU → CLOSE */
body.open_menu .small_menu_btn_text_open { visibility: hidden; }
body.open_menu .small_menu_btn_text_close { visibility: visible; }