@charset "utf-8";
/*
 * File       : component.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) TABS
 * 2) SITEMAP
 * 3) LOGIN
 * 4) CONTACT FROM 7
 * 5) SLICK
 * 6) SHARE
 * 7) MAGNIFIC POPUP
 * 8) CYCLE
 */
/* **************************************** *
 * 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 {float: left;width: 100%;margin: 0 auto 60px;}
.tabs_menu li {float: left;position: relative;border: solid #ddd;border-width: 2px 0 2px 2px;}
.tabs_menu li:first-child {border-radius: 5px 0 0 5px;}
.tabs_menu li:last-child {border-right-width: 2px;border-radius: 0 5px 5px 0;}
.tabs_menu li a {display: block;width: 100%;height: 66px;line-height: 66px;font-size: 16px;letter-spacing: -0.025em;font-weight: 600;text-align: center;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
.tabs_menu li.active {border-color: #009d42;}
.tabs_menu li.active + li {border-left-color: #009d42;}
.tabs_menu li.active:before, .tabs_menu li.active:after {content: '';width: 0px;height: 0px;position: absolute;left: 50%;margin-left: -12px;border: 12px solid transparent;}
.tabs_menu li.active:before {bottom: -24px;border-top-color: #009d42;}
.tabs_menu li.active:after {bottom: -21px;border-top-color: #fff;}
.tabs_menu li:hover a, .tabs_menu li.active a {color: #009d42;}
.tabs_panels {display:block; position:relative; clear:both;}
.tabs_panels > div {display: none;}
.tabs_panels > div:first-child {display: block;}
/* **************************************** *
 * SITEMAP
 * **************************************** */
.sitemap_menu:after {content: '';display: table;clear: both;}
ul.sitemap_menu li > ol, ul.sitemap_menu li > ul {margin: 0;padding: 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;word-break: break-word;}
.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: #e72e35;border-bottom: 1px solid #e72e35;}
.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;}
/* **************************************** *
 * LOGIN
 * **************************************** */
.jt_login {}
/* layout */
.jt_login .login_content {width: 100%;padding: 74px 67px;position: relative;background: #fff;}
.login .jt_login form {margin: 0;padding: 0;-webkit-box-shadow: none;box-shadow: none;}
/* title */
.jt_login h1 {padding-bottom: 23px;font-size: 24px;font-weight: 600;text-align: center;color: #222;}
/* sns login */
.jt_login .social_login_wrap {}
.jt_login .social_login_wrap a {display: block;height: 53px;font-size: 15px;line-height: 51px;color: #fff;border: 1px solid;margin-top: 10px;}
.jt_login .social_login_wrap a:first-child {margin-top:0;}
.jt_login .social_login_wrap a > span {float: left;height: 100%;padding-left: 20px;border-left: 1px solid rgba(255, 255, 255, .3);}
.jt_login .social_login_wrap a > i {float: left;width: 58px;height: 100%;position: relative;text-align: center;border-right: 1px solid;}
.jt_login .social_login_wrap a > i:before {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';font-size: 23px;line-height: 53px;text-align: center;font-style: normal;color: #fff;}
.jt_login .social_login_wrap .login_facebook {background-color:#3a5897; border-color:#2b4886;}
.jt_login .social_login_wrap .login_facebook > i {border-color:#2f4782;}
.jt_login .social_login_wrap .login_facebook > i:before {content: '\e90c';}
.jt_login .social_login_wrap .login_naver {background-color:#1ec800; border-color:#0fb100;}
.jt_login .social_login_wrap .login_naver > i {border-color:#0fb100;}
.jt_login .social_login_wrap .login_naver > i:before {content: '\e92c';font-size: 18px;}
.jt_login .social_login_wrap .login_kakao {background-color:#ffea0f; border-color:#f2dc00; color:#3b1e1e;}
.jt_login .social_login_wrap .login_kakao > i {border-color:#fcdb00;}
.jt_login .social_login_wrap .login_kakao > i:before {content: '\e92b';font-size: 21px;color: #000;}
/* sns wsl plugin */
.wp-social-login-provider-list{ padding:0}
.wp-social-login-connect-with{ display:none}
/* line */
.jt_login .login_or_line {position:relative; height:15px; margin-top:20px; margin-bottom:15px; line-height:15px; font-size:15px; text-align:center; color:#666;}
.jt_login .login_or_line:before {content:''; display:block; width:100%; height:1px; position:absolute; top:5px; left:0; background:#e9e9e9;}
.jt_login .login_or_line > span {position:relative; display:inline-block; width:44px; background:#fff;}
/* login */
.jt_login .login_wrap {}
.jt_login .login_wrap > div {margin-top:11px;}
.jt_login .login_wrap > div:first-child {margin-top:0;}
.jt_login .login_wrap input {-webkit-transition: 300ms;transition:300ms;}
.jt_login .login_wrap .jt_form_field:hover, .jt_login .login_wrap .jt_form_field:focus {border:1px solid #bda79a;}
.jt_login .login_wrap .user_id_wrap {}
.jt_login .login_wrap .user_pw_wrap {}
.jt_login .login_wrap .remember_id_wrap {margin:12px 0 14px 0;}
.jt_login .login_wrap .remember_id_wrap span {font-size:13px; color:#666;}
.jt_login .login_wrap .login_btn {height: 53px;font-weight: 500;color: #fff;border-radius: 0px;background: #e72e35;}
.jt_login .login_wrap .login_btn:hover {opacity: 0.8;}
/* error */
.jt_login .login_wrap .login_error {position: relative;background: #fef0f0;border: 1px solid #ff0000;border-radius: 2px;}
.jt_login .login_wrap .login_error:before {content: '';display: block;width: 23px;height: 21px;position: absolute;top: 50%;left: 19px;margin-top: -10.5px;background: url(../images/icon/icon-caution.svg) no-repeat center center;}
.jt_login .login_wrap .login_error p {padding: 17.5px 30px 17.5px 63px;font-size: 13px;line-height: 1.65;color: #ff0000;}
.jt_login .login_wrap .login_error .close {display: block;width: 20px;height: 20px;position: absolute;top: 4px;right: 4px;font-size: 0;background: url(../images/icon/icon-close.svg) no-repeat center center;border-bottom: none;}
/* other */
.jt_login .login_other {font-size:0; text-align:center;}
.jt_login .login_other a {display: inline-block;margin: 0 9px;position: relative;font-size: 14px;color: #666;border: none;border-bottom: 1px solid transparent;-webkit-transition: 300ms;transition: 300ms;}
.jt_login .login_other a:hover {color:#333; border-color:#333;}
.jt_login .login_other a:before {content: '';display: block;width: 1px;height: 13px;position: absolute;left: -9px;top: 50%;margin-top: -6.5px;background: #ddd;}
.jt_login .login_other a:first-child:before {display: none;}
/* **************************************** *
 * contact From 7
 * **************************************** */
.wpcf7-form p {padding-bottom: 0;}
/* clear default editor style */
div.wpcf7 img.ajax-loader {position: absolute;width: 16px;height: 16px;left: 50%;margin-left: -8px;top: 41px;}
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {width: 100%;margin: 0; top:5px; padding: 20px;position: relative;font-size: 13px;border: none; text-align: center;}
div.wpcf7-mail-sent-ok {    color: #009d42; background-color: #ddf9e8;}
div.wpcf7-validation-errors {color: #D0513F;background-color: #FFC5BD;}
span.wpcf7-not-valid-tip {padding:10px 20px;font-size: 13px;color: #AB9009;background: #FFF3B6; margin-top: 5px;}
.wpcf7-form.sent .jt_form_control, .wpcf7-form.invalid .jt_form_control {padding-top: 28px;}
div.wpcf7 input[type="file"] {width:100%; padding-left:0; padding-right:0;}
.form_label_text + .wpcf7-form-control-wrap {display:block;}
div.wpcf7 .ajax-loader {position:absolute; top:50%; left:63%;}
/* **************************************** *
 * SLICK
 * **************************************** */
.slick-list, .slick-track {width: 100%;height: 100%;}
/* **************************************** *
 * SHARE
 * **************************************** */
.jt_share {display: inline-block;font-size: 0;text-align: center;}
.jt_share .jt_share_sns {display: inline-block;width: 30px;height: 30px;margin: 0 4px;position: relative;vertical-align: middle;font-size: 0;background: #f3f3f3;border: none;border-radius: 50%;-webkit-transition: 0.4s;transition: 0.4s;}
.jt_share .jt_share_sns:first-child {margin-left: 0;}
.jt_share .jt_share_sns:last-child {margin-right: 0;}
.jt_share .jt_share_sns:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: no-repeat center center;}
.jt_share .jt_share_sns:hover {-webkit-transition: 0ms;transition: 0ms;}
.jt_share .jt_share_sns.jt_share_twitter {background-color: #0f1419;}
.jt_share .jt_share_sns.jt_share_twitter:after {background-image: url(../images/icon/icon-twitter-v2.svg);background-size: 18px auto;}
.jt_share .jt_share_sns.jt_share_facebook {background-color: #3a5897;}
.jt_share .jt_share_sns.jt_share_facebook:after {background-image: url(../images/icon/icon-facebook.svg);background-size: 8px auto;}
.jt_share .jt_share_sns.jt_share_google {background-color: #dc4e41;}
.jt_share .jt_share_sns.jt_share_google:after {background-image: url(../images/icon/icon-google.svg);background-size: 20px auto;}
/* **************************************** *
 * MAGNIFIC POPUP
 * **************************************** */
.mfp-iframe-scaler { text-align: center }
.mfp-wrap button.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/icon/icon-close.svg) no-repeat center center; background-size: 28px; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-wrap button.mfp-close { width: 52px; height: 52px; top: -10px; bottom: inherit; right: -65px; /* left: 50%; */ margin-left: -26px; text-indent: -999px; /* border: 1px solid #fff; */ border-radius: 100%; opacity: 1; overflow: hidden; text-align: left; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* **************************************** *
 * CYCLE
 * **************************************** */
.cycle_control {width: 100%;max-width: 1733px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);z-index: 110;}
.cycle_btn {display: block;width: 50px;height: 50px;margin-left: auto;font-size: 0;background: transparent no-repeat center center;background-size: 8px auto;border: 2px solid #fff;border-radius: 50%;cursor: pointer;-webkit-transition: background 200ms;transition: background 200ms;}
.cycle_prev {margin-bottom: 12px;background-image: url(../images/icon/icon-arrow-up.svg);}
.cycle_next {background-image: url(../images/icon/icon-arrow-down.svg);}
.cycle_btn:hover {background-color: #fff;}
.cycle_prev:hover {background-image: url(../images/icon/icon-arrow-up-secondary.svg);}
.cycle_next:hover {background-image: url(../images/icon/icon-arrow-down-secondary.svg);}
.cycle_pager_wrap {width: auto;position: absolute;left: 50%;bottom: 70px;overflow: hidden;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.cycle_pager {display: block;width: auto;position: relative;font-size: 0;line-height: 0;}
.cycle_pager:after {content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
.cycle_pager li {display: inline-block;width: 20px;height: 12px;vertical-align: middle;}
.cycle_pager li span {display: block;width: 12px;height: 12px;margin: 0 auto;border-radius: 50%;background: #f1efeb;-webkit-transition: all 250ms;transition: all 250ms;}
.cycle_pager li.cycle-pager-small span {width: 8px;height: 8px;margin: 2px auto;}
.cycle_pager li.cycle-pager-xsmall span {width: 4px;height: 4px;margin: 4px auto;}
.cycle_pager li.cycle-pager-active span {background: #886152;}