@charset "utf-8";
/*
 * File       : jt-strap.css
 * Author     : STUDIO-JT (Nico, Jun, KMS, Bin)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 1) ARTICLE CONTENT
 * 2) BUTTON
 * 3) FORM
 * 4) CATEGORY
 * 5) SEARCH
 * 6) PAGINATION
 * 7) COMMENTS
 * 8) ISOTOPE
 * 9) JT ACCORDION LIST
 * 10) JT BOARD LIST
 * 11) JT LIST - GLOBAL
 * 12) JT LIST - GRID TYPE
 * 13) JT LIST - ISOTOPE TYPE
 * 14) JT DETAIL VIEW
 * 15) JT Alert
 * 16) MEDIA
 */
 
/* **************************************** *
 * ARTICLE CONTENT
 * **************************************** */
.jt_content h1 {margin-bottom: 25px;padding-bottom: 16px;border-bottom: 3px solid #333;font-size: 38px;line-height: 1.265;font-weight: 600;color: #333;clear: both;}
.jt_content h2 {padding-top: 28px;padding-bottom: 24px;position: relative;font-size: 26px;line-height: 1.235;font-weight: 600;color: #e72e35;clear: both;}
.jt_content h3 {padding-bottom: 8px;font-size: 20px;line-height: 1.600;font-weight: 600;color: #333;clear: both;}
.jt_content h4 {font-size: 18px;line-height: 1.780;font-weight: 600;color: #e72e35;clear: both;}
.jt_content h5 {padding-bottom: 4px;font-size: 16px;line-height: 1.780;font-weight: 600;color: #333;}
.jt_content h6 {padding-bottom: 4px;font-size: 15px;line-height: 1.87;font-weight: 600;color: #333;}
.jt_content p {padding-bottom: 28px;font-size: 15px;line-height: 1.95;font-weight: 400;color: #666;}
.jt_content img {width: auto;height: auto;max-width: 100%;padding: 0;vertical-align: top;margin-bottom: 32px;}
.jt_content a img {display: block;}
.jt_content blockquote {padding-top: 32px;margin-bottom: 32px;position: relative;text-align: center;}
.jt_content blockquote p {padding-bottom: 0;font-size: 24px;font-weight: 700;line-height: 1.5;color: #444;}
.jt_content blockquote:before {content: '“';display: block;width: 30px;margin-left: -15px;position: absolute;top: 5px;left: 50%;font-family: serif;font-size: 55px;line-height: 1;font-weight: 700;color: #444;}
.jt_content b,
.jt_content strong {font-weight:bold;}
.jt_content i,
.jt_content em {font-style:italic;}
.jt_content code {display: block;padding: 12px 24px;font-family: "Courier New", Courier, monospace;color: #fff;font-size: 15px;background: #444;}
.jt_content pre {margin: 0 0 32px;}
.jt_content ol,
.jt_content ul {margin-bottom: 32px;list-style-position: inside}
.jt_content ol {list-style-type: decimal;}
.jt_content ul {padding: 24px 32px;background: #f7f7f7;list-style-type: none;}
.jt_content li {font-size: 15px;line-height: 1.87;font-weight: 400;color: #666;}
.jt_content ul > li {display: block;padding: 2.5px 0;padding-left: 28px;position: relative;}
.jt_content ul > li:before {content: '';display: block;width: 19px;height: 19px;position: absolute;top: 7px;left: 0px;background: url(../images/icon/icon-li-check.png) no-repeat center center;background-color: #e72e35;border-radius: 50%;}
.jt_content li > ol,
.jt_content li > ul {margin-bottom: 12px;}
.jt_content ul > li > ul > li {padding-left: 0;}
.jt_content ul > li > ul > li:before {display: none;}




/* **************************************** *
 * BUTTON
 * **************************************** */
/* default */
.jt_btn {display: inline-block;min-width: 120px; position:relative;padding: 5px 22px;font-size: 12px;font-weight: 600;line-height: 1.95;text-align: center;vertical-align: middle;border: none;border-radius: 3px;cursor: pointer;-webkit-transition: all 300ms;transition: all 300ms;}
/* Block */

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

/* Basic-style */
.jt_btn_primary {color: #fff;background-color: #ccc;}
.jt_btn_primary:hover {background-color: #009d42;}
.jt_btn_secondary {background:#009d42; color:#fff;border:3px solid transparent;}
.jt_btn_secondary:hover {color:#009d42; background:#fff;border-color:#009d42;}

/* Outline-style */
.jt_btn_outline {padding: 6px 22px;border: 2px solid transparent;}
.jt_btn_outline_primary {color: #222;border-color: #ddd;background-color: #fff;}
.jt_btn_outline_primary:hover {background-color: #ddd;}

/* Icon-style */
.jt_btn_icon {font-size:15px;}
.jt_btn_icon span {position:relative; padding-right:15px;}
.jt_btn_icon span:after {content: '';display: block;width: 6px;height: 8px;position: absolute;top: 50%;right: 0;margin-top: -4px;background: url(../images/icon/icon-direction-right.svg) no-repeat center center;}




/* **************************************** *
 * FORM
 * **************************************** */
/* Legend */
.jt_legend {display: block;width: 100%;font-size: 15px;font-weight: 400;color: #666;}

/* Label */
.jt_label {display: inline-block;padding-bottom: 4px;padding-right: 4px;position: relative;vertical-align: middle;font-size: 15px;font-weight: 400;color: #222;}
.jt_label_required:after {content: '*';display: inline-block;padding-left: 4px;vertical-align: middle;font-size: 15px;font-weight: 400;color: #ff0000;}

/* 필수입력 마크 */
i.jt_required_symbol {font-style: normal;color: #ff0000;}

/* Input */
.jt_form_field {display: inline-block;width: 390px; height:100%; position:relative; border:3px solid #ddd; border-radius:5px; padding: 8px 12px; vertical-align: middle; font-size: 15px; color: #222; background: #fff;}
textarea.jt_form_field {height: 200px;overflow: auto;resize: none;}

/* Input block */
.jt_form_block_field {display: block;}

/* Input block + width:100% */
.jt_form_full_field {display: block;width: 100%;}

/* File 커스텀 */
.jt_file_upload_input {cursor: pointer;}
.jt_file_upload_button {margin-left: 16px;}

/* Button 커스텀 */
.jt_form_full_field_button {display:block; width:20px; height:20px; position:absolute; top:50%; right:13px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); border:none; background:url(../images/icon/icon-search.svg) no-repeat center center; background-size:cover; padding:0;cursor: pointer; }

/* Icheck */
div[class^="icheckbox"] + span,
div[class^="iradio"] + span {padding-left: 4px;padding-right: 28px;vertical-align: middle;cursor: pointer;font-size: 15px;font-weight: 400;color: #333;}

/* Selectric */
/*div[class$="jt_selectric"]*/
.selectric {background: #fff;border: 2px solid #ddd;text-align: left;border-radius: 5px;}
.selectric .label {height: 44px;margin: 0 44px 0 12px;font-size: 15px;font-weight: 400;line-height: 44px;color: #666;}
.selectric .button {width: 44px;height: 44px;}
.selectric .button:after {width: 12px;height: 8px;background: url(../images/icon/icon-direction-down-secondary.svg) no-repeat center center;background-size: cover;border: none;}
.selectric-items {border-top: none;}
.selectric-items ul, .selectric-items li {width: 100%;}
.selectric-items ul {margin: 0;padding: 0;text-align: left;}
.selectric-items ul li {padding: 8px 12px;font-size: 15px;color: #777;}
.selectric-items ul li:before {display: none;}
.selectric-focus .selectric { border-color: #ddd;}
.selectric-hover .selectric { border-color: #ddd;}
.selectric-open .selectric  { border-color: #ddd;}
.selectric-items { border: 1px solid #ddd;}

/* input 설명글 */
.jt_form_field_guide {padding-top: 8px;}
.jt_form_field_guide *, .jt_form_field_guide p {padding: 0;font-size: 13px;line-height: 1.87;font-style: normal;font-weight: 400;color: #666;}

/* 주소 */
.jt_form_field.jt_post_code {width: 160px;margin-right: 8px;}
.jt_addr_field {margin-top: 8px;}

/* jt_form_control */
.jt_form_control {text-align: center;}
.jt_form_control input {margin-left: 4px;}
.jt_form_control input:first-child {margin-left: 0;}

/* 약관동의 */
.jt_agree_rule {width: 100%;height: 160px;padding: 24px 24px;background: #f8f8f8;border: 1px solid #dedede;overflow: auto;}
.jt_agree_rule p {padding-bottom: 0;}
.jt_agree_check {padding: 12px 0 48px;text-align: right;}
.jt_agree_check div[class^="icheckbox"] + span {padding-right: 0;padding-left: 8px;font-size: 13px;}

/* horizontal_form */
ul.jt_horizontal_form {display: table;width: 100%;margin-top: 16px;padding: 8px 0;border-top: 2px solid #e72e35;border-bottom: 1px solid #dedede;}
ul.jt_horizontal_form > li {display: table-row;width: 100%;padding-left: 0;font-size: 0;}
ul.jt_horizontal_form > li:before {display: none;}
ul.jt_horizontal_form > li > div {display: table-cell;width: auto;padding: 8px 0;vertical-align: top;}
ul.jt_horizontal_form > li > div:first-child {width: 17%;}
ul.jt_horizontal_form > li > div .jt_label {padding-bottom: 0;}




/* **************************************** *
 * CATEGORY
 * **************************************** */
.jt_category {margin-bottom: 15px;}
.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: 500;color: #666;border: none;}
.jt_category ul li.active a,
.jt_category ul li:hover a {color: #e72e35;}
.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 {margin-top: 32px;font-size: 0;text-align: center;}
.jt_pagination + .jt_search {margin-top: 28px;}
.jt_search_category {display: inline-block;width: 110px;vertical-align: top;}
.jt_search_category .selectric .label {height: 32px;margin: 0 32px 0 10px;line-height: 32px;color: #444;}
.jt_search_category .selectric .button {width: 32px;height: 32px;}
.jt_search_category .selectric .button:after {border-top-color: #444;}
.jt_search_category .selectric-items ul li {padding: 4px 4px 4px 10px;}
.jt_search_field {display: inline-block;position: relative;vertical-align: top;}
.jt_search_input {width: 221px;height: 34px;padding: 4px 8px;color: #444;border-width: 1px 0;text-overflow: ellipsis;}
.jt_search_button {display: inline-block;width: 59px;height: 34px;padding: 0;vertical-align: middle;font-size: 14px;font-weight: 400;color: #fff;border: 1px solid #929394;background: #929394;outline: none;cursor: pointer;}




/* **************************************** *
 * PAGINATION
 * **************************************** */
.jt_pagination {display: block;width: 100%;margin-top: 40px;font-size: 0;text-align: center;}
.jt_pagination .page-numbers {display: inline-block;min-width: 29px;height: 20px;padding: 0;margin: 0px 6px;font-size: 16px;font-weight: 400;line-height: 20px;text-align: center;vertical-align: top;color: #999;background: transparent no-repeat center center;-webkit-transition: color 300ms, background 300ms;transition: color 300ms, background 300ms;}
.jt_pagination .page-numbers:first-child {margin-left: 0;}
.jt_pagination .page-numbers:last-child {margin-right: 0;}
.jt_pagination .page-numbers:hover, .jt_pagination .page-numbers.current {color: #222;}
.jt_pagination .page-numbers.first, .jt_pagination .page-numbers.last {display: none;}
.jt_pagination .page-numbers.prev, .jt_pagination .page-numbers.next {font-size: 0;}
.jt_pagination .page-numbers.prev {background-image: url(../images/icon/icon-direction-left-secondary.svg);}
.jt_pagination .page-numbers.prev:hover, .jt_pagination .page-numbers.prev.current {background-image: url(../images/icon/icon-direction-left-third.svg);}
.jt_pagination .page-numbers.next {background-image: url(../images/icon/icon-direction-right-secondary.svg);}
.jt_pagination .page-numbers.next:hover, .jt_pagination .page-numbers.next.current {background-image: url(../images/icon/icon-direction-right-third.svg);}




/* **************************************** *
 * COMMENTS
 * **************************************** */
.comments-area .comments-title {position:relative; padding: 0;font-size: 18px;line-height: 2.6;font-weight: 600;color: #e72e35; 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 #e72e35;}
.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: #e72e35;}
.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;}
.comment-form-author, .comment-form-email, .comment-form-url, .comment-notes {display:none;}
.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: #e72e35;}
.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%;}
.jt_gallery .js_popup_media {display:block; position:relative; border-bottom:none;}
.jt_gallery .js_popup_media .jt_link_overlay {display:none; display:block; width:100%; height:100%; position:absolute; top:0; left:0px; text-align:center; color:#fff;}
.jt_gallery .js_popup_media figure {position:relative;}
.jt_gallery .js_popup_media figure:after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background: #069edb; background:rgba(6, 158, 219, .8);}
.jt_gallery .js_popup_media:hover span {}

/* 2컬럼 */
.jt_isotope.isotope_col_2 .isotope_grid_sizer, .jt_isotope.isotope_col_2 .isotope_item {width: 49%;}
.jt_gallery.jt_isotope.isotope_col_2 .isotope_grid_sizer, .jt_gallery.jt_isotope.isotope_col_2 .isotope_item {width:50%; margin-bottom:0;}
.jt_gallery.jt_isotope .isotope_gutter_sizer {width:0;}

/* 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: #e72e35;}
.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: #e72e35;background: #e72e35;}
.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: #e72e35;}
.jt_accordion .category span:after {content: '';display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 2px;background: #e72e35;}
.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: #e72e35;}
.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 #555;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: 14px 0;position: relative;font-size: 15px;text-align: center;font-weight: 500;color: #333;vertical-align: middle;border-bottom: 1px solid #ddd;background: #f8f8f8;}
.jt_board_list th:before {content: '';display: block;width: 1px;height: 12px;position: absolute;top: 50%;left: 0;margin-top: -6px;background: #ddd;}
.jt_board_list th:first-child:before {display: none;}
.jt_board_list td {padding: 14px 0;font-size: 15px;font-weight: 400;text-align: center;color: #666;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;}
.jt_board_list td.title {padding: 14px 12px;text-align: left;}
.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 {color: #666;border: none;}
.jt_board_list .secret_icon {display: inline-block;width: 14px;height: 14px;margin-right: 4px;position: relative;font-size: 0;}
.jt_board_list .secret_icon:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e93f';font-size: 14px;font-style: normal;line-height: 1;text-align: center;color: #666;}
.jt_board_list .state {display: inline-block;width: 70px;height: 24px;margin: 0 20px;font-size: 13px;line-height: 24px;text-align: center;color: #fff;border-radius: 3px;}
.jt_board_list .state.state_complete {background: #e72e35;}
.jt_board_list .state.state_pending {background: #009d42;}
.jt_board_list td.category {color: #e72e35;}
.jt_board_list .num {width: 89px;}
.jt_board_list .title {width: auto;}
.jt_board_list .category {width: 119px;}
.jt_board_list .author {width: 105px;}
.jt_board_list .date {width: 136px;}
.jt_board_list .view {width: 80px;}
.jt_list_board .jt_list_item {float: left;width: 100%;padding: 32px 0;border-bottom: 1px solid #ddd;}
.jt_list_board .jt_list_item:first-child {padding-top: 0;}
.jt_list_board .jt_list_item figure {float: left;width: 300px;height: 185px;}
.jt_list_board .jt_list_item figure img {height: 100%;}
.jt_list_board .jt_list_content {float: left;width: 640px;margin-top: -6px;padding: 0 0 0 32px;}
.jt_list_board .jt_list_content .jt_list_title {padding-bottom: 8px;}
.jt_list_board .jt_list_content .jt_list_title a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jt_list_board .jt_list_desc p {height: 4em;margin: 7px 0 24px;-webkit-line-clamp: 2;}




/* **************************************** *
 * JT LIST - GLOBAL
 * **************************************** */
.jt_list {position:relative;}
.jt_list:after {content: '';display: table;clear: both;}
.jt_list_item {}
.jt_list_item figure a {display: block;width: 100%;height: 100%;border: none;}
.jt_list_item figure img {width: 100%;margin: 0;padding: 0;}
.jt_list_category{display: inline-block; position: relative; font-size: 15px;  font-weight: 400; line-height: 1.7; color: #e72e35; margin-bottom: 15px;}
.jt_list_category:after { content: ''; display: block; width: 100%; height: 1px; position: absolute;left: 0; bottom: 0;background: #e72e35;}
.jt_list_content {padding: 5% 7% 50px 7%;position: relative;}
.jt_list_content .jt_list_title {margin: 0;padding: 0 0 5px;border: none;background: none;}
.jt_list_content .jt_list_title:before, .jt_list_content .jt_list_title:after {display: none;}
.jt_list_content .jt_list_title a {display: block;font-size: 20px;line-height: 1.5;font-weight: 600;color: #333;border: none;}
.jt_list_content .jt_list_title a:hover {color: #e72e35;}
.jt_list_meta {display: block;font-size: 0;}
a.jt_list_meta {border: none;}
.jt_list_meta span {display: inline-block;padding-left: 25px;position: relative;vertical-align: top;}
.jt_list_meta span:before {content: '';display: block;width: 6px;height: 1px;position: absolute;top: 50%;left: 10px;margin-top: -0.5px;background: #e72e35;}
.jt_list_meta span:first-child {padding-left: 0;}
.jt_list_meta span:first-child:before {display: none;}
.jt_list_meta em {padding-left: 17px;position: relative;font-size: 14px;font-weight: 400;font-style: normal;color: #e72e35;}
.jt_list_meta em:before {content: '';display: block;width: 17px;height: 12px;position: absolute;top: 50%;margin-top: -6px;background: no-repeat left center;left: 0;}
.jt_list_meta span.jt_list_comment em:before {background-image: url(../images/jt-strap/icon-comment.svg);}
.jt_list_meta span.jt_list_date em:before {background-image: url(../images/jt-strap/icon-date.svg);}
.jt_list_desc {position: relative;border: none;}
.jt_list_desc p {height: 6em;padding-bottom: 0;font-size: 15px;font-weight: 400;line-height: 2;color: #777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.jt_list_btn {padding: 6px 33px;}




/* **************************************** *
 * 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_item figure {width: 100%;height: auto;}
.jt_list_grid .jt_list_item figure img {height: auto;}
.jt_list_grid .jt_list_content {border: solid #dedede;border-width: 0 1px 1px 1px;}
.jt_list_grid .jt_list_content .jt_list_title a {height: 3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.jt_list_grid .jt_list_meta {width: 80%;position: absolute;bottom: 16px;left: 10%;background: url(../images/jt-strap/icon-arrow.png) no-repeat right center;}
.jt_list_grid .jt_list_desc {position: relative;padding-bottom: 20px;border-bottom: 1px solid #dedede;}
.jt_list_grid .jt_list_meta .jt_list_comment {display: none;}
.jt_list_grid .jt_list_btn {display: none;}




/* **************************************** *
 * JT LIST - ISOTOPE TYPE
 * **************************************** */
.jt_list_isotope .jt_list_item figure {width: 100%;}
.jt_list_isotope .jt_list_item figure img {height: auto;}
.jt_list_isotope .jt_list_content {border: 1px solid #dedede;}
.jt_list_isotope .jt_list_item figure + .jt_list_content {border-top: none;}
.jt_list_isotope .jt_list_content .jt_list_title a {height: 3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.jt_list_isotope .jt_list_meta {width: 86%;position: absolute;bottom: 16px;left: 7%;background: url(../images/jt-strap/icon-arrow.png) no-repeat right center;}
.jt_list_isotope .jt_list_desc {position: relative;padding-bottom: 20px;border-bottom: 1px solid #dedede;}
.jt_list_isotope .jt_list_meta .jt_list_comment {display: none;}
.jt_list_isotope .jt_list_btn {display: none;}



/* **************************************** *
 * JT INSTAGRAM
 * **************************************** */
.jt_instagram_container {margin: 0 -24px; display: block;}
.jt_instagram_list {padding: 0;margin: 0 auto;width: 100%;box-sizing: border-box;}
.jt_instagram_list .jt_isotope {visibility: visible; padding: 12px;width: 100%;float: left;box-sizing: border-box;min-height: 600px;font-size: 0;line-height: 1;}
.jt_instagram_list .jt_isotope .isotope_item {width: 33.33%; margin-bottom: 0; display: inline-block; vertical-align: top; padding: inherit; margin: 0; box-sizing: border-box;}
.jt_isotope_list_link {display: block; position: relative; -webkit-box-shadow: 0 0px 2px 0 rgba(34, 36, 38, .15); box-shadow: 0 0px 2px 0 rgba(34, 36, 38, .15); cursor: pointer; color: #fff;}
.jt_isotope_list_link.jt_instagram {margin: 0;}
.jt_isotope_list_link:hover .jt_isotope_list_content { opacity:1;}
.jt_isotope_list_thumb {padding: 0; display: block; overflow: hidden; position: relative;}
.jt_isotope_list_thumb img {max-width: 100%; vertical-align: top;}
.jt_isotope_list_thumb.instagram {padding-top: 100%;}
.jt_isotope_list_thumb.instagram img {max-width: 100%;vertical-align: top;min-height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.jt_isotope_list_content {opacity: 0; background: rgba(10, 150, 69, .8); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height:100%; padding: 30px 34px; font-size: 12px; line-height: 1.1; overflow: hidden; transition: opacity 300ms; -webkit-transition: opacity 300ms;}
.jt_isotope_list_content .jt_isotope_list_title {color: rgba(255, 255, 255, 1); padding-top: 0; line-height: 1.86; letter-spacing: -0.025em; font-size: 16px; white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; max-height: 3.72em; text-overflow: ellipsis; text-align: left;}
.jt_isotope_list_date {font-size: 14px; padding: 0 !important; text-align: left; display: inline-block; position: relative; margin-top: 20px; color: rgba(255, 255, 255, .8); margin-left: 19px; transition:  color 300ms; -webkit-transition: color 300ms;}
.jt_isotope_list_date:before {content: '\e94f'; display: block; font-family: 'jt-font'; position: absolute; top: 1px; left: -20px;}
.jt_loadmore .jt_btn { width: 281px; margin: 0 auto; padding: 20px 0; font-family: 'Gotham', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: -0.025em; line-height: 1; text-align: center; background: #009d42; color: #fff;}
.jt_loadmore .jt_btn > span {position: relative;}
.jt_loadmore .jt_btn > span:after {content: '+'; padding-left: 9px; position: relative; top: 1px; font-size: 20px;}
.jt_loadmore .jt_btn:hover {background: #008437;}

/* popup */
.insta_popup_wrap {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; overflow-y: unset; display: block;}
body.open_insta {overflow: hidden;}
html.desktop body.open_insta,
html.desktop body.open_insta .go_top {margin-right:17px;}
html.desktop body.open_insta #header {padding-right:17px;}
body.open_insta .insta_popup_wrap {overflow:auto;}
.insta_popup_container {margin: 4% auto; position: absolute; display: inline-block; z-index: 2; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 100%;}
.insta_popup_close_btn {display: block; color: #fff; position: absolute; top: 0; right: -50px; font-size: 0; opacity: 1; -webkit-transition: -webkit-transform 1s cubic-bezier(.075,.82,.165,1); transition: -webkit-transform 1s cubic-bezier(.075,.82,.165,1); transition: transform 1s cubic-bezier(.075,.82,.165,1); transition: transform 1s cubic-bezier(.075,.82,.165,1), -webkit-transform 1s cubic-bezier(.075,.82,.165,1);}
.insta_popup_close_btn:after {content: '\e928'; font-family: 'jt-font'; display: block; font-size: 30px;}
.insta_popup_close_btn:hover {-webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
.insta_popup_content {max-width: 640px;}
.insta_popup_img_wrap {display: block; max-width: 640px; height: 100%; overflow: hidden;}
.insta_popup_img_wrap img {max-width: 100%; vertical-align: top; width: 100%; display: block; /* margin: -11.875% 0; */ height: auto;}
.insta_popup_data_wrap {display: block; padding-top: 0; font-family: 'Gotham', sans-serif; background: #fff;}
.insta_popup_data {padding: 0; color: #222;}
.insta_popup_details {width: 100%; padding: 20px 28px; line-height: 1.86; text-align: left;}
.insta_popup_details a {color: #222; font-size: 14px; font-weight: bold; cursor: pointer;}
.insta_popup_details a:hover {border-bottom: 1px solid #222;}
.insta_popup_details a.sbi_lightbox_username:hover {border-bottom:0;}
.sbi_lightbox_username {margin-bottom: 15px; color: #222; width: 100%; padding-bottom: 0; font-size: 14px; font-weight: bold; display: block; float: left;}
.sbi_lightbox_username:before {content: ''; width: 32px; height: 32px; position: absolute; display: block; border-radius: 40px; box-shadow: 0 0 1px 0 #666; -webkit-box-shadow: 0 0 1px 0 #666;}
.sbi_lightbox_username img {width: 32px; height: 32px; margin-right: 10px; border-radius:  40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border: none; background: #666; float: left;}
.sbi_lightbox_username p {float: left;margin: 0;padding: 0;line-height: 32px;font-weight: bold;}
.insta_arrow {position: absolute; top: 50%; display: block; margin: -23px 0 0 0; opacity: 0.6; width: 50px; height: 50px; background: no-repeat; background-size: 20px auto; }
.insta_arrow_left {background-image: url(../images/icon/icon-direction-left.svg); background-position: center center; left: -80px;}
.insta_arrow_right {background-image: url(../images/icon/icon-direction-right.svg); background-position: center center; right: -80px;}
.insta_arrow_left:hover , .insta_arrow_right:hover {opacity: 1;}
.insta_black_bg {width: 100%; height: 100%; background: rgba(11, 11, 11, 0.8); position: fixed; top: 0; bottom: 0; left: 0; right: 0;  z-index: -1;}



/* **************************************** *
 * JT DETAIL VIEW
 * **************************************** */
.board_view {margin-top: 47px;border-top: 2px solid #e72e35;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: #e72e35;}
.board_control {padding-top: 24px;}
.board_control:after {content: '';display: table;clear: both;}
.board_control_left {float: left;}
.board_control_right {float: right;}
.board_content .attr_name {display: none;}
.board_content .attr_value {padding: 32px 32px;}



/* **************************************** *
 * JT Alert
 * **************************************** */
.jt-alert {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.4);z-index: 99999;}
.jt-alert__container {position: relative;width: 90%;max-width: 376px;left: 50%;top: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: 4px;text-align: center;-webkit-box-shadow: 0 20px 80px rgba(0,0,0,.1);box-shadow: 0 20px 80px rgba(0,0,0,.1);}
.jt-alert__content {width: 100%;min-height: 110px;text-align: center;padding: 43px 20px 29px;}
.jt-alert__content h1 { font-size: 20px; line-height: 1.35; color: #222; font-weight: 600; margin-top: -9px; padding-bottom: 10px;}
.jt-alert__content p {vertical-align: middle;font-size: 16px;line-height: 1.7;color:#666;word-wrap: break-word;word-break: keep-all;}
.jt-alert__btn {font-size: 16px;line-height: 1.7;font-weight: 600;color: #484848; background: #f8f8f8; border: 1px solid #ddd; cursor:pointer; display:inline-block; -webkit-transition:300ms; transition:300ms;}
.jt-alert__btn:hover { background:#eee; }
.jt-alert--primary-button .jt-alert__btn.jt-alert--ok { background: var(--color-primary); border: 1px solid var(--color-primary); color: #fff; }
.jt-alert--primary-button .jt-alert__btn.jt-alert--ok:hover {background:var(--color-primary-dark); border-color: var(--color-primary-dark);}

.jt-alert--button-icon .jt-alert__btn:before {font-family:'jt-font';line-height: 1;font-size:12px;padding-right: 9px;}
/*.jt-alert--button-icon .jt-alert__btn.jt-alert--ok:before {content: '\e935';}*/
.jt-alert--button-icon .jt-alert__btn.jt-alert--cancel:before {content: '\e92e';}
.jt-alert--confirm .jt-alert__btn { background: #eee; }
.jt-alert--confirm .jt-alert__btn:hover { background: #ddd; }
.jt-alert--primary-title .jt-alert__content h1 { color:var(--color-primary); }

.jt-alert--has-icon .jt-alert__content h1 { position:relative; padding-top: 71px;}
.jt-alert--has-icon .jt-alert__content h1:before {font-family: 'jt-font';font-size: 45px;position: absolute;font-weight: normal;top: 0;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1:before {content:'\e94e';color: #aaa;}
.jt-alert--has-icon.jt-alert__type-success .jt-alert__content h1:before {content:'\e94f';color:#20bd54;}
.jt-alert--has-icon.jt-alert__type-error .jt-alert__content h1:before {content:'\e950';color:#dd4242;}

/* Classic */
.jt-alert__style-classic .jt-alert__container { background: #fff; }
.jt-alert__style-classic .jt-alert__container .jt-alert__actions { border-top: 1px solid #ddd; }
.jt-alert__style-classic .jt-alert__actions {padding: 20px 0; margin: 0 20px; text-align: center;}
.jt-alert__style-classic .jt-alert__btn { padding: 7px 29px 9px 28px; border-radius: 5px; }
.jt-alert__style-classic.jt-alert--confirm .jt-alert__btn { width: 159px; margin-right: 15px; }
.jt-alert__style-classic.jt-alert--confirm .jt-alert__btn:last-child { margin-right: 0; }
.jt-alert__style-classic.jt-alert--primary-title .jt-alert__content h1 {padding-bottom:25px;}
.jt-alert__style-classic.jt-alert--primary-title .jt-alert__content p { color:#444; }
.jt-alert__style-classic.jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1 { padding-top: 76px;}

/* Basic */
.jt-alert__style-basic .jt-alert__container {overflow:hidden;}
.jt-alert__style-basic .jt-alert__container .jt-alert__actions { border-top: 0; }
.jt-alert__style-basic .jt-alert__content {background: #fff;min-height: 146px; padding: 59px 20px 29px;}
.jt-alert__style-basic .jt-alert__content h1 {margin-top: -19px;}
.jt-alert__style-basic .jt-alert__actions {background: #fff; border-top: 1px solid #ddd;}
.jt-alert__style-basic .jt-alert__btn {padding:13px 0 14px;width: 100%;height:100%;border-radius: 0;background: #f8f8f8;border: 1px solid #ddd;color:#666;}
.jt-alert__style-basic .jt-alert__btn:focus {outline:none;}
.jt-alert__style-basic .jt-alert__btn:hover { background: #009d42; }
.jt-alert__style-basic.jt-alert--primary-button .jt-alert__content {background: #f8f8f8;}
.jt-alert__style-basic.jt-alert--primary-button .jt-alert__btn {color: #fff;background:#ccc; border: 0; }
.jt-alert__style-basic.jt-alert--primary-button .jt-alert__btn:hover {  color:#fff; background: #009d42; }
.jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__content {background: #fff;}
.jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn {border-top: 0;}
.jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn.jt-alert--ok {;color:#fff;background: var(--color-primary);}
.jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn.jt_alert_ok:hover { background: var(--color-primary-dark); }
.jt-alert__style-basic.jt-alert--confirm .jt-alert__actions { background: none; }
.jt-alert__style-basic.jt-alert--confirm .jt-alert__btn {width: 50%;color: #484848;background: #eee;}
.jt-alert__style-basic.jt-alert--confirm .jt-alert__btn:hover { color:#484848; background: #ddd;}
.jt-alert__style-basic.jt-alert--confirm .jt-alert__btn.jt-alert--cancel { border-top: 1px solid #ddd; padding-top:12px; }
.jt-alert__style-basic.jt-alert--button-icon.jt-alert--confirm .jt-alert__content {background: #fff;}
.jt-alert__style-basic.jt-alert--primary-title .jt-alert__content { padding: 38px 20px 35px; }
.jt-alert__style-basic.jt-alert--primary-title .jt-alert__content h1 {padding-bottom: 18px;margin-bottom: 33px;border-bottom: 1px solid #ddd;}
.jt-alert__style-basic.jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1 { padding-top: 71px;}
.jt-alert__style-basic.jt-alert--has-icon .jt-alert__content {padding: 32px 20px 34px;}
.jt-alert__style-basic.jt-alert--has-icon .jt-alert__content h1 { margin-top:0; }

/* A11Y */
.sr_only {position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px); font-size:1px}



/* **************************************** *
 * MEDIA
 * **************************************** */
@media (max-width: 1280px) {
    /* Board list */
    .jt_board_list .num {width: 75px;}
    .jt_board_list .category {width: 95px;}
    .jt_board_list .author {width: 90px;}
    .jt_board_list .date {width: 115px;}

    .jt_board_list .state {margin: 0 10px;}

    /* JT LIST - BOARD TYPE */
    .jt_list_board .jt_list_item figure {width: 32%;}
    .jt_list_board .jt_list_content {width: 68%;padding: 0 0 0 3.5%;}

	/* JT INSTAGRAM */
	.insta_popup_wrap .wrap {margin: 0;}
}

@media(max-width: 1023px){
	/* JT INSTAGRAM */
	.jt_isotope_list_content .jt_isotope_list_title {font-size: 14px;}
	.jt_isotope_list_date {font-size: 12px;}
	.insta_popup_container {width: 50%; position: fixed; top: 50%; transform: translate(-50%, -50%);}
	.insta_popup_data_wrap {width: 100%; height: auto; max-height: 180px; overflow: visible; overflow-x: visible; overflow-y: scroll;}
	.insta_popup_details {padding: 12px 15px;}
}

@media (max-width: 768px) {
    /* JT LIST - GRID TYPE */
    .jt_list_grid .jt_list_content {padding: 18px 23px 45px 23px;}
    .jt_list_grid .jt_list_meta {bottom: 13px;}

    /* COMMENTS */
    .comments-area .comments-title:before {top:15px;}

    /* Icon-style */
    .jt_btn_icon {font-size:14px;}
}

@media (max-width: 767px) {
    /* Category */
    .jt_category ul {text-align: center;}

     /* JT FAQ LIST */
    .jt_accordion thead, .jt_accordion .state {display: none;}

    .jt_accordion {border-top: 2px solid #555;}
    .jt_accordion .category {width: 70px;text-align: center;}
    .jt_accordion .control {width: 40px;}
    .jt_accordion tr.jt_accordion_title td.control {vertical-align: top;}
    .jt_accordion td.control i {margin-top: 3px;border: none;}
    .jt_accordion tr.jt_accordion_title td.title {padding: 12px 8px;}
    .jt_accordion tr.jt_accordion_content td.title {padding: 0 20px;}
    .jt_accordion_content_inner {padding: 10px 0;}

    /* Board list */
    .jt_board_list thead, .jt_board_list .num {display: none;}

    .jt_board_list,
    .jt_board_list tbody,
    .jt_board_list tr,
    .jt_board_list td {display: block;width: 100%;}
    .jt_board_list tr {position: relative;}

    .jt_board_list .category,
    .jt_board_list .author,
    .jt_board_list .date {width: auto;padding: 0;position: absolute;bottom: 10px;border: none;}
    .jt_board_list .category {width: 60px;bottom: inherit;top: 12px;right: 12px;}
    .jt_board_list .author {left: 100px;}
    .jt_board_list .date {left: 12px;}

    .jt_board_list td.title {width: 100%;padding: 12px 12px 36px 12px;}
    .jt_board_list .title_wrap {width: -webkit-calc(100% - 70px);width: calc(100% - 70px);}
    .jt_board_list .state {margin-left: 0;}

    /* Board Detail */
    .board_view { margin-top: 23px; border-left: 0; }
    .board_attr:nth-child(n) { width: 100%; }
    .attr_name { font-weight: 400; width: 67px; padding: 8px 0; color: #444; border-right: 0; background: none; }
    .attr_name:after { position: absolute; top: 16px; right: 0; display: block; width: 1px; height: 10px; content: ''; background: #ddd; }
    .attr_value { padding: 8px 20px 8px 80px; border-right: 0; }
    .board_content .attr_name,
    .board_title .attr_name { display: none; }
    .board_content .attr_value,
    .board_title .attr_value { padding: 16px 0; }
    .board_file .attr_value {min-height:43px;}

    /* JT LIST */
    .jt_list_content .jt_list_title a {font-size: 18px;}

    /* JT LIST - BOARD TYPE */
    .jt_list_board .jt_list_item {padding: 4% 0;}
    .jt_list_board .jt_list_desc p {margin-bottom: 0;}
    .jt_list_board .jt_list_btn {display: none;}

    .jt_list_board .jt_list_item figure {height: auto;padding-top: 21%;position: relative;}
    .jt_list_board .jt_list_item figure a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

    /* JT LIST - GRID TYPE */
    .jt_list_grid .jt_list_item {width: 49%;}
    .jt_list_grid .jt_list_item:nth-child(3n) {margin-right: 2%;}
    .jt_list_grid .jt_list_item:nth-child(even) {margin-right: 0;}
    .jt_list_grid .jt_list_content, .jt_list_grid .jt_list_item figure {max-width: 300px;margin: 0 auto;}

	/* JT INSTAGRAM */
	.jt_instagram_list .jt_isotope .isotope_item {width: 50%; padding: 4px;}
	.jt_isotope_list_content { display:none;}
	.insta_popup_container {width: 80%;}
	.insta_popup_close_btn {top: -35px; right: 0;}
	.insta_popup_close_btn:after {font-size: 24px;}
	.insta_popup_details {font-size: 13px;}
	.insta_arrow {width: 35px; height: 35px; background-size: 18px auto;}
	.insta_arrow_left {left: -35px;}
	.insta_arrow_right {right: -35px;}

    /* COMMENTS */
    .comments-area .comments-title {font-size:15px; padding-left:22px;}
    .comments-area .comments-title:before {width:22px; height:22px; top:10px; font-size:22px;}

    .comment-list ol.children .comment-inner {padding-left:40px;}
    .comment-list ol.children .comment-avatar {left:40px;}
    .comment-list ol.children ol.children .comment-inner {padding-left:60px;}
    .comment-list ol.children ol.children .comment-avatar {left:60px;}
    .comment-list ol.children ol.children ol.children .comment-inner {padding-left:80px;}
    .comment-list ol.children ol.children ol.children .comment-avatar {left:80px;}
    .comment-list ol.children ol.children ol.children ol.children .comment-inner {padding-left:100px;}
    .comment-list ol.children ol.children ol.children ol.children .comment-avatar {left:100px;}
    ol.children .comment-content:before {top:12px; left:-22px;}
    .comment-avatar {width:38px; height:38px; top:0;}
    .comment-inner.social-user .comment-avatar {height:58px;}
    .comment-head .author-name {font-size:14px; line-height:18px; vertical-align:top; display:block;}
    .comment-head .comment-date {font-size:12px; line-height:18px; vertical-align:top; display:block;}
    .comment-body p {font-size:14px; line-height:1.6;}
    .comment-list > li {padding-top:18px;}
    .comment-list ol.children > li {padding-top:16px;}
    .comment-content {padding-left:50px; padding-bottom:15px;}
    .comment-inner.social-user {padding-bottom:15px;}
}

@media (max-width: 640px) {
	/* JT INSTAGRAM */
	.insta_arrow {display: none;}
}

@media (max-width: 540px) {
     /* Search */
    .jt_search {width: 100%;max-width: 390px;margin: 0 auto;}
    .jt_search_category {width: 28%;}
    .jt_search_field {width: 72%;}
    .jt_search_input {width: -webkit-calc(100% - 59px);width: calc(100% - 59px);}

    /* JT LIST */
    .jt_list_content .jt_list_title a {font-size: 16px;}
    .jt_list_meta em {font-size: 13px;}
    .jt_list_desc p {font-size: 14px;}

    /* JT LIST - BOARD TYPE */
    .jt_list_board .jt_list_item figure {width: 110px;height: 80px;padding-top: 0;}
    .jt_list_board .jt_list_item figure a {position: static;}
    .jt_list_board .jt_list_content {width: -webkit-calc(100% - 110px);width: calc(100% - 110px);}
    .jt_list_board .jt_list_content .jt_list_title {padding-bottom: 4px;}
    .jt_list_board .jt_list_desc p {margin-top: 4px;}

    /* JT LIST - GRID TYPE */
    .jt_list_grid .jt_list_content {padding: 16px 7% 40px 7%;}
    .jt_list_grid .jt_list_desc {padding-bottom: 8px;}
    .jt_list_grid .jt_list_meta {bottom: 12px;}
    .jt_list_desc p {height: 4em;-webkit-line-clamp: 2;}

	/* JT INSTAGRAM */
	.insta_popup_details {font-size: 12px;}
	.jt_loadmore .jt_btn {font-size: 14px;}
	.jt_loadmore .jt_btn > span:after {font-size: 14px;}
	.jt_instagram_container {margin:0 -12px;}
	/*.jt_instagram_list .jt_isotope .isotope_item:nth-child(odd) {padding-left:0;}*/
	/*.jt_instagram_list .jt_isotope .isotope_item:nth-child(even) {padding-right:0;}*/

    /* COMMENTS */
    .comment-form .form-submit {width:100%; position:relative; bottom:inherit; right:inherit; margin-top:5px;}
    .form-submit input {width:100%; height:40px; border-radius:0;}
    p.comment-form-comment {height:110px; padding-right:inherit;}
}

@media (max-width: 480px) {
    /* COMMENTS */
    .comment-inner.social-user {padding-bottom:0;}
    .comment-head .comment-date {position:relative; font-size:11px; margin-bottom:5px;}
}

@media (max-width: 420px) {
    /* JT LIST - GRID TYPE */
    .jt_list_grid .jt_list_content {padding: 10px 7% 30px 7%;}
    .jt_list_grid .jt_list_desc {padding-bottom: 5px;}
    .jt_list_grid .jt_list_meta {bottom: 6px;}
}