@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) MEMBER
 * 4) SHARE
 * 5) SINGLE PAGINATION
 * 6) CONTACT FROM 7
 * 7) SLICK
 * 8) CYCLE
 * 9) MAGNIFIC POPUP
 */


@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}





/* **************************************** *
 * TABS
 * **************************************** */
/* 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 32px;}
.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: #222;border-bottom: none;}
.tabs_menu li:hover a, .tabs_menu li.active a {color: #222;}
.tabs_panels {float: left;width: 100%;}
.tabs_panels > div {display: none;}
.tabs_panels > div:first-child {display: block;}
.tabs_component:after {content: '';display: table;clear: both;}



/* **************************************** *
 * 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;}
.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: #222;border-bottom: 1px solid #222;}
.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;}



/* **************************************** *
 * MEMBER
 * **************************************** */
/* wrap */
.jt_member_table {display: table;width: 100%;height: 100%;}
.jt_member_cell {display: table-cell;padding: 40px 0;vertical-align: middle;}
.jt_member {width: 380px;margin: 0 auto;}

/* logo */
.jt_member_logo a {display: block;}
.jt_member_logo img {display: block;margin: 0 auto;}

/* content */
.jt_member_content {margin: 22px 0 14px 0;padding: 20px 0;position: relative;border-bottom: 1px solid #ddd;}
.jt_member_content:before {content: '';display: block;width: 100%;height: 3px;position: absolute;left: 0;top: -3px;background: url(../images/icon/icon-row-line.png) no-repeat center center;background-size: 100% 100%;}

/* intro */
.jt_member_intro {padding-bottom: 18px;}
.jt_member_intro p {font-size: 15px;font-weight: 400;line-height: 1.66;letter-spacing: -0.025em;color: #222;}

/* input */
.jt_member_form_row {margin-top: 10px;position: relative;}
.jt_member_form_row:first-child {margin-top: 0;}
.jt_member_form_row label {position: absolute;top: 0;left: 13px;font-size: 15px;line-height: 55px;color: #222;cursor: text;}
.jt_member_form_row label.fixed_label {display: block;padding-bottom: 4px;position: static;line-height: 1.6;font-weight: 600;color: #444;cursor: inherit;}
.jt_member_submit {padding-top: 18px;}

/* error */
.jt_member_error strong {font-weight: 600;}
.jt_member_error p {display: block;padding: 12px 20px 10px;margin-top: 10px;position: relative;font-size: 13px;font-weight: 400;letter-spacing: -0.025em;line-height: 1.66;color: #ff0000;background: #fef0f0;border: 1px solid #ff0000;border-radius: 5px;}
.jt_member_error a {font-size: 13px;}

/* other */
.jt_member_ohter {font-size:0;text-align:center;}
.jt_member_ohter a {display: inline-block;margin: 0 9px;position: relative;font-size: 14px;color: #222;-webkit-transition: 300ms;transition: 300ms;}
.jt_member_ohter a:before {content: '';display: block;width: 1px;height: 13px;position: absolute;left: -9px;top: 50%;margin-top: -6.5px;background: #ddd;}
.jt_member_ohter a:first-child:before {display: none;}
.jt_member_ohter a:hover {color: #886152;}

/* result */
.jt_member_result {margin-top: 5px;}

/* check */
.jt_member_check {margin-top: 17px;}
.jt_member_check label {display: block;width: 100%;cursor: pointer;}
.jt_member_check span {color:#555;}
.jt_member_check div[class^="icheckbox"] + span {padding-right: 0;}
.jt_member_check a {border-bottom: 1px solid #222;}

/* sns login */
.jt_social_form a {display: block;height: 55px;margin-top: 10px;position: relative;font-size: 15px;line-height: 55px;letter-spacing: -0.01em;color: #fff;background: url(../images/sub/login/login-sprite.png) no-repeat center center;border-radius: 5px;}
.jt_social_form a:first-child {margin-top:0;}
.jt_social_form a > span {display: block;width: 100%;height: 100%;padding-left: 80px;}
.jt_social_form a > i {width: 60px;height: 100%;position: absolute;left: 0;top: 0;}
.jt_social_form a > i:after {content: '';display: block;width: 3px;height: 22px;position: absolute;right: 0;top: 50%;margin-top: -11px;background: url(../images/sub/login/login-line.png) no-repeat center center;}
.jt_social_form 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_social_form .login_facebook {background-color: #365396;background-position: -10px -10px;}
.jt_social_form .login_facebook > i:before {content: '\e900';}
.jt_social_form .login_facebook:hover {background-position: -10px -85px;}
.jt_social_form .login_naver {background-color: #179c19;background-position: -10px -310px;}
.jt_social_form .login_naver > i:before {content: '\e903';font-size: 18px;}
.jt_social_form .login_naver:hover {background-position: -10px -385px;}
.jt_social_form .login_kakao {background-color: #fff00e;background-position: -10px -160px;color: #3b1e1e;}
.jt_social_form .login_kakao > i:before {content: '\e905';font-size: 22px;color: #000;}
.jt_social_form .login_kakao:hover {background-position: -10px -235px;}

/* clear sns wsl plugin */
.wp-social-login-connect-with{display:none}
.wp-social-login-provider-list{padding:0}

/* login - line */
.jt_login_or_line {position: relative;margin-top: 20px;margin-bottom: 15px;}
.jt_login_or_line:before {content: '';display: block;width: 100%;height: 1px;position: absolute;top: 5px;left: 0;background: #ddd;}
.jt_login_or_line > span {display: block;width: 44px;height: 15px;margin: 0 auto;position: relative;font-size: 13px;line-height: 1;font-weight: 600;text-align: center;color: #222;background: #f1efeb;z-index: 1;}



/* **************************************** *
 * SHARE
 * **************************************** */
.jt_share {padding: 150px 0 120px;font-size: 0;text-align: center;}
.jt_share .jt_share_sns {display: inline-block;width: 51px;height: 51px;margin: 0 7px;position: relative;vertical-align: middle;font-size: 0;background: #f3f3f3;border: 2px solid #222;border-radius: 50%;-webkit-transition: 0.4s;transition: 0.4s;z-index: 2;}
.jt_share .jt_share_sns:before {content: '';display: block;width: 51px;height: 51px;position: absolute;top: 50%;left: 50%;margin-left: -25.5px;margin-top: -25.5px;border-radius: 50%;/*z-index: -1;*/-webkit-transition: all 0.3s;transition: all 0.3s;}
.jt_share .jt_share_sns:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';font-size: 18px;line-height: 47px;font-weight: normal;text-align: center;color: #222;-webkit-transition: color 300ms;transition: color 300ms;}
.jt_share .jt_share_sns.jt_share_facebook:after {content: '\e916';}
.jt_share .jt_share_sns.jt_share_twitter:after {content: '\e919';font-size: 16px;}
.jt_share .jt_share_sns.jt_share_google:after {content: '\e917';font-size: 19px;}
.jt_share .jt_share_sns.jt_share_kakao:after {content: '\e923'; font-size: 20px;}

.jt_share .jt_share_sns:hover {background: #e8000d;border-color: #e8000d;-webkit-transition: 0ms;transition: 0ms;z-index: 1;}
.jt_share .jt_share_sns:hover:before {width: 97px;height: 97px;margin-left: -48.5px;margin-top: -48.5px;background: #e8000d;}
.jt_share .jt_share_sns:hover:after {color: #fff;}



/* **************************************** *
 * SINGLE PAGINATION
 * **************************************** */
.single_pagination {display: table;width: 100%;max-width: 1200px;height: 185px;margin: 0 auto;position: relative;border-top: 4px solid #e8000d;}
.single_pagination_link, .single_pagination_title {display: table-cell;width: 50%;height: 100%;font-size: 15px;font-weight: 400;letter-spacing: 0.025em;text-align: center;vertical-align: middle;color: #222;}
.single_pagination_next, .single_pagination_title_next {padding-left: 60px;padding-right: 20px;}
.single_pagination_prev, .single_pagination_title_prev {padding-right: 60px;padding-left: 20px;}
.single_pagination_title {font-weight: 600;}
/*.single_pagination_link span {display: block;padding-top: 10px;}*/
.single_pagination_link b {display: inline-block;position: relative;font-size: 20px;line-height: 1;letter-spacing: 0;font-weight: 600;text-transform: uppercase;-webkit-transition: color 200ms, padding 300ms;transition: color 200ms, padding 300ms;}






.single_pagination_link b:after {content: '';display: block;opacity: 0;visibility: hidden;width: 18px;height: 16px;position: absolute;top: 50%;margin-top: -8px;font-family: 'FontAwesome';font-size: 16px;line-height: 1;font-weight: normal;text-align: center;color: #e8000d;-webkit-transition: opacity 300ms, left 200ms, right 200ms;transition: opacity 300ms, left 200ms, right 200ms;}
.single_pagination_prev b:after {left: 0;font-family: 'FontAwesome';content: '\f060';}
.single_pagination_next b:after {right: 0;font-family: 'FontAwesome';content: '\f061';}




.single_pagination_link:hover b {color: #e8000d;}
.single_pagination_link:hover b:after {opacity: 1;visibility: visible;}
.single_pagination_prev:hover b {padding-left: 15px;}
.single_pagination_prev b:after {left: -15px;}
.single_pagination_next:hover b {padding-right: 15px;}
.single_pagination_next b:after {right: -15px;}
.single_pagination_list {display: block;width: 80px;height: 80px;position: absolute;top: 50%;left: 50%;margin-top: -40px;margin-left: -40px;font-size: 0;background: url(../images/icon/icon-list-2x.png) no-repeat center center;background-size: 21px 21px;border: 1px solid #ddd;z-index: 1;-webkit-transition: background 300ms;transition: background 300ms;}
.single_pagination_list.single_pagination_link {font-size: 0;}
.single_pagination_list:hover {background-color: #fff;}



/* **************************************** *
 * contact From 7
 * **************************************** */
.wpcf7-form p {padding-bottom: 0;}
div.wpcf7 input[type="file"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

/* clear default editor style */
div.wpcf7 {float: left;position: relative;}
div.wpcf7 .ajax-loader {margin: 0;position: absolute;left: 54.5%;top: 60px;}
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {width: 100%;margin: 0;padding: 10px 15px;position: absolute;left: 0;bottom: 0;font-size: 14px;border: none;border-radius: 5px;}
div.wpcf7-mail-sent-ok {color: #fff;background-color: #e8000d;}
div.wpcf7-validation-errors {color: #D0513F;background-color: #FFC5BD;}
span.wpcf7-not-valid-tip {margin-top: 4px;padding: 10px 15px;font-size: 14px;color: #AB9009;background: #FFF3B6;border-radius: 5px;}



/* **************************************** *
 * SLICK
 * **************************************** */
.slick-list, .slick-track {height: 100%;}
.slick-control {display: block;width: 100%;height: 62px;position: absolute;left: 0;top: 50%;margin-top: -31px;}
.slick-control .slick-arrows {display: block;width: 62px;height: 100%;padding: 0;position: absolute;font-size: 0;background: #e3e3e3;border-radius: 50%;border: none;outline: none;cursor: pointer;-webkit-transition: background 0.3s;transition: background 0.3s;z-index: 1;}



.slick-control .slick-arrows:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: "FontAwesome";font-size: 14px;line-height: 62px;font-weight: normal;text-align: center;color: #222;-webkit-transition: color 300ms;transition: color 300ms;}



.slick-control .slick-prev {left: -85px;}
.slick-control .slick-prev:after {font-family: 'FontAwesome';content: '\f060';}
.slick-control .slick-next {right: -85px;}
.slick-control .slick-next:after {font-family: 'FontAwesome';content: '\f061';}
.slick-control .slick-arrows:hover {background-color: #e8000d;}
.slick-control .slick-arrows:hover:after {color: #fff;}




.slick-dots {margin-top: 15px;font-size: 0;line-height: 1;text-align: center;}
.slick-dots > li {display: inline-block;vertical-align: top;width: 14px;height: 14px;margin: 0 3px;background: #fff;border-radius: 10px;cursor: pointer;transition: all 400ms;}
.slick-dots > li.slick-active {background: #e8000d;}
.slick-dots > li > button {display: none;}



/* **************************************** *
 * CYCLE
 * **************************************** */
.cycle_controler {z-index: 130;position: absolute;bottom: 30px;right: 26px;}

.cycle_control {position: relative;font-size: 0;line-height: 0;}
.cycle_control:after {content: '';display: block;width: 1px;height: 18px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);background: #e3e3e3;}
.cycle_btn {display: inline-block;width: 75px;height: 50px;position: relative;cursor: pointer;-webkit-transition: all 300ms;transition: all 300ms;}
.cycle_btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'FontAwesome';font-size: 14px;line-height: 50px;font-weight: normal;text-align: center;color: #222;-webkit-transition: color 300ms;transition: color 300ms;}
.cycle_prev:after {font-family: 'FontAwesome';content: '\f060';}
.cycle_next:after {font-family: 'FontAwesome';content: '\f061';}
.cycle_btn:hover:after {color: #e8000d;}

.cycle_caption {width: 100%;font-size: 0;text-align: center;}
.main_caption_text {display: inline-block;min-width: 10px;vertical-align: middle;font-size: 12px;font-weight: 600;line-height: 105px;color: #222;}
.main_caption_text.slug {padding: 0 3px;}

.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;}



/* **************************************** *
 * MAGNIFIC POPUP
 * **************************************** */
.mfp-bg {background: #222;}
button.mfp-close {width: 45px;height: 45px;top: 22px;right: 22px;line-height: 45px;font-size: 0;background: #e8000d;border-radius: 50%;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
button.mfp-close:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'FontAwesome';content: '\f00d';font-size: 15px;line-height: 45px;font-weight: normal;text-align: center;color: #fff;}
.mfp-close:active {top: 22px;}