@charset "utf-8";

/*
 * File       : jt-strap.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 1) BUTTON
 * 2) FORM
 * 3) CATEGORY
 * 4) SEARCH
 * 5) PAGINATION
 * 6) COMMENTS
 * 7) ISOTOPE
 * 8) JT ACCORDION LIST
 * 9) JT BOARD LIST
 * 10) JT LIST - GLOBAL
 * 11) JT LIST - GRID TYPE
 * 12) JT DETAIL VIEW
 * 13) JT NEWSFEED LIST
 * 14) JT LOADMORE
 * 15) NICESCROLL
 */

/* **************************************** *
 * CSS Variables
 * **************************************** */

/* **************************************** *
 * BUTTON
 * **************************************** */

/* Default */

.jt_btn {display: inline-block;min-width: 180px;padding: 21px 29px;position: relative;vertical-align: middle;font-size: 16px;font-weight: 600;letter-spacing: -0.025em;line-height: 1;border: 1px solid transparent;border-radius: 0px;background: transparent;overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1);}

.jt_btn[lang="en"] {padding: 21.5px 29px;font-size: 15px;letter-spacing: 0.05em;font-weight: 500;}

.jt_btn span {position: relative;}

.jt_btn:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.jt_btn:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}

/* basic style */

.jt_basic_btn {text-align: center;}

.jt_basic_btn.primary {color: #222;border-color: #222;}

.jt_basic_btn.primary:before {background: #222;}

.jt_basic_btn.primary:hover {color: #fff;}

.jt_basic_btn.secondary {color: #fff;border-color: #fff;}

.jt_basic_btn.secondary:before {background: #fff;}

.jt_basic_btn.secondary:hover {color: #222;}

/* icon style */

.jt_icon_btn {color: #222;border-color: #222;}

.jt_icon_btn:before {background: #222;}

.jt_icon_btn span {display: block;}

.jt_icon_btn span:after {display: block;width: 20px;height: 20px;position: absolute;top: 50%;margin-top: -9px;font-family: 'jt-font';font-weight: normal;line-height: 20px;text-align: center;-webkit-transition: color 0s cubic-bezier(.52, .08, .18, 1) 0s;transition: color 0s cubic-bezier(.52, .08, .18, 1) 0s;}

.jt_icon_btn:hover {color: #fff;}

.jt_icon_btn:hover span:after {color: #fff;-webkit-transition: color .55s cubic-bezier(.52, .08, .18, 1);transition: color .55s cubic-bezier(.52, .08, .18, 1);}

.jt_icon_btn.primary span {padding-right: 32px;}

.jt_icon_btn.primary span:after {right: 0;}

.jt_icon_btn.secondary {min-width: inherit;padding-left: 20px;padding-right: 20px;}

.jt_icon_btn.secondary span {padding-left: 19px;}

.jt_icon_btn.secondary span:after {left: -5px;}

.jt_icon_enter span:after {content: '\e930';font-size: 19px;}

.jt_icon_download span:after {content: '\e92f';font-size: 19px;margin-top: -11px;}

.jt_icon_check span:after {content: '\e935';font-size: 12px;}

.jt_icon_remove span:after {content: '\e92e';font-size: 10px;}

.jt_icon_arrow span:after {content: '\e903';font-size: 12px;}

.jt_icon_list span:after {content: '\e92d';font-size: 10px;}

.jt_icon_open span:after {content: '\e931';font-size: 19px;}

.jt_icon_back span:after {content: '\e934';font-size: 13px;}

/* **************************************** *
 * FORM
 * **************************************** */

/* label */

.jt_label {display: inline-block;position: relative;vertical-align: middle;font-size: 16px;line-height: 1;font-weight: 600;color: #222;}

/* input */

.jt_form_field {display: inline-block;width: 350px;height: 50px;padding: 8px 18px;vertical-align: middle;font-size: 16px;color: #666;border: 1px solid #f5f5f5;border-radius: 0px;background: #f5f5f5;-webkit-transition: border 300ms, background 300ms;transition: border 300ms, background 300ms;}

textarea.jt_form_field {height: 194px;padding: 14px 18px;overflow: auto;resize: none;}

.jt_form_field:focus {border-color: #1c9ad6;background-color: #fff;}

/* input block */

.jt_form_block_field {display: block;}

/* input block + width:100% */

.jt_form_full_field {display: block;width: 100%;}

/* input 설명글 */

.explain {display: block;margin-top: 10px;padding-left: 12px;position: relative;font-size: 14px;color: #666;}

.explain:before {content: '';display: block;width: 4px;height: 4px;position: absolute;top: 8px;left: 0;background: #1c9ad6;}

/* file 커스텀 */

.jt_file_upload_input {width: -webkit-calc(100% - 160px);width: calc(100% - 160px);background: #f8f8f8;cursor: pointer;}

.jt_file_upload_button {display: inline-block;width: 150px;height: 50px;margin-left: 10px;padding: 0;vertical-align: top;font-family: 'NotoSansKR', sans-serif;font-size: 16px;font-weight: 400;text-align: center;color: #fff;outline: none;border: none;background: #aaa;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms;}

label.jt_file_upload_button {line-height: 50px;}

.jt_file_upload_button:hover {background: #888;}

/* icheck */

div[class^="icheckbox"] > input,
div[class^="iradio"] > input {left: 0;}

div[class^="icheckbox"] + span,
div[class^="iradio"] + span {display: inline-block;padding-left: 9px;vertical-align: middle;cursor: pointer;font-size: 16px;font-weight: 400;color: #666;}

/* selectric */

.selectric {width: 177px;text-align: left;background: #f5f5f5;border: 1px solid #f5f5f5;-webkit-transition: border 300ms, background 300ms;transition: border 300ms, background 300ms;}

.selectric-hover .selectric, .selectric-focus .selectric {border-color: #f5f5f5;}

.selectric .label {height: 48px;margin: 0 36px 0 18px;font-size: 16px;line-height: 48px;font-weight: 400;color: #666;}

.selectric .button {width: 36px;height: 48px;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;}

.selectric .button:after {width: 100%;font-family: 'jt-font';content: '\e911';font-size: 10px;color: #212121;border: none;}

.selectric-items ul, .selectric-items li {width: 100%;font-size: 15px;}

.selectric-items {background: #fff;border: none;box-shadow: none;opacity: 0;-webkit-transition: all 0.4s;transition: all 0.4s;}

.selectric-items ul {margin: 0;padding: 0;text-align: left;}

.selectric-items li {padding: 13.5px 18px;color: #666;border: solid #e6e6e6;border-width: 0 1px 1px 1px;-webkit-transition: background 300ms;transition: background 300ms;}

.selectric-items li:hover {background: #eef9ff;}

.selectric-items li.selected {background: #1c9ad6;border-color: #1c9ad6;color: #fff;}

.selectric-open .selectric {background: #fff;border-color: #1c9ad6;}

.selectric-open .selectric .button {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}

.selectric-open .selectric-items {opacity: 1;}

/* 약관동의 */

.jt_agree_rule:after {content: '';display: table;clear: both;}

.jt_agree_rule h2 {padding-bottom: 26px;font-size: 20px;line-height: 1.4;font-weight: 600;color: #222;}

.jt_agree_rule .nicescroll_area_outer {height: 333px;}

.jt_agree_check {padding: 27px 0 34px;text-align: right;}

.jt_agree_check b {padding-right: 34px;vertical-align: top;font-size: 16px;font-weight: 600;color: #222;}

.jt_agree_check b > span {color: #1c9ad6;}

.jt_agree_check_field {display: inline-block;}

/* horizontal_form */

ul.jt_horizontal_form {display: table;width: 100%;position: relative;}

ul.jt_horizontal_form:before {content: '';display: block;width: 100%;height: 5px;position: absolute;top: -5px;left: 0;background: url(../images/layout/line.png) no-repeat center center;}

ul.jt_horizontal_form > li {display: table-row;width: 100%;font-size: 0;}

ul.jt_horizontal_form > li > div {display: table-cell;vertical-align: top;border-bottom: 1px solid #ddd;}

ul.jt_horizontal_form > li > div:first-child {width: 9%;padding: 36px 0 0 29px;}

ul.jt_horizontal_form > li > div:first-child + div {width: 91%;padding: 20px 30px;}

.jt_horizontal_select_wrap {display: inline-block;width: 177px;margin-left: 10px;vertical-align: top;}

.jt_horizontal_select_wrap .wpcf7-form-control-wrap {width: 100%;}

.jt_horizontal_select_wrap .selectric {width: 100%;}

/* control */

.jt_form_control {padding-top: 40px;text-align: right;}

.jt_form_control_btn_wrap {display: inline-block;position: relative;vertical-align: middle;border: 1px solid #222;background: transparent;overflow: hidden;}

.jt_form_control_btn_wrap:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;background: #222;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);transition: -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);transition: transform .55s cubic-bezier(.52, .08, .18, 1);transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.jt_form_control_btn_wrap > i {display: block;position: relative;font-style: normal;}

.jt_form_control_btn_wrap > i:after {display: block;width: 20px;height: 20px;position: absolute;top: 50%;right: 27px;margin-top: -9px;font-family: 'jt-font';content: '\e903';font-weight: normal;font-size: 12px;line-height: 20px;text-align: center;-webkit-transition: color 0.3s cubic-bezier(.52, .08, .18, 1) 0s;transition: color 0.3s cubic-bezier(.52, .08, .18, 1) 0s;}

.jt_form_control_btn_wrap.secondary > i:after {content: '\e935';}

.jt_form_control_btn_wrap input[type="submit"] {display: inline-block;min-width: 178px;margin: 0;padding: 21px 29px;position: relative;font-size: 16px;font-weight: 600;letter-spacing: -0.025em;line-height: 1;text-align: left;color: #222;background: none;border: none;outline: none;-webkit-transition: color .55s cubic-bezier(.52, .08, .18, 1);transition: color .55s cubic-bezier(.52, .08, .18, 1);cursor: pointer;z-index: 10;}

.jt_form_control_btn_wrap:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}

.jt_form_control_btn_wrap:hover input[type="submit"] {color: #fff;}

.jt_form_control_btn_wrap:hover > i:after {color: #fff;-webkit-transition: color .55s cubic-bezier(.52, .08, .18, 1);transition: color .55s cubic-bezier(.52, .08, .18, 1);}

/* field detail */

.contact_row_name .wpcf7-form-control-wrap {width: 350px;}

.contact_row_tel .wpcf7-form-control-wrap {width: 119px;}

.tel_desinence {display: inline-block;width: 32px;height: 50px;vertical-align: middle;position: relative;}

.tel_desinence:after {content: '';display: block;width: 12px;height: 1px;position: absolute;top: 50%;left: 50%;margin-left: -6px;margin-top: -0.5px;background: #222;}

.contact_row_mail .wpcf7-form-control-wrap {width: 159px;}

.mail_desinence {display: inline-block;padding: 0 10px;vertical-align: middle;font-size: 16px;font-weight: 400;line-height: 50px;color: #222;text-align: center;}

ul.jt_horizontal_form > li.contact_row_icheck > div:first-child + div {padding-top: 33px;padding-bottom: 33px;}

/* **************************************** *
 * CATEGORY
 * **************************************** */

.jt_category {margin-bottom: 24px;}

.jt_category ul {padding: 0;margin: 0;font-size: 0;background: none;}

.jt_category ul li {display: inline-block;padding-left: 0;position: relative;cursor: pointer;}

.jt_category ul li:before {content: '';display: block;width: 1px;height: 14px;position: absolute;top: 50%;margin-top: -7px;left: 0;border: none;border-radius: 0px;background: #d7d7d7;}

.jt_category ul a {padding: 0 13px;font-size: 15px;font-weight: 400;color: #666;border: none;}

.jt_category ul li.active a, .jt_category ul li:hover a {color: #222;}

.jt_category ul li:first-child:before {display: none;}

.jt_category ul li:first-child a {padding-left: 0;}

.jt_category ul li:last-child a {padding-right: 0;}

/* **************************************** *
 * SEARCH
 * **************************************** */

.jt_search {padding: 55px 20px;margin-bottom: 44px;text-align: center;background: #fafafa;}

.jt_search_category {display: inline-block;width: 123px;vertical-align: top;}

.jt_search_category .selectric {width: 100%;background: #fff;border-color: #ddd;}

.jt_search_category .selectric .label {height: 43px;margin-right: 40px;font-size: 15px;font-weight: 300;line-height: 43px;}

.jt_search_category .selectric .button {width: 50px;height: 43px;}

.jt_search_category .selectric .button:after {content: '\e90d';font-size: 12px;color: #383838;}

.jt_search_category .selectric-items li {border-color: #ddd;}

.jt_search_field {display: inline-block;position: relative;vertical-align: top;}

.jt_search_input.jt_form_field {width: 353px;height: 45px;margin: 0 10px;vertical-align: top;background: #fff;border-color: #ddd;text-overflow: ellipsis;}

.jt_search_input.jt_form_field:focus {border-color: #1c9ad6;}

.jt_search_button {display: inline-block;vertical-align: top;width: 108px;height: 45px;padding: 0;font-size: 16px;font-weight: 400;color: #fff;border: 1px solid #1c9ad6;background: #1c9ad6;outline: none;cursor: pointer;-webkit-transition: background 300ms, border-color 300ms;transition: background 300ms, border-color 300ms;}

.jt_search_button:hover {background: #444;border-color: #444;}

/* **************************************** *
 * PAGINATION
 * **************************************** */

.jt_pagination {display: block;width: 100%;margin-top: 50px;font-size: 0;text-align: center;}

.jt_pagination:empty {margin-top: 0;}

.jt_pagination .page-numbers {display: inline-block;min-width: 32px;height: 32px;padding: 0 4px;margin: 0 4px;margin-bottom: 4px;position: relative;font-size: 16px;font-weight: 400;line-height: 30px;text-align: center;vertical-align: top;color: #666;-webkit-transition: color 300ms;transition: color 300ms;}

.jt_pagination .page-numbers:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid transparent;-moz-box-sizing: border-box;box-sizing: border-box;}

.jt_pagination .page-numbers:hover, .jt_pagination .page-numbers.current {color: #1c9ad6;}

.jt_pagination .page-numbers.current:after {border-color: #1c9ad6;}

.jt_pagination .page-numbers.first, .jt_pagination .page-numbers.prev, .jt_pagination .page-numbers.next, .jt_pagination .page-numbers.last {font-size: 0;background: transparent url(../images/icon/icon-pagination.png) no-repeat;border: 1px solid #dedede;}

.jt_pagination .page-numbers.first {margin-left: 0;margin-right: 0;background-position: -22px center;}

.jt_pagination .page-numbers.prev {background-position: -92px center;}

.jt_pagination .page-numbers.next {background-position: -158px center;}

.jt_pagination .page-numbers.last {margin-left: 0;margin-right: 0;background-position: -228px center;}

/* **************************************** *
 * COMMENTS
 * **************************************** */

/*
.comments-area .comments-title {position:relative; padding: 0;font-size: 18px;line-height: 2.6;font-weight: 600;color: #222; padding-left:31px;}
.comments-area .comments-title span {color: #333;}
.comments-area .comments-title:before {content:'\e952'; display:block; width:28px; height:28px; position:absolute; top:12px; left:-3px; font-family:'jt-font'; font-size:28px; font-weight:400; color:#000; line-height:1;}
.comments-area ol {list-style: none;}
.comment-list {margin-top: 4px;border-top: 2px solid #222;}
.comment-list > li {padding-top: 28px;border-bottom: 1px solid #dedede;}
.comment-list ol.children {margin-bottom: 0;}
.comment-list ol.children > li {padding-top: 20px;background: #f9f9f9;border-top: 1px solid #dedede;}
.comment-inner {position: relative;}
.comment-inner:after {content: '';display: table;clear: both;}
.comment-avatar {width: 48px;height: 48px;position: absolute;top: 7px;left: 0;border-radius: 3px;overflow: hidden;}
.comment-avatar img {margin: 0;padding: 0;}
.comment-content {float: left;width: 100%;padding: 0 20px 28px 80px;position: relative;}
ol.children .comment-content:before {content: '';display: block;width: 12px;height: 12px;position: absolute;top: 26px;left: -51px;background: url(../images/icon/icon-comments-arrow-2x.png) no-repeat center center;background-size: 12px 12px;}
.comment-head {position: relative;}
.comment-head .author-name {font-size: 15px;font-weight: 600;color: #222;}
.comment-head .comment-date {position: absolute;top: 0;right: 0;font-size: 13px;font-weight: 400;color: #222;}
.comment-body {}
.comment-body p {margin: 0;padding: 0;font-size: 15px;font-weight: 400;line-height: 1.93;color: #777;}
.comment-form {position:relative;}
.comment-form-comment, .comment-form .form-submit {display:inline-block; vertical-align:top;}
.comment-form .form-submit {position:absolute; bottom:0px; right:0; padding-bottom:0;}
p.comment-form-comment {width:100%; height:90px; padding-bottom:0; margin-top:0; padding-right:100px;}
.comment-form-comment label {display:none;}
.comment-form-comment textarea {width:100%; max-width:100%; height:100%; max-height:100%; background:#f9f9f9; border:1px solid #dedede; padding:15px;}
.form-submit input {width:90px; height:90px; background:#1e75d6; border-radius:4px; border:2px solid #1e75d6; color:#fff; font-size:15px; -webkit-transition: all 300ms; transition:all 300ms; cursor:pointer;}
.form-submit input:hover {background:transparent; color:#1e75d6;}
*/

/* 대댓글 depth표현 */

/*
.comment-list ol.children .comment-inner {padding-left: 80px;}
.comment-list ol.children .comment-avatar {left: 80px}
.comment-list ol.children ol.children .comment-inner {padding-left: 160px;}
.comment-list ol.children ol.children .comment-avatar {left: 160px}
.comment-list ol.children ol.children ol.children .comment-inner {padding-left: 240px;}
.comment-list ol.children ol.children ol.children .comment-avatar {left: 240px}
.comment-list ol.children ol.children ol.children ol.children .comment-inner {padding-left: 320px;}
.comment-list ol.children ol.children ol.children ol.children .comment-avatar {left: 320px}
*/

/* 소셜로그인 표시 */

/*
.comment-inner.social-user {padding-bottom:10px;}
.comment-inner.social-user .comment-avatar {height: 68px;}
.comment-inner.social-user .comment-avatar:before,
.comment-inner.social-user .comment-avatar:after {content: '';display: block;width: 100%;height: 20px;position: absolute;left: 0;bottom: 0;}
.comment-inner.social-user .comment-avatar:before {background: #222;}
.comment-inner.social-user .comment-avatar:after {font-family: 'jt-font';font-size: 10px;text-align: center;line-height: 20px;font-weight: normal;color: #fff;}
.comment-inner.social-facebook .comment-avatar:before {background: #224b99;}
.comment-inner.social-facebook .comment-avatar:after {content: '\e90c';}
.comment-inner.social-twitter .comment-avatar:before {background: #40bff5;}
.comment-inner.social-twitter .comment-avatar:after {content: '\e90f';}
.comment-inner.social-kakao .comment-avatar:before {background: #fdc300;}
.comment-inner.social-kakao .comment-avatar:after {content: '\e92b';}
.comment-inner.social-naver .comment-avatar:before {background: #1dc800;}
.comment-inner.social-naver .comment-avatar:after {content: '\e92c';}
.comment-form .wp-social-login-widget {position:relative; margin-bottom:22px; padding-left:105px;}
.comment-form .wp-social-login-widget:before {content:'Social Login :'; position:absolute; top:0; left:0; font-size:15px; color:#333; font-weight:600; line-height:30px;}
.comment-form .wp-social-login-provider-list {font-size:0;}
.comment-form .wp-social-login-provider-list > a {display:inline-block; width:30px; height:30px; color:#fff; border-bottom:none; font-size:0; border-radius:4px; margin-left:5px;}
.comment-form .wp-social-login-provider-list > a:first-child {margin-left:0;}
.comment-form .wp-social-login-provider-list > a:after {display:block; width:100%; height:100%; font-family:'jt-font'; font-size:14px; line-height:30px; text-align:center;}
.comment-form .login_facebook {background: #224b99;}
.comment-form .login_facebook:after {content:'\e90c';}
.comment-form .login_naver {background: #1dc800;}
.comment-form .login_naver:after {content:'\e92c';}
.comment-form .login_kakao {background: #fdc300;}
.comment-form .login_kakao:after {content:'\e92b';}
*/

/* **************************************** *
 * ISOTOPE
 * **************************************** */

/* Hide the container (show with js) */

.jt_isotope {visibility:hidden;}

/* 기본셋팅 : 2컬럼 */

.jt_isotope .isotope_grid_sizer {width: 49%;}

.jt_isotope .isotope_gutter_sizer {width: 2%;}

.jt_isotope .isotope_item {width: 49%;margin-bottom: 2%;}

/* 2컬럼 */

.jt_isotope.isotope_col_2 .isotope_grid_sizer, .jt_isotope.isotope_col_2 .isotope_item {width: 49%;}

/* 3컬럼 */

.jt_isotope.isotope_col_3 .isotope_grid_sizer, .jt_isotope.isotope_col_3 .isotope_item {width: 32%;}

/* 4컬럼 */

.jt_isotope.isotope_col_4 .isotope_grid_sizer, .jt_isotope.isotope_col_4 .isotope_item {width: 23.5%;}

/* 5컬럼 */

.jt_isotope.isotope_col_5 .isotope_grid_sizer, .jt_isotope.isotope_col_5 .isotope_item {width: 18.4%;}

/* **************************************** *
 * JT ACCORDION LIST
 * **************************************** */

.jt_accordion {width: 100%;position: relative;}

.jt_accordion caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}

.jt_accordion tr {width: 100%;}

.jt_accordion th {padding: 13px 0;position: relative;font-size: 15px;text-align: center;font-weight: 500;color: #fff;vertical-align: middle;background: #222;}

.jt_accordion th:before {content: '';display: block;width: 1px;height: 12px;position: absolute;top: 50%;left: 0;margin-top: -6px;background: #2cacd9;background: rgba(221, 221, 221, .5);}

.jt_accordion th:first-child:before {display: none;}

.jt_accordion td {font-size: 15px;font-weight: 400;line-height: 2;color: #666;text-align: center;}

.jt_accordion tr.jt_accordion_title td {padding: 12px 0;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;}

.jt_accordion tr.jt_accordion_content td {padding: 0;vertical-align: top;background: #f8f8f8;}

.jt_accordion .state {width: 97px;}

.jt_accordion td.state span {display: inline-block;padding: 5px 11px;font-size: 13px;line-height: 1;border: 1px solid;border-radius: 3px;}

.jt_accordion tr.jt_accordion_title td.state span {border-color: #ddd;background: #f8f8f8;}

.jt_accordion tr.jt_accordion_content td.state span {color: #fff;border-color: #222;background: #222;}

.jt_accordion .title {width: auto;}

.jt_accordion td.title {text-align: left;}

.jt_accordion tr.jt_accordion_title td.title {padding: 12px 32px 12px 10px;}

.jt_accordion tr.jt_accordion_content td.title {padding: 0 32px;}

.jt_accordion .category {width: 88px;text-align: right;}

.jt_accordion tr.jt_accordion_title td.category {vertical-align: top;}

.jt_accordion .category span {display: inline-block;position: relative;color: #222;}

.jt_accordion .category span:after {content: '';display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 2px;background: #222;}

.jt_accordion .control {width: 101px;}

.jt_accordion td.control {font-size: 0;}

.jt_accordion td.control i {display: inline-block;width: 22px;height: 22px;border: 1px solid #ddd;position: relative;}

.jt_accordion td.control i:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e914';font-size: 11px;font-style: normal;line-height: 24px;text-align: center;color: #222;}

.jt_accordion tr.active .control i:after {content: '\e91f';color: #222;}

.jt_accordion_content_inner {padding: 20px 0;}

.jt_accordion tr.jt_accordion_content.active td {border-bottom: 1px solid #ddd;}

.jt_accordion tr.jt_accordion_title:not(:first-child) + tr.jt_accordion_content .jt_accordion_content_inner {display: none;}

/* **************************************** *
 * JT BOARD LIST
 * **************************************** */

.jt_board_list {width: 100%;position: relative;border-top: 2px solid #1c9ad6;table-layout: fixed;}

.jt_board_list caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}

.jt_board_list tr {width: 100%;}

.jt_board_list th {padding: 19px 0;position: relative;font-size: 15px;text-align: center;font-weight: 600;color: #222;vertical-align: middle;border-bottom: 1px solid #dedede;}

.jt_board_list th:before {content: '';display: block;width: 1px;height: 13px;position: absolute;top: 50%;left: 0;margin-top: -6.5px;background: #dedede;}

.jt_board_list th:first-child:before {display: none;}

.jt_board_list td {padding: 15px 0;font-size: 14px;font-weight: 400;text-align: center;color: #444;vertical-align: middle;border-bottom: 1px solid #dedede;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms;}

.jt_board_list .title_wrap {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}

.jt_board_list .title_wrap * {vertical-align: middle;}

.jt_board_list .title_wrap a {font-size: 15px;color: #444;}

.jt_board_list .jt_board_notice {display: inline-block;width: 50px;height: 26px;line-height: 26px;color: #fff;border-radius: 12px;background: #1c9ad6;}

.jt_board_list .direct_link a {display: block;width: 30px;height: 30px;position: relative;font-size: 0;margin: 0 auto;border: 1px solid #a6a6a6;border-radius: 50%;}

.jt_board_list .direct_link a:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e903';font-size: 10px;line-height: 28px;font-weight: normal;text-align: center;color: #a4a4a4;}

.jt_board_list tbody tr:hover td {background: #fff;}

.jt_board_list td.jt_board_nothing_found {padding: 20px 0;background: #fff;cursor: default;}

.jt_board_list td.title {padding: 15px 38px;text-align: left;}

.jt_board_list td.author {font-weight: 600;color: #222;}

.jt_board_list .num {width: 100px;}

.jt_board_list .title {width: auto;}

.jt_board_list .author {width: 198px;}

.jt_board_list .date {width: 140px;}

.jt_board_list .direct_link {width: 100px;}

/* **************************************** *
 * JT LIST - GLOBAL
 * **************************************** */

.jt_list {position:relative;}

.jt_list:after {content: '';display: table;clear: both;}

.jt_list_item {}

.jt_list_item a {display: block;position: relative;}

.jt_list_item a:after {content: '';border: 2px solid #1c9ad6;opacity: 0;margin: auto;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: 300ms border, 150ms opacity;transition: 300ms border, 150ms opacity;-webkit-transition-delay: 0ms, 100ms;transition-delay: 0ms, 100ms;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 9;}

.jt_list_thumb {display: block;overflow: hidden;}

.jt_list_thumb img {width: 100%;vertical-align: middle;}

/*.jt_list_thumb img {width: 100%;vertical-align: middle;-ms-transform: scale(1) rotate(0.05deg);-webkit-transform: scale(1) rotate(0.05deg);transform: scale(1) rotate(0.05deg);-webkit-transition: all 1s;transition: all 1s;}*/

.jt_list_content {padding: 23px 35px 48px;position: relative;}

.jt_list_title {font-size: 18px;font-weight: 500;line-height: 1.65;letter-spacing: -0.025em;color: #222;}

.jt_list_title span br {display: none;}

.jt_list_desc {margin-top: 13px;font-size: 15px;font-weight: 400;letter-spacing: -0.025em;line-height: 1.86;color: #666;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 3.72em;overflow: hidden;}

.jt_list_item a:hover:after {border-width: 6px;opacity: 1;-webkit-transition: 300ms border, 50ms opacity;transition: 300ms border, 50ms opacity;-webkit-transition-delay: 0ms, 0ms;transition-delay: 0ms, 0ms;}

/*.jt_list_item:hover .jt_list_thumb img {-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}*/

.jt_list_nothing_found {padding: 120px 0;text-align: center;border-top: 3px solid #ddd;border-bottom: 1px solid #ddd;}

.jt_list_nothing_found b {font-size: 32px;font-weight: 600;color: #222;}

.jt_list_nothing_found b span {color: #1c9ad6;}

.jt_list_nothing_found p {padding-top: 15px;font-size: 16px;line-height: 1.75;color: #666;}

.jt_list_nothing_found p span {color: #222;}

/* **************************************** *
 * JT LIST - GRID TYPE
 * **************************************** */

.jt_list_grid .jt_list_item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;}

.jt_list_grid .jt_list_item:nth-child(3n) {margin-right: 0;}

.jt_list_grid .jt_list_title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.jt_list_grid .jt_list_desc {-webkit-line-clamp: 2;max-height: 3.72em;}

/* **************************************** *
 * JT DETAIL VIEW
 * **************************************** */

/* single */

.board_view {margin-top: 47px;border-top: 2px solid #222;border-left: 1px solid #ddd;}

.board_view:after {content: '';display: table;clear: both;}

.board_attr {float: left;width: 100%;position: relative;border-bottom: 1px solid #ddd;}

.board_attr.board_attr_half {width: 50%;}

.attr_name {display: block;width: 120px;height: 100%;position: absolute;top: 0;left: 0;font-size: 15px;font-weight: 600;line-height: 1.8;color: #222;padding: 16px 20px;border-right: 1px solid #ddd;background-color: #f8f8f8;}

.attr_value {width: 100%;height: 100%;font-size: 15px;font-weight: 400;line-height: 1.8;color: #444;padding: 16px 20px 16px 140px;border-right: 1px solid #ddd;}

.board_file .attr_value {min-height:59px;}

.board_preview a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: pre;border: none;color: #444;}

.board_preview a:hover {color: #222;}

.board_content .attr_name {display: none;}

.board_content .attr_value {padding: 32px 32px;}

/* control */

.jt_board_control {padding-top: 40px;font-size: 0;line-height: 1;}

.jt_board_control:after {content: '';display: table;clear: both;}

.jt_board_control_right {float: right;}

.jt_board_control_left {float: left;}

.jt_board_control .jt_btn {margin-left: 10px;}

.jt_board_control .jt_btn:first-child {margin-left: 0;}

/* **************************************** *
 * JT NEWSFEED LIST
 * **************************************** */

.jt_newsfeed_list {display: table;width: 100%;table-layout: fixed;}

.jt_newsfeed_item {display: table-row;cursor: pointer;}

.jt_newsfeed_item > div {display: table-cell;vertical-align: middle;border-bottom: 1px solid #ddd;-webkit-transition: border 300ms;transition: border 300ms;}

div.jt_newsfeed_time {width: 132px;text-align: center;vertical-align: middle;}

.jt_newsfeed_time b {display: block;padding-right: 2px;font-size: 48px;letter-spacing: -0.01em;font-weight: 400;line-height: 1;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;}

.jt_newsfeed_time span {display: block;padding-top: 4px;font-size: 18px;letter-spacing: 0.1em;font-weight: 400;line-height: 1;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;}

div.jt_newsfeed_content {padding: 34px 24px 36px;}

.jt_newsfeed_title {margin-bottom: 9px;overflow: hidden;white-space: nowrap;}

.jt_newsfeed_title h2 {max-width: -webkit-calc(100% - 85px);max-width: calc(100% - 85px);display: inline-block;vertical-align: middle;font-size: 20px;font-weight: 600;line-height: 1.5;color: #333;}

.jt_newsfeed_title h2 span {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}

.jt_newsfeed_notice, .jt_newsfeed_category {display: inline-block;vertical-align: middle;width: auto;height: 29px;padding: 0 17px;margin-right: 16px;font-size: 15px;line-height: 29px;text-align: center;letter-spacing: -0.025em;color: #1c9ad6;border: 1px solid #1c9ad6;}

.jt_newsfeed_category.end_category {color: #aaa;border-color: #ddd;}

.jt_newsfeed_state {display: inline-block;vertical-align: middle;width: auto;height: 29px;padding: 0 13px;margin-right: 16px;font-size: 15px;line-height: 29px;text-align: center;letter-spacing: -0.025em;color: #aaa;border: 1px solid #ddd;}

.jt_newsfeed_state.complete {color: #1c9ad6;border-color: #1c9ad6;}

.jt_newsfeed_excerpt {display: block;width: 100%;}

.jt_newsfeed_excerpt p {font-size: 16px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}

.jt_newsfeed_origin {display: block;padding-top: 21px;}

.jt_newsfeed_origin p {font-size: 15px;color: #666;}

/*
.jt_newsfeed_secret {display: inline-block;vertical-align: middle;margin-right: 3px;position: relative;font-size: 0;}
.jt_newsfeed_secret:after {content: '';display: block;font-family: 'jt-font';content: '\e94a';font-size: 19px;line-height: 1;font-weight: normal;color: var(--color-primary);}
*/

div.jt_newsfeed_more {width: 60px;text-align: right;}

.jt_newsfeed_more a {display: inline-block;vertical-align: middle;width: 47px;height: 47px;position: relative;}

.jt_newsfeed_more a:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e90b';font-size: 47px;font-weight: normal;line-height: 1;color: #aaaaaa;color: rgba(170, 170, 170, 0.66667);-webkit-transition: color 300ms, -webkit-transform 300ms;transition: color 300ms, -webkit-transform 300ms;transition: color 300ms, transform 300ms;transition: color 300ms, transform 300ms, -webkit-transform 300ms;}

.jt_newsfeed_item:hover > div {border-bottom-color: #1c9ad6;}

.jt_newsfeed_item:hover .jt_newsfeed_time b {color: #1c9ad6;}

.jt_newsfeed_item:hover .jt_newsfeed_time span {color: #1c9ad6;}

.jt_newsfeed_item:hover .jt_newsfeed_more a:after {color: #1c9ad6; -webkit-transform:scale(0.9) rotate(0.05deg); -ms-transform:scale(0.9) rotate(0.05deg); transform:scale(0.9) rotate(0.05deg)}

/* **************************************** *
 * JT LOADMORE
 * **************************************** */

.jt_loadmore {text-align: center;}

.jt_loadmore .jt_btn {margin-top: 56px;}

/* **************************************** *
 * NICESCROLL
 * **************************************** */

.nicescroll_area_outer {width: 100%;height: 450px;padding: 31px 38px;background: #f5f5f5;border: 1px solid #ddd;overflow: hidden;}

.nicescroll_area {width: 100%;height: 100%;padding-right: 65px;position: relative;}