@charset "utf-8";
/*
 * File       : layout.css
 * Author     : STUDIO-JT (SUMI)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 * Dependency : css/jt-strap.css
 *
 * SUMMARY:
 * 01) GLOBAL
 * 02) HEADER
 * 03) FOOTER
 * 04) SCROLL TOP
 * 06) CONTAINER
 * 07) CURSOR
 * 08) PAGE
 * 09) SEARCH
 * 10) PRIVACY
 * 11) 404
 * 12) GREET
 */



/* **************************************** *
 * GLOBAL
 * **************************************** */
body {overflow-x: hidden;font-family: 'NotoSansKR', sans-serif;word-break: keep-all; background:#eee;}
body {/*letter-spacing: -0.025em*/}

a {color: #111;text-decoration: none;}
[lang="en"] {font-family: 'Montserrat', 'NotoSansKR', sans-serif; letter-spacing: 0;}

/* WRAP */
.wrap {max-width: 1543px;margin: 0 auto; position:relative;}
.narrow_wrap {max-width:750px;margin: 0 auto; position:relative;}

/* SHAPE */
.shape_hexagon {width: 100px; height: 55px; background: red; position: relative;}
.shape_hexagon:before {content: "";position: absolute;top: -25px;left: 0;width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 25px solid red;}
.shape_hexagon:after {content: "";position: absolute;bottom: -25px;left: 0;width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 25px solid red;}

/* reCAPTCHA */
.grecaptcha-badge {opacity: 0;visibility: hidden;}

/* **************************************** *
 * HEADER
 * **************************************** */
#header {width: 100%;height: 190px;position: fixed;top: 0;left: 0;-webkit-transition: height 300ms;transition: height 300ms;transition: height 300ms;transition: height 300ms;z-index: 500;}
.header_wrap {height: 100%;margin: 0 auto;position: relative;}

/* QUICKMENU */
.eco_quickmenu {display: block;position: absolute;right: 74px;top: 448px;border-radius: 50%;cursor: pointer;z-index: 499;-webkit-transition:all 300ms;transition:all 300ms;text-align: center;}
body:not(.home) .eco_quickmenu {display:none;}
.eco_quickmenu .eco_line {width:112px;height:107px;position:absolute;}
.eco_quickmenu .eco_line_black {display:block;}
.eco_quickmenu .eco_line_white {display:none;}
.eco_quickmenu .eco_text {font-size: 13px;font-weight: 500;color:#aaa;display: inline-block;writing-mode: tb-rl;margin-right:9px; -webkit-transition: color .3s;transition: color .3s;}
.eco_quickmenu a {display:block;width: 100%;height: 100%;text-align: -webkit-center;}
html.desktop .eco_quickmenu:hover .eco_text {color:#111;}
/*.eco_quickmenu a:before {font-family: 'jt-font';font-size: 45px;font-weight:normal;color:#111;content:'\e943';display: inline-block;vertical-align: middle;}
 html.desktop .eco_quickmenu a:hover:before { -webkit-animation: swing 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; animation: swing 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; transform-origin: center bottom;} 
.eco_quickmenu a:before { -webkit-animation: swing 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; animation: swing 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; transform-origin: center bottom;}*/

@-moz-keyframes swing {0% {-moz-transform: rotate(-2deg);} 50% {-moz-transform: rotate(2deg);} 100% { -moz-transform: rotate(-2deg);}}
@-webkit-keyframes swing {0% {-webkit-transform: rotate(-2deg);} 50% {-webkit-transform: rotate(2deg);} 100% { -webkit-transform: rotate(-2deg);}}
@keyframes swing {0% {-webkit-transform: rotate(-2deg);} 50% {-webkit-transform: rotate(2deg);} 100% { -webkit-transform: rotate(-2deg);}}

@-moz-keyframes swing2 {0% {-moz-transform: rotate(-2deg);} 50% {-moz-transform: rotate(2deg);} 100% { -moz-transform: rotate(-2deg);}}
@-webkit-keyframes swing2 {0% {-webkit-transform: rotate(-2deg);} 50% {-webkit-transform: rotate(2deg);} 100% { -webkit-transform: rotate(-2deg);}}
@keyframes swing2 {0% {-webkit-transform: rotate(-1.5deg);} 50% {-webkit-transform: rotate(1.5deg);} 100% { -webkit-transform: rotate(-2deg);}}

.eco_quickmenu #eco_icon {width:32px; height:24px; display: block;vertical-align: middle;}
#eco_icon .leaf_01 { -webkit-animation: swing 3s cubic-bezier(0.4, 0, 1, 1) infinite; animation: swing 3s cubic-bezier(0.4, 0, 1, 1) infinite; transform-origin: center bottom;}
#eco_icon .leaf_02 { -webkit-animation: swing 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; animation: swing 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; transform-origin: 0 bottom;}

html.edge .eco_quickmenu #eco_icon {height:45px;}

/* LOGO */
#logo {width: 272px;height: 62px;margin: 0 auto 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;-webkit-transition: top 300ms;transition: top 300ms;}
#logo a {display: block;width: 100%;height: 100%;}
#logo a svg, #logo a img {display: block;width: 100%;height: 100%;}

.kakao_login {right: 168px;}
.kakao_logout i {display:none;font-style:normal;position:relative;}
.kakao_logout i:after {font-family: 'jt-font';content: '\e948';font-size: 16px;font-weight:normal;color: #111;display: inline-block;vertical-align: middle;margin-left: 4px; -webkit-transition: color 300ms;transition: color 300ms;}
.btn_sign_up, .kakao_logout {right: 75px;} 
.btn_member_util {padding-bottom: 7px;font-size: 15px;color:#111;position:absolute;top: 112px;-webkit-transition:all 300ms;transition: all 300ms;z-index:9999;}

/* .btn_member_util span:before, .btn_member_util span:after {content: '';display: block;height: 2px;position: absolute;bottom: 0;z-index: 2;-webkit-transition: width 400ms, background 300ms;transition: width 400ms, background 300ms;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.btn_member_util span:before {width: 100%;right: 0;background: #111;-webkit-transition-delay: 200ms;transition-delay: 200ms;}
.btn_member_util span:after {width: 0;left: 0;background:#111;-webkit-transition-delay: 0ms;transition-delay: 0ms;} */
.btn_member_util span:after {width: 0;left: 0;background:#111;-webkit-transition-delay: 0ms;transition-delay: 0ms;content: '';display: block;height: 2px;position: absolute;bottom: 0;z-index: 2;-webkit-transition: width 400ms, background 300ms;transition: width 400ms, background 300ms;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
html.desktop .btn_member_util:hover span:before {width: 0;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
html.desktop .btn_member_util:hover span:after {width: 100%;-webkit-transition-delay: 200ms;transition-delay: 200ms;}
html.safari .btn_sign_up span {width:101%;display:inline-block;}

.iframe_layer_popup {display: none;position: fixed;width: 480px;height: 600px;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 9999;border-radius: 10px;}
.iframe_layer_popup.active {display:block;}
.iframe_layer_popup_content {overflow: hidden;/* position: fixed; *//* left:50%; *//* top: 50%; *//* transform:translate(-50%, -50%); */width: 100%;height: 100%;border-radius: 10px;background-color: #ddd;box-shadow: 0 2px 16px 0 rgba(77, 79, 100, 0.16);z-index:999;}
.iframe_layer_popup_close {position: absolute;width: 40px;height: 40px;background:#fbcc34;border-radius:50%;right: 0;top: -45px;border: none;box-shadow: 0 2px 16px 0 rgba(77, 79, 100, 0.16);cursor:pointer;}
.iframe_layer_popup_close:before {font-family: 'jt-font';content: '\e92e';font-size:11px;font-weight:600;color:#111;display: block;width: 100%; -webkit-transition:1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition:1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition:1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}
.iframe_layer_popup_close:hover:before {-webkit-transform:rotate(90deg);-ms-transform: rotate(90deg);transform:rotate(90deg);-webkit-transition: 1s transform cubic-bezier(.075,.82,.165,1);-webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);}
.kakao_cht_layer_popup {right:10px;bottom:80px;top:auto;left: auto;transform:none;}


/* MENU BUTTON */
#global_menu_btn_wrap {position: absolute;top: 89px;left: 65px;-webkit-transition: top 300ms;transition: top 300ms;z-index: 500;}
.global_menu_btn {display: block;width: 50px;height: 50px;padding: 10px;}
.global_menu_btn_inner {width: 100%;height: 100%;position: relative;}
.global_menu_btn_line {width: 100%;height: 4px;position: absolute;left: 0;background: #111;}
.global_menu_btn_line_01 {top: 0;}
.global_menu_btn_line_02 {top: 13px;}
.global_menu_btn_line_03 {bottom: 0;}

/* MENU */
.menu_container {display: block;width: 100%;position: relative;font-size: 0;line-height: 1;text-align: center;z-index: 1;}
#menu {max-width: 1320px;margin: auto;position: relative;left: 11px;top: 10px;}
#menu:after {content: '';display: table;clear: both;}
#menu a {color: #fff; font-family:'Montserrat', sans-serif; display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s; }
#menu li {position: relative;text-align: left;}
#menu > li > span {display:inline-block;}

/* 1depth */
#menu > li {float: left;width: calc(20% - 10px);margin-right: 10px;}
#menu > li > a {display: block;font-size: 32px;font-weight: 500;margin-bottom: 15px;position:relative;overflow:hidden;padding-top: 40px;margin-top: -40px;}
#menu > li .icon_hexagon {overflow:hidden;line-height: 1;height: 32px;position: absolute;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);top: -29px;left: 0;border-radius: 100px;opacity: 0;-webkit-transition: opacity .15s, -webkit-transform 0.5s;transition: opacity .15s, -webkit-transform 0.5s;transition: transform 0.5s, opacity .15s;transition: transform 0.5s, opacity .15s, -webkit-transform 0.5s;}
#menu > li .icon_hexagon span:before {font-family: 'jt-font';font-weight:normal;font-size: 16px;font-style:normal;line-height: normal;content: "\e93b";color:#aaa;/* line-height: 1; */}
html.desktop #menu > li:hover .icon_hexagon,
#menu > li.current_page_parent .icon_hexagon{opacity: 1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}
html.desktop #menu > li.over_active .icon_hexagon {opacity: 1;-webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}


/* 2depth */
#menu > li > ul > li { margin-bottom: 8px; }
#menu > li > ul > li > a {font-size:18px; color:#aaa;overflow:hidden;}
#menu > li > ul > li > a span { border-bottom:1px solid transparent; -webkit-transition: border-color 300ms; transition: border-color 300ms; }
html.desktop #menu > li > ul > li > a:hover, #menu li > ul > li.current_page_item > a {color:#c1c4aa;}
html.desktop #menu > li > ul > li > a:hover span,
#menu > li > ul > li.current_page_item > a span { border-bottom-color:#c1c4aa; }
#menu > li > ul > li.current_page_item { margin-bottom: 11px; } 



/* search */
.search_container {position: absolute;top: 25px;right: 0;z-index: 2;-webkit-transition: top 300ms;transition: top 300ms;}
.global_search_open_btn {display: block;width: 40px;height: 40px;position: relative;}
.global_search_open_btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e932';font-size: 20px;line-height: 40px;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;}
html.desktop .global_search_open_btn:hover:after {color: #111;}

/* mobile */
#small_menu_btn, #small_menu_close, #small_menu_overlay, #small_menu_container {display: none;}

/* minimize */
.minimize#header {background: rgba(255,255,255,0.95); height: 100px;}
.minimize .eco_quickmenu {width: auto;height:auto;top: 31px;left: 79px;}
.minimize .eco_quickmenu .eco_text  {display: inline-block; font-size:10px; margin-left:6px; display:block;}
.minimize .eco_quickmenu a:before {color:#222;font-size:38px;position: static;margin: 0;display: inline-block;vertical-align: middle;}
.minimize .eco_quickmenu #eco_icon {width:38px;}
.minimize .eco_quickmenu #eco_icon path {stroke-width: 2.2;}
.minimize #logo { width:39px; height:44px;}
.minimize #logo svg {display:none;}
.minimize #logo a:before {font-family: 'jt-font';content: '\e93b';font-size:44px; font-weight:normal; color:#636a52; display:block;}
.minimize .btn_member_util {font-size:14px;top: 38px;padding-bottom: 6px;}
.minimize #global_menu_btn_wrap {top: 25px;}

/* MENU OPEN */
#global_menu_outer { opacity:0; /* display: none; */  width: 100%; height: 100%; position: fixed; top: 0; left: 0;  /* background: #111; */ z-index: 9990; overflow: hidden; pointer-events: none;-webkit-transition: background 0.3s;transition: background 0.3s}
#global_menu_outer .btn_member_util {color:#fff;z-index:2;display:block;overflow:hidden;top:83px;}
#global_menu_outer .btn_member_util span {padding-bottom:7px;display:block;}
#global_menu_outer .btn_member_util span:before, #global_menu_outer .btn_member_util span:after {background:#fff;}
#global_menu_outer .kakao_logout i:after {color:#fff;}
#global_menu_outer .global_menu_close {color:#fff;z-index:2;background:none;padding: 10px;border:none;position: fixed;top: 69px;right: 65px;cursor:pointer;display: block;overflow:hidden;}
#global_menu_outer .global_menu_close > i {display: block;width: 100%;height: 100%;font-size: 30px;line-height: 1;font-style: normal;color: #fff;}
#global_menu_outer .global_menu_close > i:after {font-family: 'jt-font';content: '\e92e';}

.global_menu_inner { width: 100%; height: 100%; position: relative; text-align: center;}

.global_menu_nav_wrap { display: table; width: 100%; height: 100%; position: absolute; z-index: 1;}
.global_menu_nav { display: table-cell; vertical-align: middle;}

.global_menu_extend {position: absolute;left: 169px;right: 169px;bottom: 75px;width: 100%;max-width: calc(100% - 366px);text-align: left;z-index: 2;}
.global_menu_sns_wrap {float:right;}
.global_menu_sns {font-size: 0;line-height: 1;overflow:hidden}
.global_menu_sns > li {display: inline-block;width: 36px;height: 36px;margin: 0 16px;}
.global_menu_sns > li:first-child {margin-left: 0;}
.global_menu_sns > li:last-child {margin-right: 0;}
.global_menu_sns > li > a {display: block;width: 100%;height: 100%;position: relative;font-weight: normal;text-align: center;line-height: 36px;color:#fff; opacity:0.3;background: transparent;-webkit-transition: opacity .3s;transition: opacity .3s;}
.global_menu_sns > li > a:after {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;font-family: 'jt-font';font-weight:normal;font-size: 26px;}
.global_menu_sns > li.facebook {margin-right: 9px;}
.global_menu_sns > li.facebook > a:after {font-size: 25px;content: '\e916';}
.global_menu_sns > li.youtube > a:after {font-size: 30px;content: '\e926';}
.global_menu_sns > li.instagram > a:after {content: '\e918';}
.global_menu_sns > li.blog > a:after {content: '\e937';}
html.desktop .global_menu_sns > li > a:hover {opacity: 1;}
.global_menu_copyright {padding: 0px 0 0 11px;float:left;overflow:hidden;}
.global_menu_copyright span {font-size: 13px;font-weight: 500;letter-spacing: 0.05em;line-height: 1.75;padding-top: 14px;color: #ffffff;color: rgba(255, 255, 255, .3);display: inline-block;}
.global_menu_copyright span a {color:rgba(255, 255, 255, .3)}

.global_menu_bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;/* background: #111; */z-index: 1;display: table;width: 100%;height: 100%;opacity:0;visibility:hidden;webkit-transition: opacity 0.3s, visibility 0.3s;transition: opacity 0.3s, visibility 0.3s; transition-delay: 0s}
.global_menu_bg:after {font-family: 'jt-font';font-weight:normal;content: '\e93b';display: table-cell;vertical-align: middle;z-index: 3;font-size: 796px;color: #fff;opacity: 0.03;}

body.open_menu #global_menu_outer {pointer-events: all;}
body.open_menu .global_menu_bg {opacity:1; visibility:visible; transition-delay: 0.3s}

html.ie .open_menu #global_menu_outer { background: #111;}
html.edge .open_menu #global_menu_outer { background: none;}

.shape-overlays {width: 100vw;height: 100vh;	pointer-events: none;position: fixed;top: 0;left: 0;}
.shape-overlays.is-opened {pointer-events: auto;}
.shape-overlays__path:nth-of-type(1) {fill:#111;}

html.open_menu #header, body.open_menu #header { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important;}
body.open_menu #global_menu_btn_wrap {z-index:9999;}
body.open_menu .btn_member_util {color:#fff;}
body.open_menu .global_menu_btn_line,
body.open_menu .btn_member_util span:before, body.open_menu .btn_member_util span:after {background:#fff}
body.open_menu .kakao_logout i:after {color:#fff}

/* MAIN REELS MENU */
body.home #header {height: 98px; background: #000;}
body.home #logo { width: 272px; height: 18px;left: 75px;transform: translate(0, -50%);}
body.home .kakao_login {right: 250px;}
body.home .btn_sign_up {right: 159px;}
body.home .kakao_logout {right: 159px;}
body.home .btn_member_util {color:#fff;top: 40px;}
body.home .btn_member_util span:after {background: #fff;}
body.home #global_menu_btn_wrap {top: 30px;right: 65px;left: auto;}
body.home .global_menu_btn {display: block;width: 44px;height: 38px;padding: 10px;}
body.home .global_menu_btn_line {height: 2px;}
body.home .global_menu_btn_line_02 {top: 8px;}
body.home .minimize#header {background: rgba(255, 255, 255, 0.95);}
body.home .minimize .btn_member_util {color: #000;}
body.home .minimize .btn_member_util span:after {background: #111;}
body.home.open_menu .btn_member_util {color: #fff;}
body.home .minimize #logo {height: 44px; width: 272px;}
body.home .minimize #logo svg {display: block}
body.home .minimize #logo svg path {fill: #040000}
body.home .minimize #logo a:before {display: none;}

/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {width: 100%;padding: 96px 0 97px;position: relative;background: #000;}
.footer_inner {max-width: 1543px;margin: 0 auto;position: relative;}

html.ie #footer {box-shadow:0px 1px 0px #000;} 

/* top */
.footer_top {padding-bottom: 36px;}

/* menu */
.footer_menu:after {content: '';display: table;clear: both}
.footer_menu {margin: 0 -18px;}
.footer_menu > li {float: left;}
.footer_menu > li.privacy a {color:#fff;}
.footer_menu > li > a {display: block;padding: 21px 18px 0;position: relative;font-size: 13px;font-weight: 500;letter-spacing: -0.01em;line-height: 1.35;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
.footer_menu > li > a:before {display: block;position: absolute;top: 0;left: 50%;font-family:'jt-font';font-size: 15px;color:#fff;content:'\e93a';opacity:0;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px);-webkit-transition: opacity .15s, -webkit-transform 0.5s;transition: opacity .15s, -webkit-transform 0.5s;transition: transform 0.5s, opacity .15s;transition: transform 0.5s, opacity .15s, -webkit-transform 0.5s;}
html.desktop .footer_menu > li > a:hover {color: #fff;}
html.desktop .footer_menu > li:hover > a:before {opacity: 1; -webkit-transform:translate(-50%,0px); -ms-transform:translate(-50%,0px); transform:translate(-50%,0px)}


/* footer_site_container */
.footer_site_container {position: absolute;top: -8px;right: 53px;}
.footer_site_container > div {display: inline-block;position: relative;}
.footer_family_site {width: 140px;position: absolute;right: -12px;top: 9px;}
.footer_family_site .selectric {background:transparent;border: none;}
.footer_family_site .selectric .label {font-size:13px; color:#fff; font-family:'Montserrat', sans-serif;}
.footer_family_site .selectric .button:after {color:#fff;}
.footer_family_site .selectric-hover .selectric {background: transparent;border-color:transparent;}
.footer_family_site .selectric-open .selectric {background:transparent;}

.footer_site_container .selectric-items li:first-child {display: none;}
.footer_site_container .selectric {background: none;border: none;}
.footer_site_container .selectric .label {height: 52px;margin: 0 25px 0 20px;font-size: 13px;line-height: 52px;font-weight: 500;letter-spacing: -0.025em;color: #444;}
.footer_site_container .selectric .button {width: 25px;height: 52px;}
.footer_site_container .selectric .button:after {font-size: 16px;color: #666;}
.footer_site_container .selectric-hover .selectric,
.footer_site_container .selectric-focus .selectric,
.footer_site_container .selectric-open .selectric {background: none;}


/* social */
.footer_sns_wrap {position: absolute;right: -8px;top: -134px;z-index:10;}
.footer_sns {font-size: 0;line-height: 1;text-align: center;}
.footer_sns > li {display: inline-block;width: 38px;height: 38px;margin: 0 14px;}
.footer_sns > li:first-child {margin-left: 0;}
.footer_sns > li:last-child {margin-right: 0;}
.footer_sns > li > a {display: block;width: 100%;height: 100%;position: relative;font-weight: normal;text-align: center;line-height: 36px;color: rgba(255, 255, 255, 0.3);background: transparent;-webkit-transition: color 300ms, border-color 250ms, background 300ms;transition: color 300ms, border-color 250ms, background 300ms;}
.footer_sns > li > a:after {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;font-family: 'jt-font';font-size: 25px;}

.footer_sns > li.facebook > a:after {content: '\e916';}
.footer_sns > li.youtube > a:after {font-size: 29px;content: '\e926';}
.footer_sns > li.instagram > a:after {font-size: 25px;content: '\e918';}
.footer_sns > li.blog > a:after {font-size: 25px;content: '\e937';}
html.desktop .footer_sns > li > a:hover {color: #fff;}

/* top */
.footer_tel_head_office p {font-size:15px; color:#fff; letter-spacing:-0.01em;}
.footer_tel_head_office a {font-size:36px;color:#fff;letter-spacing: 0.02em;margin-top: 5px;display: inline-block;text-indent: -4px;}
.footer_tel_branch_office {margin-top: 15px;}
.footer_tel_branch_office li { color:#fff;font-size:14px; }
.footer_tel_branch_office li + li {margin-top: 6px;}
.footer_tel_branch_office li p {display:inline-block; letter-spacing:-0.01em; margin-right:8px;}
.footer_tel_branch_office li span a { color:#fff; letter-spacing:0.05em;}

.footer_hours {margin-top: 15px;}
.footer_hours li { color:#fff;font-size:14px; }
.footer_hours li + li {margin-top: 6px;}
.footer_hours li p {display:inline-block; letter-spacing:-0.01em; margin-right:8px;}

/* bottom */
.footer_bottom {border-top:1px solid rgba(255,255,255,0.15);padding-top: 49px;}
.footer_info {margin-bottom: 11px;margin-top: 42px;}
.footer_info p {font-weight: 500;letter-spacing: -0.01em;}
.footer_info p span, .footer_info p span a {font-size: 14px;color: #888;}
.footer_info p span {display: inline-block;position: relative;vertical-align: middle;margin-right: 15px;}
.footer_info p span:after {content: '';display: none;width: 1px;height: 12px;position: absolute;right: 8px;top: 50%;margin-top: -6px;background: #fff;background: rgba(255, 255, 255, .15);}
.footer_info p span:last-child {padding-right: 0;}
.footer_info p span:last-child:after {display: none;}
.footer_info p span i {font-style:normal;}
.footer_mail {position:absolute;right:-1px;top: 15px;}
.footer_mail a {font-size: 12px;font-weight: 500;letter-spacing: 0.05em;color: #888;}



/* **************************************** *
 * SCROLL
 * **************************************** */
 /* scroll top 
.go_top {display: block;position: absolute;top: -92px;right: 77px;cursor: pointer;color: #111;-webkit-transition: opacity 0.3s, background 0.3s, visibility 0.3s;transition: opacity 0.3s, background 0.3s, visibility 0.3s;z-index: 400;}
.go_top:before {display: block;width: 100%;height: 100%;font-family: 'jt-font';content: '\e900';font-size: 26px;margin-left: -1px;font-weight: bold;text-align: center;color: #111;-webkit-transition: color 300ms;transition: color 300ms;}
.go_top span {font-size:12px;font-weight:600;margin-top: 12px;display: block;}

.go_top.js_go_top_fix {position: fixed;top: inherit;bottom: 15px;}
.go_top.js_go_top_hide {opacity: 0;z-index: -1;}
*/

.go_top {display: block;width: 59px;height: 59px;position: absolute;top: -34px;left: 50%;margin-left: -29.5px;cursor: pointer;background: #111;-webkit-transition: background 0.3s;transition: background 0.3s;z-index: 100;}
.go_top span {display: block;width: 100%;height: 100%;position: relative;font-size: 0;}
.go_top span:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e900';font-size: 18px;line-height: 59px;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;}
.go_top:hover {background: #444;}



/* scroll down */
.main_visual_scroll_wrap { position: absolute; left: 50%; bottom: 34px;bottom: 24px; font-size: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; }

.scroll_down_wrap {position: absolute;right: 57.5px; bottom:210px;font-size: 0;z-index: 3; opacity:1; -webkit-transition: opacity 0.3s, visibility 0.3s;transition: opacity 0.3s, visibility 0.3s;}
.scroll_down {display: inline-block;padding: 20px 20px;position: relative;}
.scroll_down > span {display: block;font-size: 10px;font-weight: 500;line-height: 1;letter-spacing: 0.1em;color: #fff;}
.scroll_down_arrow {height:11px; display: block;left: -1px;position: relative;}
.scroll_down_arrow:after {display: block;font-style:normal;font-family: 'jt-font';content: '\e905';font-size: 16px;font-weight: normal;text-align: center;line-height: 1;color: #fff;}
.scroll_down_arrow_02 {margin-bottom: 18px;}



/* **************************************** *
 * CONTAINER
 * **************************************** */
.main_container {padding-top:220px; padding-bottom: 194px; }
.single-brandmedia .main_container {padding-top:200px; padding-bottom:0;}
.single-event .main_container {padding-top:200px; }
.sub_inner_bg {position: fixed;top: 155px;left: -390px;z-index:-1;}
.sub_inner_bg:before {font-family: 'jt-font';font-weight:normal;content: '\e93b';font-size: 772px;color: #e3e3e3;}

.page-template-brand-concept .main_container,
.page-template-service .main_container,
.page-template-bussiness-campaign:is(.page-id-3189, .page-id-1762) .main_container {padding-bottom:0;}

.home .main_container,
.error404 .main_container,
.page-template-offline .main_container,
.page-template-bussiness-campaign .main_container,
.page-template-brand-design .main_container,
.page-template-greet .main_container {padding-top:0; padding-bottom:0;}

.page-template-bussiness-campaign:is(.page-id-3189, .page-id-1762) .main_container {padding-top: 190px;}

.mob_kakao {display:block; width:61px; height:61px; line-height:60px; border-radius:50%; background:#fbcc34; font-size:10px; font-weight:600; letter-spacing:0.02em; text-align:center; color:#111;position:absolute; bottom:603px;right:60px; -webkit-transition: opacity 0.3s, visibility 0.3s, color 0.3s, background 0.3s;transition: opacity 0.3s, visibility 0.3s, color 0.3s, background 0.3s;z-index: 400;}
.mob_kakao.mob_util_fix {position: fixed;top: inherit;bottom: 30px;right: 60px;}
.mob_kakao.mob_util_hide {opacity: 0; visibility:hidden;}
.mob_kakao.active > span {display:none;}
.mob_kakao.active:after {font-family: 'jt-font';content: '\e92e'; font-size:11px; font-weight:600; color:#111; display: block; width: 100%; height: 100%;}

html.desktop .mob_kakao:hover {-webkit-animation: pulse 1.6s infinite; animation: pulse 1.6s infinite;}

@-webkit-keyframes pulse {
  
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 204, 51, .85);
    box-shadow: 0 0 0 0 rgba(251, 204, 51, .85);
  }
  
  70% {
    -webkit-box-shadow: 0 0 0 2em rgba(251, 204, 51, 0);
    box-shadow: 0 0 0 2em rgba(251, 204, 51, 0);
  }
  
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 204, 51, 0);
    box-shadow: 0 0 0 0 rgba(251, 204, 51, 0);
  }

}

.mob_eco { width:80px; height:80px; line-height:80px; border-radius:50%; background:#666; font-size:12px;color: #fff; font-weight:600; letter-spacing:0.02em; text-align:center;position:absolute; bottom:874px;right:60px; -webkit-transition: opacity 0.3s, visibility 0.3s, color 0.3s, background 0.3s;transition: opacity 0.3s, visibility 0.3s, color 0.3s, background 0.3s;z-index: 400;}
.mob_eco svg {width:33px; height:25px;vertical-align:middle;}
.mob_eco path {stroke:#fff;}
.mob_eco.mob_util_fix {position: fixed;top: inherit;bottom: 120px;right: 60px;}
.mob_eco.mob_util_hide {opacity: 0; visibility:hidden;}

.mob_customer {width:80px; height:80px; border-radius:50%; background:#111; font-size: 12px;color: #fff;padding: 7px; text-align:center; position:absolute; bottom:784px;right:60px; -webkit-transition: opacity 0.3s, visibility 0.3s, color 0.3s, background 0.3s;transition: opacity 0.3s, visibility 0.3s, color 0.3s, background 0.3s;z-index: 400;}
.mob_customer svg {width:28px; height:28px;vertical-align:middle;margin-top: 10px;}
.mob_customer path {stroke:#fff;}
.mob_customer span {line-height: 1.18;display: block;}
.mob_customer.mob_util_fix {position: fixed;top: inherit;bottom: 30px;right: 60px;}
.mob_customer.mob_util_hide {opacity: 0; visibility:hidden;}

html.desktop .mob_customer:hover {-webkit-animation: pulse-black 1.6s infinite; animation: pulse-black 1.6s infinite;}

@-webkit-keyframes pulse-black {
  
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(17, 17, 17, .85);
    box-shadow: 0 0 0 0 rgba(17, 17, 17, .85);
  }
  
  70% {
    -webkit-box-shadow: 0 0 0 2em rgba(17, 17, 17, 0);
    box-shadow: 0 0 0 2em rgba(17, 17, 17, 0);
  }
  
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(17, 17, 17, 0);
    box-shadow: 0 0 0 0 rgba(17, 17, 17, 0);
  }

}

html.mobile .main_container { overflow-x: hidden;}

/* **************************************** *
 * CURSOR
 * **************************************** */
 #custom_cursor {position: relative;height: 0;z-index: 99999;}
 html.mobile #custom_cursor {display: none;}
 html.ie10 #custom_cursor {display: none;}

 .custom_cursor_circle,
 .custom_cursor_word { display: block; width: 122px;height: 122px; position: fixed; top: 0; left: 0; pointer-events: none; }
 .custom_cursor_circle > span,
 .custom_cursor_txt { display: block; width: 0; height: 0; position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; overflow: hidden; opacity: 0; }
 .custom_cursor_circle > span > i { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; margin-top: -50%; margin-left: -50%; background: rgba(255, 255, 255, 0.9); border-radius: 50%; }
 .custom_cursor_txt > span { display: block; width: 100%; position: relative; top: 50%; transform: translateY(-50%); font-size: 14px; font-weight: 600; text-align: center; color: #000; }
 .custom_cursor_word .custom_cursor_txt > span::after {position: absolute; content: ''; top: 50%; transform: translate(-50%, -50%);height: 22px;}
 .custom_cursor_word.view .custom_cursor_txt > span::after {width: 55px; background: url(../images/icon/icon-view-full.svg) no-repeat center}
 .custom_cursor_word.prev .custom_cursor_txt > span::after {width: 38px; background: url(../images/icon/icon-prev.svg) no-repeat center}
 .custom_cursor_word.next .custom_cursor_txt > span::after {width: 37px; background: url(../images/icon/icon-next.svg) no-repeat center}


/* **************************************** *
 * PAGE
 * **************************************** */
/* PAGE HEADER */
.article_header {padding-top: 111px;text-align: left;position: absolute;left: 0;width: 100%;}
.article_header_inner {max-width:355px;}
.article_title {font-size: 60px;font-weight: 600;line-height: 1.1;letter-spacing: -0.025em;color: #111;}
.article_subtitle {margin-top: 8px;font-size:16px;font-weight:500;color:#111;letter-spacing:-0.01em;line-height: 1.75;}
body.tag .article_title {word-break:keep-all; font-size:36px;}

/* PAGE BODY */
.article_body {position: relative;min-height: 360px;}
.article_body > .wrap, .article_body .content_wrap { padding-left:397px;}
.article_type_02 .intro_img_section figure img {width:100%;}

/* **************************************** *
 * PRIVACY
 * **************************************** */
.privacy_time {font-size: 15px;font-weight:500;padding-top: 37px;display: block;padding-bottom: 48px;}
.privacy_list {border-top: 1px solid #111;}
.privacy_list > li > a {border-bottom: 1px solid #ddd;display: block; position:relative;}
.privacy_list_title {padding: 39px 100px  40px 0;}
.privacy_list_title h2{font-size: 18px;font-weight: 500;}
.privacy_list_arrow{right: 41px;margin-top: -5px;}

.privacy_box_chapter {padding-top: 113px;}
.privacy_box_chapter:first-child {padding-top: 0;}
.privacy_box_chapter_title {font-size: 28px;line-height:1;color:#222;font-weight:600;letter-spacing: 0.1em;position: relative;display:inline-block;margin-left: 3px;margin-bottom: 53px;}

.privacy_box {margin-bottom: 47px;}
.privacy_box:last-child {margin-bottom: 0;}
.privacy_box_title {display: block;padding-bottom: 18px;margin-bottom: 18px;font-size: 18px;line-height: 1.66;font-weight: 600;color: #222;border-bottom: 1px solid #ddd;}
.privacy_box > *:last-child {margin-bottom: 0;}
.privacy_box a {color: #666;}
.privacy_box p {margin-bottom: 24px;font-size: 16px;line-height: 1.75;color: #666;}
.privacy_box b {display: block;font-size: 16px;line-height: 1.75;font-weight: 600;color: #111;}
.privacy_box li {margin-bottom: 2px;position: relative;font-size: 16px;line-height: 1.75;color: #666;}
.privacy_box li:last-child {margin-bottom: 0;}
.privacy_box > ul > li {padding-left: 14px;margin-bottom: 2px;}
.privacy_box > ul > li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 13px;background: #636a52;border-radius: 50%;}
.privacy_box > ul > li > ul {margin-top: 2px;margin-bottom: 26px;}
.privacy_box > ul > li:last-child > ul {margin-bottom: 0;}

.privacy_box .type_num_list {counter-reset: item;}
.privacy_box .type_num_list > li {position: relative;font-size: 16px;line-height: 1.75;color: #666;letter-spacing: -0.025em;padding-left: 20px;counter-increment: item;}
.privacy_box .type_num_list > li:before {width: 13px; height: 13px; text-align: center; font-size: 12px; content: counter(item);display: block;position: absolute;top:7px;left: 0;background:none; border: 1px solid #666; border-radius: 50%; line-height:1;}

.privacy_box .type_bullet_list {}
.privacy_box .type_bullet_list > li {padding-left: 14px;margin-bottom: 2px;}
.privacy_box .type_bullet_list > li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 13px;background: #636a52;border-radius: 50%;}



/*임시*/
.privacy_box > ol {list-style:decimal; margin-left:20px;}
/*임시*/
.privacy_box .manager_list > li {margin-bottom:15px;}
.privacy_box .manager_list > li:last-child {margin-bottom:0;}
.privacy_intro {margin-bottom: 50px;padding: 32px 38px;background: #fff;border: 1px solid #ddd;}


/* ************************* */
/* EMAIL */
/* ************************* */
.page-template-email .scroll_down_wrap {display:none;}
.email_container {margin-top:0;letter-spacing: -0.01em;}
.email_container i {font-style:normal;font-size:15px;font-weight:700;line-height: 1;display: block;}
.email_container b {margin-top:8px;font-size:60px;font-weight:600;display:block;}
.email_container figure {margin-top: 26px; padding-top: 53.3%;}
.email_container p {font-size: 18px;font-weight: 500;line-height: 1.8;padding-top: 22px;}


/* **************************************** *
 * 404
 * **************************************** */
.error404 {background:#111;}
.error404 .scroll_down_wrap {display:none;}

.error_404 {padding: 389px 0 318px;position: relative;}
.error_404:after {font-family: 'jt-font';font-weight:normal;content: '\e93b';display: table-cell;vertical-align: middle;z-index: 3;font-size: 796px;color: #fff;opacity: 0.03;position: absolute;top: 52%;left: 50%;transform: translate(-50%,-50%);z-index: -1;}
.error_404_container {position: relative;text-align: center;}
.error_404_container h1 {font-size: 80px;font-weight: 600;line-height: 1;color: #fff;}
.error_404_container p {padding: 18px 0 38px;font-size: 16px;line-height: 1.75;color: #fff;letter-spacing:-0.01em;}
.error_404_button_wrap {margin-top:26px;}
.error_404_button_wrap span {padding-bottom: 6px;color:#fff;font-size:13px;letter-spacing:0.05em;display:inline-block;position:relative;}
.error_404_button_wrap span:after {width:100%; height:2px; background:#fff; position:absolute; bottom:0; content:''; display:block;}
.error_404_button_wrap .jt-btn__underline span {color:#fff;padding-bottom:8px;}
.error_404_button_wrap .jt-btn__underline span:before, .error_404_button_wrap .jt-btn__underline span:after {background:#fff;}


/* **************************************** *
 * greet
 * **************************************** */
.page-template-greet .scroll_down_wrap {display:none;}
.greet_container {padding: 389px 0 306px;position: relative; text-align:center;}
.greet_container:after {font-family: 'jt-font';font-weight:normal;content: '\e93b';display: table-cell;vertical-align: middle;z-index: 3;font-size: 796px;color: #111;opacity: 0.03;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;}
.greet_container h1 {font-size: 80px;font-weight: 600;line-height: 1;color: #111;}
.greet_container p {padding: 19px 0 43px;font-size: 24px;line-height: 1.75;color: #111;letter-spacing:-0.01em;}
.greet_button_wrap {margin-top:26px;}
.greet_button_wrap > a {margin:0 10px;}
.greet_button_wrap span {padding-bottom: 6px;color:#111;font-size:13px;letter-spacing:0.05em;display:inline-block;position:relative;}
.greet_button_wrap span:after {width:100%; height:2px; background:#111; position:absolute; bottom:0; content:''; display:block;}
.greet_button_wrap .jt-btn__underline span {color:#111;padding-bottom:8px;}
.greet_button_wrap .jt-btn__underline span:before, .greet_button_wrap .jt-btn__underline span:after {background:#111;}


/* **************************************** *
 * OFFLINE
 * **************************************** */
.page-template-offline {background:#111;}
.page-template-offline .scroll_down_wrap {display:none;}

/* **************************************** *
 * tag search
 * **************************************** */
.tag .scroll_down_wrap {display:none;}



/* **************************************** *
 * INVERSE
 * **************************************** */
.home .eco_quickmenu a:before, .home .go_top, .home .go_top:before,
.error404 .eco_quickmenu .eco_text, .error404 .eco_quickmenu a:before, .error404 .go_top, .error404 .go_top:before, .error404 .btn_member_util, .error404 .kakao_logout i:after,
.page-template-offline .eco_quickmenu .eco_text, .page-template-offline .eco_quickmenu a:before, .page-template-offline .go_top, .page-template-offline .go_top:before, .page-template-offline .btn_member_util, .page-template-offline .kakao_logout i:after,
.page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .eco_quickmenu .eco_text, .page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .eco_quickmenu a:before, .page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .btn_member_util, .page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .kakao_logout i:after,
.page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .go_top, .page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .go_top:before,
.page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .scroll_down > span, .page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .scroll_down_arrow:after,
.page-template-brand-design .eco_quickmenu .eco_text, .page-template-brand-design .eco_quickmenu a:before, .page-template-brand-design .btn_member_util, .page-template-brand-design .kakao_logout i:after,
.page-template-brand-design .scroll_down > span, .page-template-brand-design .scroll_down_arrow:after {color:#fff;}
.home .minimize .eco_quickmenu .eco_text, .home .minimize .eco_quickmenu a:before,
.error404 .minimize .eco_quickmenu .eco_text, .error404 .minimize .eco_quickmenu a:before, .error404 .minimize .btn_member_util, .error404 .minimize .kakao_logout i:after,
.page-template-offline .minimize .eco_quickmenu .eco_text, .page-template-offline .minimize .eco_quickmenu a:before, .page-template-offline .minimize .btn_member_util, .page-template-offline .minimize .kakao_logout i:after,
.page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .minimize .eco_quickmenu .eco_text, .page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .minimize .eco_quickmenu a:before,  .page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .minimize .btn_member_util,
.page-template-brand-design .minimize .eco_quickmenu .eco_text, .page-template-brand-design .minimize .eco_quickmenu a:before, .page-template-brand-design .minimize .btn_member_util, .page-template-brand-design .minimize .kakao_logout i:after {color:#111;}
.home  #logo svg path,
.error404  #logo svg path,
.page-template-offline  #logo svg path,
.page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) #logo svg path,
.page-template-brand-design #logo svg path {fill:#fff}
.home .global_menu_btn_line,
.error404 .btn_member_util span:before, .error404 .btn_member_util span:after, .error404 .global_menu_btn_line,
.page-template-offline .btn_member_util span:before, .page-template-offline .btn_member_util span:after, .page-template-offline .global_menu_btn_line,
.page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .btn_member_util span:before, .page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .btn_member_util span:after, .page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .global_menu_btn_line,
.page-template-brand-design .btn_member_util span:before, .page-template-brand-design .btn_member_util span:after, .page-template-brand-design .global_menu_btn_line {background:#fff;}
.minimize .global_menu_btn_line, .error404 .minimize .btn_member_util span:before, .error404 .minimize .btn_member_util span:after, .error404 .minimize .global_menu_btn_line,
.page-template-offline .minimize .btn_member_util span:before, .page-template-offline .minimize .btn_member_util span:after, .page-template-offline .minimize .global_menu_btn_line,
.page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .minimize .btn_member_util span:before, .page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .minimize .btn_member_util span:after, .page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .minimize .global_menu_btn_line,
.page-template-brand-design .minimize .btn_member_util span:before, .page-template-brand-design .minimize .btn_member_util span:after, .page-template-brand-design .minimize .global_menu_btn_line {background:#111;}

.error404 .eco_quickmenu #eco_icon path,
.page-template-offline .eco_quickmenu #eco_icon path,
.page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .eco_quickmenu #eco_icon path,
.page-template-brand-design .eco_quickmenu #eco_icon path {stroke:#fff;}

.home .minimize .eco_quickmenu #eco_icon path,
.error404 .minimize .eco_quickmenu #eco_icon path,
.page-template-offline .minimize .eco_quickmenu #eco_icon path,
.page-template-bussiness-campaign:not(.page-id-3189, .page-id-1762) .minimize .eco_quickmenu #eco_icon path,
.page-template-brand-design .minimize .eco_quickmenu #eco_icon path {stroke:#111;}

.open_menu.page-template-brand-design .minimize .btn_member_util span:before, .open_menu.page-template-brand-design .minimize .btn_member_util span:after, .open_menu.page-template-brand-design .minimize .global_menu_btn_line {background:#fff;}
.open_menu.page-template-brand-design .minimize .eco_quickmenu .eco_text, .open_menu.page-template-brand-design .minimize .eco_quickmenu a:before, .open_menu.page-template-brand-design .minimize .btn_member_util, .open_menu.page-template-brand-design .minimize .kakao_logout i:after {color:#fff;}


/* **************************************** *
 * FULLPAGE NAV
 * **************************************** */
#fp-nav {width: 21px;top: -webkit-calc(50% + 17px * 1);top: calc(50% + 17px * 1);-webkit-transition: opacity 300ms, visibility 300ms;transition: opacity 300ms, visibility 300ms;-webkit-transition-delay: 350ms;transition-delay: 350ms;}


/* **************************************** *
 * SGV LINE MOTION DEBUG
 * **************************************** */
.svg_path_line {stroke-miterlimit:2; stroke-linecap:square}