@charset "utf-8";


html,
body {
    /*height: 100%;*/
}

body {
    overflow-x: hidden;
    font-size: 16px;
    font-family: "思源黑体"!important;
}

a {
    font-size: 16px;
    color: #212121;
    text-decoration: none;
}


/* INPUT */

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
textarea {
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-family: sans-serif;
}

input[type=submit],
input[type=button],
button {
    font-family: 'NotoSansKR', sans-serif;
}

input[type=radio] {
    border-radius: 100%;
}


/* PLACEHOLDER */

::-webkit-input-placeholder {
    font-family: 'NotoSansKR', sans-serif;
    font-size: 16px;
    color: #666;
}

::-moz-placeholder {
    font-family: 'NotoSansKR', sans-serif;
    font-size: 16px;
    color: #666;
}

:-ms-input-placeholder {
    font-family: 'NotoSansKR', sans-serif;
    font-size: 16px;
    color: #666;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent;
}


/* LIST FLOAT CLEAR */

ol:after,
ul:after {
    content: '';
    clear: both;
    display: table;
}


/* WRAP */

.full_wrap {
    width: 100%;
    padding-left: 90px;
    padding-right: 90px;
}

.wrap {
    max-width: 1200px;
    margin: 0 auto;
}


/* **************************************** *
 * HEADER
 * **************************************** */

/* #header {
    z-index: 500;
    width: 100%;
    height: 90px;
    position: fixed;
    top: 20px;
    left: 0;
    -webkit-transition: height 300ms, top 290ms, box-shadow 400ms;
    transition: height 300ms, top 290ms, box-shadow 400ms;
} */

.header_wrap {
    /*height: 100%;
    margin: 0 auto;
   !* padding-left: 90px;
    padding-right: 90px;*!
    position:relative;*/
}

.header_wrap:before {
    content: '';
    display: block;
    position: absolute;
    left: 90px;
    right: 90px;
    bottom: 0;
    top: 0;
    background: #fff;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.header_inner {
    /*width: 100%;
    height: 10%;
    position: fixed;*/
    background: #fff;
    z-index: 99;

}
/* LOGO */

#logo {
    width: 150px;
    position: absolute;
   /* left: 50px;*/
    /*top: 9px;*/
    top: 15%;
    z-index: 551;
    -webkit-transition: top 300ms;
    transition: top 300ms;
}
@media (max-width: 1024px) {
    #logo {
        width: 180px;
        position: absolute;
        /* left: 50px; */
        /* top: 9px; */
        top: 15%;
        z-index: 551;
        -webkit-transition: top 300ms;
        transition: top 300ms;
    }
}
@media (max-width: 414px) {
    #logo {
        width: 145px;
        position: absolute;
        left: 20px;
        /* top: 9px; */
        top: 15%;
        z-index: 551;
        -webkit-transition: top 300ms;
        transition: top 300ms;
    }
}
#logo a {
    display: block;
    width: 71%;
}

#logo a svg,
#logo a img {
    display: block;
    width: 100%;
}

#logo a img.logo_1{
    display: none;
}


/* MENU */

.menu_container {
    display: block;
    width: 100%;
    position: relative;
    font-size: 0;
    line-height: 1;
    text-align: center;
    z-index: 550;
}

.menu_container_bg {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(33, 33, 33, .95) url(../images/menu-typo.png) no-repeat 95.8% bottom;
    opacity: 0;
}

#menu {
    display: inline-block;
    vertical-align: top;
}

#menu:after {
    content: '';
    display: table;
    clear: both;
}

#menu a {
    display: block;
    line-height: 1.7;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


/* 1depth */

#menu>li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#menu>li>a {
    padding: 30px 34px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

#menu>li:hover>a,
#menu>li.current-page-ancestor>a {
    color: #22478e;
}


/* 2depth */

#menu>li>ul {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    border-right: 1px solid rgba(237, 239, 241, .05);
}

#menu>li:last-child ul {
    border-right: 0;
}

#menu>li>ul>li {
    display: block;
}

#menu>li>ul>li>a {
    padding: 6.5px 15px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    color: #888;
}

#menu>li>ul>li:first-child>a {
    padding-top: 24.5px;
}

#menu>li>ul>li:last-child>a {
    padding-bottom: 36.5px;
}

#menu>li>ul>li:hover>a,
#menu>li>ul>li.current-menu-item>a,
#menu>li>ul>li.current-page-ancestor>a {
    color: #fff;
}


/* lang */

.lang_container {
    display: block;
    position: absolute;
    top: 33.5px;
    right: 60px;
    z-index: 551;
    -webkit-transition: top 300ms;
    transition: top 300ms;
}

.lang_menu {
    display: block;
}

.lang_menu li {
    float: left;
}

.lang_menu li a {
    display: block;
    padding: 0 10.5px;
    position: relative;
    font-size: 12px;
    font-weight: 600;
    color: #222;
}

.lang_menu li a:after {
    content: '';
    display: block;
    width: 1px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    background: #c7c7c7;
}

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

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

.lang_menu li:last-child a:after {
    display: none;
}

.lang_menu li.active a {
    color: #22478e;
}


/* search */

.search_container {
    position: absolute;
    top: 38px;
    right: 50px;
    z-index: 551;
    -webkit-transition: top 300ms;
    transition: top 300ms;
}

.search_btn {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    font-size: 0;
}

.search_btn:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'jt-font';
    content: '\e932';
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    text-align: center;
    color: #000;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}

.search_btn:hover:after {
    color: #22478e;
}


/* mobile */

#small_menu_btn{
    display: block;
    z-index: 990;
}
#small_menu_container {
    z-index: 999;
}


/* minimize */

.minimize#header {
    height: 75px;
    top: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}

.minimize .header_wrap:before {
    left: 0;
    right: 0;
}

.minimize #logo {
    top: 5px;
}

.minimize #menu>li>a {
    padding: 22.5px 32.5px;
}

.minimize .menu_container_bg {
    top: 75px;
}

.minimize .lang_container {
    top: 28px;
}

.minimize .search_container {
    top: 27.5px;
}


/* single active */

.single-notice #menu>li.menu-item-promote>a,
.single-career #menu>li.menu-item-career>a,
.single-inquiry #menu>li.menu-item-career>a {
    color: #1c9ad6;
}

.single-notice #menu>li>ul>li.menu-item-news>a,
.single-career #menu>li>ul>li.menu-item-employment>a,
.single-inquiry #menu>li>ul>li.menu-item-career-inquiry>a {
    color: #fff;
}


/* 다국어 예외처리 */


/* scroll hide menu error debugging */

body.search_open #header,
body.open_menu #header {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}


/* **************************************** *
 * FOOTER
 * **************************************** */

#footer {
    width: 100%;
    padding: 58px 0 110px;
    position: relative;
    background: #333;
}

.footer_inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.footer_small_br {
    display: none;
}

.footer_menu_nav {
    padding-bottom: 26px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.footer_menu li {
    float: left;
}

.footer_menu li a {
    display: block;
    margin-right: 35px;
    font-size: 15px;
    color: #dcdcdc;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}

.footer_menu li:last-child a {
    margin-right: 0;
}

.footer_menu li.privacy a {
    color: #fefefe;
}

.footer_menu li a:hover {
    color: #fff;
}

.footer_menu li.privacy a:hover {
    color: #bbb;
}

.footer_info {
    position: relative;
}

.footer_info p {
    padding-bottom: 9px;
    font-size: 0;
    line-height: 1;
}

.footer_info p span,
.footer_info p span a {
    font-size: 13px;
    color: #a0a0a0;
}

.footer_info p span {
    display: inline-block;
    padding-right: 12px;
    position: relative;
    vertical-align: middle;
    line-height: 1.6;
}

.footer_info p span:last-child {
    padding-right: 0;
}

.footer_info p span a {
    -webkit-transition: color 300ms;
    transition: color 300ms;
}

.footer_info p span a:hover {
    color: #aaa;
}

.footer_info p.copyright {
    padding-top: 20px;
    padding-bottom: 0;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.015em;
}

.family_link {
    position: absolute;
    top: 4px;
    right: 0;
}

.family_link a {
    display: inline-block;
    margin-bottom: 20px;
}

.family_link a p{
    text-align: center;
    font-size: 13px;
    color: #a0a0a0;
    margin-top: 10px;
}

.family_link a:last-child {
    margin-bottom: 0;
}

.family_link figure {
    font-size: 0;
    line-height: 1;
}

.family_link img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.family_link img.family_link_pic {
    width: auto;
    height: 98px;
}

.family_link img.family_link_txt {
    width: auto;
    height: 12px;
}

.family_link a.family_link_kcna .family_link_txt {
    margin-left: 25px;
}

.family_link a.family_link_enf {
    margin-left: -2px;
}

.family_link a.family_link_enf .family_link_txt {
    margin-left: 30px;
}


/* **************************************** *
 * SCROLL TOP
 * **************************************** */

.go_top {
    display: block;
    width: 59px;
    height: 59px;
    position: absolute;
    top: -22px;
    right: 90px;
    cursor: pointer;
    background: #222;
    -webkit-transition: opacity 0.3s, background 0.3s;
    transition: opacity 0.3s, background 0.3s;
    z-index: 999;
}

.go_top span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 0;
}

.go_top span:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'jt-font';
    content: '\e900';
    font-size: 14px;
    line-height: 59px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}

.go_top:hover {
    background: #22478e;
}

.go_top.js_go_top_fix {
    position: fixed;
    top: inherit;
    bottom: 15px;
}

.go_top.js_go_top_hide {
    opacity: 0;
    z-index: -1;
}


/* **************************************** *
 * SCROLL DOWN
 * **************************************** */

.scroll_down {
    display: none;
    width: 76px;
    height: 76px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -38px;
    z-index: 120;
    -webkit-transition: background 300ms;
    transition: background 300ms;
}

.scroll_down>svg {
    width: 76px;
    height: 76px;
    position: absolute;
    top: 0;
    left: 0;
}

.scroll_down>span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 0;
}

.scroll_down>span:after {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    content: '\e901';
    font-family: 'jt-font';
    font-size: 20px;
    text-align: center;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.scroll_down:hover {
    background: #ffffff;
    background: rgba(255, 255, 255, .15);
}


/* **************************************** *
 * CONTAINER
 * **************************************** */

.main_container {
    padding-bottom: 180px;
    overflow-x: hidden;
}


/* **************************************** *
 * PAGE
 * **************************************** */


/* PAGE HEADER */

.article_header {
    width: 100%;
    height: -webkit-calc(100vh + 206px);
    height: calc(100vh + 206px);
    position: relative;
    text-align: center;
}

.article_header_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: no-repeat center center;
    background-size: cover;
    background-image: url(../images/about-us-visual.jpg);
}

.article_header_bg canvas {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 0;
}

.article_header_inner {
    height: -webkit-calc(100vh - 159px);
    height: calc(100vh - 159px);
    position: relative;
}

.article_header_table {
    display: table;
    width: 100%;
    height: 100%;
}

.article_header_cell {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.article_title {
    padding: 10px 0 10px;
    position: relative;
    font-size: 25px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
}

/* .article_title:after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
} */

.article_h3:after{
    content: none;
}

.article_h3{
    font-size: 40px;
    margin-bottom: 17px;
}

.article_h3 span{
    font-family: 'BEBAS';
    font-size: 19px;
}

.article_sub_title {
    margin-left: 0.2em;
    font-size: 30px;
    font-weight: 200;
    letter-spacing: 0.2em;
    color: #fff;
}

.article_desc {
    font-size: 16px;
    line-height: 1.875;
    color: #fff;
    font-family: 'BEBAS';
}

.article_title.secondary {
    padding-top: 0;
}

.article_sub_title.secondary {
    display: block;
    padding-bottom: 7px;
    margin-left: 0;
    position: relative;
    font-size: 80px;
    letter-spacing: 0;
}

.article_sub_title.secondary:after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.article_basic_header {
    padding: 195px 0 75px;
}

.article_basic_header h1 {
    margin-left: 0.2em;
    font-size: 51px;
    font-weight: 200;
    line-height: 1.25;
    letter-spacing: 0.2em;
    text-align: center;
    color: #222;
}


/* PAGE NAV */

.article_nav {
    width: 100%;
    height: 47px;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}

.article_nav_btn {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    color: #fff;
}

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

.article_nav_pic {
    width: 47px;
    height: 100%;
    position: relative;
    font-size: 0;
    border: 2px solid #ffffff;
    border: 2px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .5s, -webkit-transform .5s;
    transition: border-color .5s, -webkit-transform .5s;
    transition: border-color .5s, transform .5s;
    transition: border-color .5s, transform .5s, -webkit-transform .5s;
}

.article_nav_pic:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: no-repeat center center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.article_nav_pic:before {
    content: '';
    display: block;
    width: 46px;
    height: 1px;
    position: absolute;
    top: 50%;
    margin-top: -0.5px;
    background: #fff;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.article_nav_btn:hover .article_nav_pic {
    -webkit-transform: scale(0.9) rotate(0.05deg);
    -ms-transform: scale(0.9) rotate(0.05deg);
    transform: scale(0.9) rotate(0.05deg);
}

.article_nav_btn .article_nav_pic {
    -webkit-transform: rotate(0.05deg);
    -ms-transform: rotate(0.05deg);
    transform: rotate(0.05deg);
}

.article_nav_title {
    width: 120px;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.165, .84, .44, 1);
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
}

.article_nav_table {
    display: table;
    width: 100%;
    height: 100%;
}

.article_nav_cell {
    display: table-cell;
    vertical-align: middle;
}

.article_nav_title p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #fff;
}

.article_nav_title p span {
    display: inline-block;
    padding: 0 2px;
}

.article_nav_pre {
    left: 0;
}

.article_nav_pre .article_nav_pic,
.article_nav_pre .article_nav_title {
    float: left;
}

.article_nav_pre .article_nav_pic:after {
    background-image: url(../images/icon-arrow-left.svg);
}

.article_nav_pre .article_nav_pic:before {
    left: 20px;
}

.article_nav_pre .article_nav_title {
    margin-left: 15px;
    text-align: left;
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px);
}

.article_nav_next {
    right: 0;
}

.article_nav_next .article_nav_pic,
.article_nav_next .article_nav_title {
    float: right;
}

.article_nav_next .article_nav_pic:after {
    background-image: url(../images/icon-arrow-right.svg);
}

.article_nav_next .article_nav_pic:before {
    right: 20px;
}

.article_nav_next .article_nav_title {
    margin-right: 15px;
    text-align: right;
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px);
}

.article_nav_btn:hover .article_nav_pic {
    border-color: #fff;
}

.article_nav_btn:hover .article_nav_pic:before {
    width: 0px;
    -webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

.article_nav_btn:hover .article_nav_title {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}


/* BREADCRUMB */

.article_breadcrumbs {
    height: 159px;
    margin-top: -365px;
    position: relative;
}

.article_breadcrumbs_inner {
    background: #fff;
}

.breadcrumb {
    padding: 77px 0 60px;
}

.breadcrumb li {
    float: left;
    position: relative;
}

.breadcrumb li a,
.breadcrumb li span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #666;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}

.breadcrumb li a:hover {
    color: #22478e;
}

.breadcrumb li.separator {
    padding: 0 5px;
}

.breadcrumb li.separator span {
    font-size: 0;
}

.breadcrumb li.separator span:after {
    display: block;
    font-family: 'jt-font';
    content: '\e93b';
    font-size: 10px;
    font-weight: normal;
    line-height: 22px;
    color: #aaa;
}

.breadcrumb li.home {
    margin-right: 10px;
}

.breadcrumb li.home a {
    font-size: 0;
}

.breadcrumb li.home a:after {
    display: block;
    font-family: 'jt-font';
    content: '\e92c';
    font-size: 16px;
    font-weight: normal;
    line-height: 21px;
    color: #212121;
}

.breadcrumb li.home+li.separator {
    display: none;
}


/* PAGE BODY */

.article_body {
    position: relative;
}


/* **************************************** *
 * SINGLE
 * **************************************** */

.single_view_container {
    padding-top: 19px;
}

.single_view_header {
    display: table;
    width: 100%;
    padding-bottom: 34px;
}

.jt_single_title {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.jt_single_title h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.35;
    color: #222;
}

.jt_single_notice {
    display: table-cell;
    width: auto;
    vertical-align: top;
}

.jt_single_notice .jt_single_notice_mark {
    display: block;
    width: 63px;
    height: 29px;
    margin-top: 7px;
    margin-right: 18px;
    font-size: 15px;
    line-height: 29px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.025em;
    color: #1c9ad6;
    border: 1px solid #1c9ad6;
}

.jt_single_state {
    display: table-cell;
    width: auto;
    vertical-align: top;
}

.jt_single_state .jt_single_state_mark {
    display: block;
    width: 82px;
    height: 29px;
    margin-top: 7px;
    margin-right: 18px;
    font-size: 15px;
    line-height: 29px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.025em;
    color: #aaa;
    border: 1px solid #ddd;
}

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

.jt_single_secret {
    display: inline-block;
    position: relative;
    font-size: 0;
}

.jt_single_secret:after {
    content: '';
    display: block;
    font-family: 'jt-font';
    content: '\e94a';
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    color: #1c9ad6;
}

.single_view_body {
    padding-bottom: 80px;
}

.single_view_info {
    width: 100%;
    min-height: 67px;
    margin-bottom: 40px;
    padding: 0 21px;
    font-size: 0;
    text-align: right;
    border-top: 1px solid #5c5c5c;
    border-bottom: 1px solid #eee;
}

.single_view_info>*:first-child {
    padding-left: 0;
}

.single_view_info>*:last-child {
    padding-right: 0;
}

.single_view_info>*:after {
    content: '';
    display: block;
    width: 1px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6.5px;
    background: #d4d4d4;
}

.single_view_info>*:last-child:after {
    display: none;
}

.single_view_info span,
.single_view_info time {
    display: inline-block;
    padding: 0 19px;
    position: relative;
    vertical-align: top;
    font-size: 15px;
    line-height: 65px;
    color: #888;
}

.single_view_info b {
    display: inline-block;
    padding-right: 7px;
    font-weight: 400;
    color: #000;
}

.single_view_info span.author {
    font-weight: 600;
    color: #444;
}

.single_view_content a {
    word-break: break-all;
}

.single_view_wrap,
.single_view_content h1,
.single_view_content h2,
.single_view_content h3,
.single_view_content h4,
.single_view_content h5,
.single_view_content h6,
.single_view_content p,
.single_view_content ul,
.single_view_content ol,
.single_view_content blockquote,
.single_view_content hr {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.single_view_content img,
.single_view_content div.wp-caption {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.single_view_content h1,
.single_view_content h2,
.single_view_content h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    color: #222;
}

.single_view_content p {
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.07;
    color: #666;
}

.single_view_content a {
    font-weight: 600;
    color: #666;
    border-bottom: 1px solid #666;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.single_view_content a:hover {
    color: #1c9ad6;
}

.single_view_content ul,
.single_view_content ol {
    margin-bottom: 32px;
}

.single_view_content li {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.07;
    color: #666;
}

.single_view_content ul li {
    padding-left: 13px;
}

.single_view_content ul li:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 14px;
    left: 0;
    background: #222;
    border-radius: 50%;
}

.single_view_content blockquote {
    margin-bottom: 32px;
    padding-left: 20px;
    border-left: 4px solid #222;
}

.single_view_content blockquote p {
    margin: 0;
    font-style: italic;
}

.single_view_content img {
    margin-top: 65px;
    margin-bottom: 65px;
}

.single_view_content>img:first-child {
    margin-top: 0;
}

.single_view_content div.wp-caption {
    margin-top: 65px;
    margin-bottom: 65px;
}

.single_view_content div.wp-caption img {
    margin-top: 0;
    margin-bottom: 0;
}

.single_view_content div.wp-caption p.wp-caption-text {
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #666;
}

.single_view_content hr {
    margin-top: 0;
    margin-bottom: 32px;
    border: none;
    border-bottom: 2px solid #ddd;
}

.download_files_list {
    margin-top: 80px;
    padding-left: 20px;
    border-left: 3px solid #1c9ad6;
}

.download_files_list b {
    display: block;
    padding-left: 25px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.6;
    color: #222;
}

.download_files_list b:before {
    display: block;
    width: 18px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8.5px;
    font-family: 'jt-font';
    content: '\e92f';
    font-size: 16px;
    line-height: 1;
    font-weight: normal;
    text-align: center;
    color: #222;
}

.download_files_list a {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #666;
    border-bottom: 1px solid transparent;
    -webkit-transition: border 300ms;
    transition: border 300ms;
}

.download_files_list a:hover {
    border-bottom-color: #1c9ad6;
}

.download_files_list i.comma {
    display: inline-block;
    vertical-align: middle;
    padding-right: 8px;
    font-style: normal;
    line-height: 1.6;
}

.single_btn_wrap {
    max-width: 800px;
    margin: 0 auto 45px;
}

.jt_video_wrap {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.jt_video_container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.jt_video_container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jt_video_poster {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jt_video_poster .jt_video_poster_img {
    display: block;
    width: 100%;
    margin: 0;
}

.jt_video_poster_overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    background: rgba(0, 0, 0, .8);
}

.jt_video_poster_overlay_btn {
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    border: 1px solid #fff;
    border-radius: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 250ms;
    transition: background 250ms;
}

.jt_video_poster_overlay_btn:after {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 2%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'jt-font';
    content: '\e91a';
    font-size: 14px;
    line-height: 70px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #fff;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}

.jt_video_poster:hover .jt_video_poster_overlay_btn {
    background-color: #fff;
}

.jt_video_poster:hover .jt_video_poster_overlay_btn:after {
    color: #1c9ad6;
}

.jt_embed_video_container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.jt_embed_video_container_inner {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.jt_embed_video_container iframe[src*="youtube"],
.jt_embed_video_container iframe[src*="vimeo"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jt_empty_space {
    display: block;
    height: 50px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}


/* COMMENTS */

.single_comments {
    padding: 0 21px;
}

.single_comments .comment-list {
    padding: 37px 41px 63px;
    background: #f8f8f8;
    border-top: 1px solid #e9e9e9;
    margin-top: 120px;
}

.single_comments .comment-list>li {
    display: block;
    width: 100%;
}

.single_comments .comment-head {
    padding-bottom: 22px;
    font-size: 0;
    line-height: 1;
}

.single_comments .comment-head>* {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.single_comments .author-name {
    padding-right: 30px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #666;
}

.single_comments .author-name:after {
    content: '';
    display: block;
    vertical-align: middle;
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
    background: #bbb;
}

.single_comments .comment-date {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #888;
}

.single_comments .comment-body {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #777;
}

.admin_comment_inner {
    padding-top: 30px;
}

.admin_comment_typo {
    padding-bottom: 15px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
    color: #222;
}

.admin_comment_submit .jt_form_control {
    padding-top: 20px;
}


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


/* popup */


/*body.search_open {overflow: hidden;}*/

.search_open #logo {
    z-index: 10000;
}

#search_popup {
    display: none;
    width: 100%;
    padding-left: 90px;
    padding-right: 90px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    z-index: 9999;
}

.search_popup_inner {
    width: 100%;
    height: 100%;
    padding: 0 125px 0 250px;
    position: relative;
}

.search_form {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 59px 0 49px 0;
    position: relative;
    -webkit-transition: padding 300ms;
    transition: padding 300ms;
}

.search_label {
    display: block;
    padding-bottom: 18px;
    font-size: 16px;
    color: #666;
    -webkit-transition: padding 300ms;
    transition: padding 300ms;
}

.search_form_input {
    width: 100%;
    height: 80px;
    position: relative;
}

.search_form_input:after {
    content: '';
    display: block;
    width: 0px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #222;
    -webkit-transition: width 400ms ease;
    transition: width 400ms ease;
}

.search_field {
    font-size: 34px;
    font-weight: lighter;
    line-height: 1;
    color: #222;
}

.search_form input.search_field {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 50px 0 0;
    position: relative;
    border: none;
    background: transparent;
    outline: none;
    border-bottom: 4px solid #ddd;
}

.search_field::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.search_submit {
    height: 100%;
    width: 32px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}

.search_submit:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'jt-font';
    content: '\e932';
    font-size: 33px;
    line-height: 80px;
    font-weight: normal;
    text-align: center;
    color: #ddd;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
}

.search_form.active .search_form_input:after {
    width: 100%;
}

.search_form.active .search_submit:after {
    color: #222;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.search_popup_close {
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 45px;
    right: 35px;
    font-size: 0;
    opacity: 1;
    -webkit-transition: top 300ms;
    transition: top 300ms;
}

.search_popup_close span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.search_popup_close span:after {
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'jt-font';
    content: '\e944';
    font-size: 32px;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    color: #222;
}

.minimize .search_form {
    padding-top: 30px;
    padding-bottom: 40px;
}

.minimize .search_label {
    padding-bottom: 8px;
}

.minimize .search_popup_close {
    top: 16px;
}


/* view */

.search .main_container {
    background: #f7f7f7;
}

.search .jt_pagination {
    margin-top: 25px;
}

.search_info {
    padding-bottom: 26px;
}

.search_info p {
    font-size: 16px;
    color: #222;
}

.search_info p span {
    color: #1c9ad6;
}

.search_list>li {
    float: left;
    width: 23.5%;
    height: 294px;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fff;
    box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, .05);
}

.search_list>li:nth-child(4n) {
    margin-right: 0;
}

.search_list>li:nth-child(4n+1) {
    clear: both;
}

.search_list>li>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 34px 29px;
    position: relative;
}

.search_list>li>a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #222;
    opacity: 0;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.search_data {
    width: 100%;
    height: 100%;
    position: relative;
}

.search_data .search_tax {
    display: block;
    font-size: 16px;
    color: #888;
}

.search_data .search_title {
    margin: 11px 0 9px;
    font-size: 21px;
    line-height: 1.42;
    color: #222;
    max-height: 2.84em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.search_data .search_desc {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    max-height: 3.50em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.search_data .search_date {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
    color: #666;
}

.search_list>li>a:hover:after {
    opacity: 1;
}

.search_nodata {
    padding: 120px 0;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
}

.search_nodata p {
    font-size: 16px;
    line-height: 1.75;
    color: #222;
}


/* **************************************** *
 * 404
 * **************************************** */

.error404 .main_container {
    padding-bottom: 0;
}

.error404 .go_top {
    display: none;
}

.error_404 {
    padding: 356px 0 361px;
    position: relative;
}

.error_404_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/404-bg.jpg) no-repeat center center;
    background-size: cover;
}

.error_404_container {
    position: relative;
    text-align: center;
}

.error_404_container h1 {
    margin-left: 0.5em;
    font-size: 51px;
    letter-spacing: 0.5em;
    font-weight: 200;
    color: #fff;
}

.error_404_container p {
    padding: 14px 0 34px;
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
}


@charset "utf-8";


/* overlay at start */

.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}


/* overlay animate in */

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}


/* overlay animate out */

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}


/* content at start */

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}


/* content animate it */

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}


/* content animate out */

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}




/* **************************************** *
 * mfp-with-zoom
 * **************************************** */

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}




/* **************************************** *
 * my-mfp-zoom-in
 * **************************************** */


/* Fade-zoom animation for first dialog */


/* start state */

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}


/* animate in */

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/* animate out */

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);

    opacity: 0;
}


/* Dark overlay, start state */

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}


/* animate in */

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}


/* animate out */

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}




/* Fade-move animation for second dialog */


/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    -webkit-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
    -moz-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
    -ms-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
    -o-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
    transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
}


/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective( 600px) rotateX( 0);
    -moz-transform: translateY(0) perspective( 600px) rotateX( 0);
    -ms-transform: translateY(0) perspective( 600px) rotateX( 0);
    -o-transform: translateY(0) perspective( 600px) rotateX( 0);
    transform: translateY(0) perspective( 600px) rotateX( 0);
}


/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;

    -webkit-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
    -moz-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
    -ms-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
    -o-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
    transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
}


/* Dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}


/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}


/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}



/* 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: 17.5px 29px;
    font-size: 14px;
    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: #22478e;
}

.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: #22478e;
    border-color: #22478e;
}

.jt_icon_btn:before {
    background: #22478e;
}

.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/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;
    font-size: 0;
    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-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-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: 18px;
    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: #22478e;
    border: 1px solid #22478e;
}

.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: 15px;
    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;
    font-size: 0;
}

.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: #22478e;
}

.jt_newsfeed_item:hover .jt_newsfeed_time b {
    color: #22478e;
}

.jt_newsfeed_item:hover .jt_newsfeed_time span {
    color: #22478e;
}

.jt_newsfeed_item:hover .jt_newsfeed_more a:after {
    color: #22478e;
    -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;
}


/* TABS */

.tabs_menu li {
    width: 50%;
}

.tabs_num_2 .tabs_menu li {
    width: 50%;
}

.tabs_num_3 .tabs_menu li {
    width: 33.3333333333%;
}

.tabs_num_4 .tabs_menu li {
    width: 25%;
}

.tabs_num_5 .tabs_menu li {
    width: 20%;
}

.tabs_num_6 .tabs_menu li {
    width: 16.6666666667%;
}

.tabs_num_7 .tabs_menu li {
    width: 14.2857142857%;
}

.tabs_num_8 .tabs_menu li {
    width: 12.5%;
}

.tabs_num_9 .tabs_menu li {
    width: 11.1111111111%;
}

.tabs_num_10 .tabs_menu li {
    width: 10%;
}

.tabs_num_11 .tabs_menu li {
    width: 9.09090909091%;
}

.tabs_num_12 .tabs_menu li {
    width: 8.33333333333%;
}

.tabs_menu {
    float: left;
    width: 100%;
    margin: 0 auto 60px;
    overflow: hidden;
}

.tabs_menu li {
    float: left;
    position: relative;
}

.tabs_menu li:before {
    content: '';
    display: block;
    width: 1px;
    height: 31px;
    position: absolute;
    left: 0;
    top: 50%;
    background: #ddd;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

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

.tabs_menu li:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.tabs_menu li a {
    display: block;
    width: 100%;
    height: 95px;
    line-height: 95px;
    font-size: 34px;
    font-weight: 400;
    text-align: center;
    color: #222;
}

.tabs_menu li.active:after {
    background: #1c9ad6;
}

.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 {
    margin: 0 -15px;
}

.sitemap_menu>li {
    float: left;
    width: 25%;
    padding: 0 15px;
    margin-bottom: 80px;
}

.sitemap_menu>li:nth-child(4n+1) {
    clear: both;
}

.sitemap_menu li a {
    display: block;
}

.sitemap_menu>li>a {
    margin-bottom: 10px;
    padding-bottom: 12px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    color: #222;
    border-bottom: 2px solid #ddd;
}

.sitemap_menu>li>ul>li>a {
    position: relative;
    padding: 4px 0 4px 13px;
    font-size: 16px;
    line-height: 1.75;
    color: #666;
}

.sitemap_menu>li>ul>li>a:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 16px;
    left: 0;
    background: #1c9ad6;
    border-radius: 50%;
}


/* **************************************** *
 * 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-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/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/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:hover {
    background: #1c9ad6;
    border-color: #1c9ad6;
    -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: #1c9ad6;
}

.jt_share .jt_share_sns:hover:after {
    color: #fff;
}


/* **************************************** *
 * SINGLE PAGINATION
 * **************************************** */

.single_pagination {
    display: table;
    width: 100%;
    max-width: 1200px;
    height: 180px;
    margin: 0 auto;
    position: relative;
    border-top: 1px solid #ddd;
}

.single_pagination_link,
.single_pagination_title {
    display: table-cell;
    width: 50%;
    height: 100%;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    color: #555;
}

.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_prev:after,
.single_pagination_next:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: -1px;
    left: 0;
    background: transparent;
    -webkit-transition: background 300ms;
    transition: background 300ms;
}

.single_pagination_link span {
    display: block;
    padding-top: 10px;
    -webkit-transition: color 200ms;
    transition: color 200ms;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.single_pagination_link b {
    display: inline-block;
    position: relative;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0.05em;
    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: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    font-family: 'jt-font';
    font-size: 12px;
    line-height: 22px;
    font-weight: normal;
    text-align: center;
    color: #1c9ad6;
    -webkit-transition: opacity 300ms, left 200ms, right 200ms;
    transition: opacity 300ms, left 200ms, right 200ms;
}

.single_pagination_prev b:after {
    left: 0;
    content: '\e93e';
}

.single_pagination_next b:after {
    right: 0;
    content: '\e93f';
}

.single_pagination_link:hover:after {
    background: #1c9ad6;
}

.single_pagination_link:hover span {
    color: #1c9ad6;
}

.single_pagination_link:hover b {
    color: #1c9ad6;
}

.single_pagination_link:hover b:after {
    opacity: 1;
    visibility: visible;
}

.single_pagination_prev:hover b {
    padding-left: 30px;
}

.single_pagination_prev b:after {
    left: -3px;
}

.single_pagination_next:hover b {
    padding-right: 30px;
}

.single_pagination_next b:after {
    right: -3px;
}

.single_pagination_list {
    display: block;
    width: 73px;
    height: 73px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -36.5px;
    margin-left: -36.5px;
    font-size: 0;
    background: #222 url(../images/icon-list-2x.png) no-repeat center center;
    background-size: 18px 18px;
    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: #1c9ad6;
}


/* span text-overflow ellipsis debug */

.single_pagination_prev,
.single_pagination_next {
    max-width: 0;
}


/* **************************************** *
 * contact From 7
 * **************************************** */

div.wpcf7 {
    width: 100%;
}

div.wpcf7 input[type="file"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.wpcf7 p:empty {
    display: none;
}

span.wpcf7-list-item {
    margin-left: 35px;
}

span.wpcf7-list-item.first {
    margin-left: 0;
}

.wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
}


/* clear default style */

div.wpcf7 {
    float: left;
    position: relative;
}

div.wpcf7 .ajax-loader {
    margin: 0;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -8px;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
    width: 100%;
    margin: 20px 0 0;
    padding: 10px 15px;
    position: static;
    font-size: 14px;
    border: none;
    font-weight: bold;
}

div.wpcf7-mail-sent-ok {
    color: #3c763d;
    background-color: #dff0d8;
}

div.wpcf7-validation-errors {
    color: #f4263a;
    background-color: #fff1ef;
}

span.wpcf7-not-valid-tip {
    width: 100%;
    margin-top: 4px;
    padding: 5px 8px;
    line-height: 1.3;
    word-break: break-all;
    display: block;
    padding-top: 6px;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 600;
    color: #f4263a;
}


/* **************************************** *
 * SLICK
 * **************************************** */

.slick-list,
.slick-track {
    height: 100%;
}

.slick-control {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 0;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slick-control .slick-arrows {
    display: inline-block;
    width: 46px;
    height: 46px;
    padding: 0;
    margin: 0 5px;
    position: relative;
    font-size: 0;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 1;
}

.slick-control .slick-arrows:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'jt-font';
    font-size: 46px;
    font-weight: normal;
    text-align: center;
    color: #bcbcbc;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}

.slick-control .slick-prev {
    margin-left: 0;
}

.slick-control .slick-prev:after {
    content: '\e906';
}

.slick-control .slick-next {
    margin-right: 0;
}

.slick-control .slick-next:after {
    content: '\e907';
}

.slick-control .slick-arrows:hover:after {
    color: #212121;
}

.slick-dots {
    margin-top: 26px;
    font-size: 0;
    line-height: 1;
    text-align: center;
}

.slick-dots>li {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background: #ddd;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.slick-dots>li.slick-active {
    background: #1c9ad6;
}

.slick-dots>li>button {
    display: none;
}


/* **************************************** *
 * CYCLE
 * **************************************** */

.cycle_pager_wrap {}

.cycle_pager {
    display: block;
}

.cycle_pager li {
    display: block;
    width: 9px;
    height: 9px;
    margin-top: 12px;
    -webkit-transition: height 400ms ease;
    transition: height 400ms ease;
}

.cycle_pager li:first-child {
    margin-top: 0;
}

.cycle_pager li span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: background 300ms;
    transition: background 300ms;
}

.cycle_pager li span:hover {
    background: #22478e;
}

.cycle_pager li.cycle-pager-active {
    height: 29px;
}


/* **************************************** *
 * MAGNIFIC POPUP
 * **************************************** */


/* overlay */

.mfp-bg {
    background: #000;
    opacity: 0.76;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.76;
}


/* close button */

button.mfp-close {
    width: 55px;
    height: 55px;
    top: -11px;
    right: -73px;
    font-size: 0;
    opacity: 1;
    cursor: pointer;
}

button.mfp-close:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1px;
    left: 0;
    font-family: 'jt-font';
    content: '\e944';
    font-size: 30px;
    line-height: 55px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    -webkit-transition: 1s -webkit-transform cubic-bezier(.075, .82, .165, 1);
    transition: 1s -webkit-transform cubic-bezier(.075, .82, .165, 1);
    transition: 1s transform cubic-bezier(.075, .82, .165, 1);
    transition: 1s transform cubic-bezier(.075, .82, .165, 1), 1s -webkit-transform cubic-bezier(.075, .82, .165, 1);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

button.mfp-close:active {
    top: -11px;
}


/*button.mfp-close:hover:after {transform: rotate(180deg);}*/

.mfp-iframe-holder button.mfp-close {
    width: 55px;
    padding: 0;
    top: -11px;
    right: -73px;
    font-size: 0;
}