/*
default.css 에 있는 html 속성의 글자 크기가 rem 기준이 됨
*/

/*
@font-face {
    font-family:'jt-font';
    font-style: normal;
    font-display: block;
    font-weight: normal;
    src: url(../fonts/jt-font.eot);
    src: local("?"),
         url(../fonts/jt-font.woff) format('woff');
}
*/

/* MOBILE MENU */
#small_menu_close {display: block; opacity: 0; visibility: hidden; width: 3.2rem; height: 3.2rem; position: fixed;top: 1.7rem; right: 1.2rem;  z-index: 651; cursor: pointer;}
/* #small_menu_close:after {display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0;  font-family: 'jt-font'; content: '\e92e'; font-size: 1.5rem; line-height: 3.2rem; 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);} */
html.desktop #small_menu_close:hover:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
#small_menu_overlay {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; background: rgba(0, 0, 0, .75); z-index: 600;}
#small_menu_container {display: none; width: 100%; height: 100%; margin: 0; position: fixed; top: 0; bottom: 0; right: 0; z-index: 650; background: #fff; -webkit-overflow-scrolling: touch;  max-width:800px;}
.small_menu_container_inner {width: 100%; height: 100%; display: block; position: relative; font-size: 0;}

.small_menu_top {background: #0f4c82; height: 20.4rem;padding-top: 6.4rem;}

.small_search_container {border-top: 0.1rem solid rgba(255, 255, 255, .08); padding: 1.5rem 2rem;}
.small_search_form {position: relative;}
.small_search_form.active .small_search_label {opacity: 0; visibility: hidden;}
.small_search_form.focus .small_search_label {opacity: 0; visibility: hidden;}
.small_search_field_wrap { position: relative; width: 100%; height: 4.7rem; }
.small_search_field { background: none; border: 0; width: 100%; height: 100%; border-bottom: 0.2rem solid #fff; margin: 0; padding: 0; padding-right: 2.5rem; padding-left: 2.6rem; font-size: 1.5rem; color: #fff;outline: none; border-radius: 0;}
.small_search_label {font-size: 1.5rem; font-weight: 400; line-height: 1; letter-spacing: -0.025em; color: #fff; position: absolute; top: 1.6rem; left: 0; padding-left: 2.6rem; opacity: 1; visibility: visible;}
.small_search_submit {height: 100%;width: 1.6rem;padding: 0;position: absolute;left: 0;top: 0;background: none;border: none;outline: none;cursor: pointer;}
.small_search_submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e932';font-size: 1.8rem;line-height: 4.7rem;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;}

.small_search_container .search_keyword {padding: 1.8rem 0 0;}
.small_search_container .search_keyword ul li {border: 0.1rem solid #f2f2f2; background: none; border-radius: 5rem;}
.small_search_container .search_keyword ul li a { color: #f2f2f2; padding: 0.7rem 1.3rem 0.8rem;}
.small_search_container .jt-form__clear-btn {right: -0.4rem;}
.small_search_container .jt-form__clear-btn:after { color: #fff; }

.small_menu_area {width: 100%; height: -webkit-calc(100% - 20.4rem); height: calc(100% - 20.4rem); display: block; position: relative; font-size: 0;-ms-overflow-style:none;}
.small_menu_area > * {display: inline-block; vertical-align: top;}

.small_tab_nav {width: 33.33%; background: #f8f8f8; padding: 1.3rem 0 0; height: 100%;}
.small_tab_menu { padding:0px; margin:0px;}
.small_tab_menu > li {display: block;}
.small_tab_menu > li > a {display: block; font-size: 1.5rem; font-weight: 600; color: #a0a0a0; line-height: 1; letter-spacing: -0.025em; /* padding: 1.7rem 2rem 1.6rem; */ padding: 1.2rem 2rem 1.2rem;}
.small_tab_menu > li > a > span {position: relative;display: inline-block; vertical-align: top;}
.small_tab_menu > li > a > span:after {content: ''; display: block; width: 100%; height: 0.2rem; background: #0f4c82; position: absolute; bottom: -0.4rem; left: 0; opacity: 0;}
.small_tab_menu > li.current-menu-item > a {/* color: var(--color-primary); */}
.small_tab_menu > li.current-menu-item > a > span:after {/* opacity: 1; */}
.small_tab_menu > li.current_scroll > a {color: #0f4c82;}
.small_tab_menu > li.current_scroll > a > span:after {opacity: 1;}

/* body.live .small_tab_menu > li.worship > a > span:before {content: ''; position: absolute; top: 0; right: -3.4rem; width: 2.8rem; height: 1.4rem; background: url(../images/sub/component/icon-live.svg) no-repeat; background-size: 2.8rem;background-color: #eb0808;} */
body.live .small_tab_menu > li.worship > a > span {padding-right: 4.1rem; position: relative;}
body.live .small_tab_menu > li.worship > a > span:after {content: "";margin: 1rem;display: block;width: 0.5rem;height: 0.5rem;border-radius: 50%;background: #ffffff;cursor: pointer;box-shadow: 0 0 0 rgba(255, 255, 255, 0.8);animation: pulse 1.2s infinite;position: absolute;top: -0.5rem;right: -1.7rem;left: auto;z-index: 1; opacity: 1;}
body.live .small_tab_menu > li.worship > a > span:before {content: '';position: absolute;top: 50%;right: -1.5rem;width: 4.9rem;height: 1.7rem;background: url(../images/sub/component/icon-live.svg) no-repeat;background-size: 3.4rem auto;background-color: #eb0808;margin-top: -0.9rem;}
body .small_tab_menu > li.mschool > a > span {padding-right: 4.1rem; position: relative;}
body .small_tab_menu > li.mschool > a > span:before {content: '';position: absolute;top: 50%; right:0; width: 3.4rem;height: 1.7rem;background: url(../images/sub/component/icon-open.svg) no-repeat;background-size: 3.4rem auto;margin-top: -0.8rem;}
body .small_tab_menu > li.mschool > a > span:after {width: calc(100% - 4.1rem);}

.small_depth_nav {width: 66.67%; height: 100%; padding: 0;}
.small_depth_nav_inner {height: 100%; overflow-y: scroll; padding: 0 2rem;}
.small_depth_menu { padding:0px; margin:0px; }
.small_depth_menu li {display: block;width: 100%;}
.small_depth_menu a {display: block;position: relative;letter-spacing: -0.025em;line-height: 1;}
.small_depth_menu a:hover {color: #0f4c82; -webkit-transition: color 300ms; transition: color 300ms;}
.small_depth_menu > li {margin-top: 2.1rem;}
.small_depth_menu > li:first-child {margin-top: 0;}
.small_depth_menu > li:first-child > a {padding-top: 3rem;}
.small_depth_menu > li > a {padding: 1.6rem 0 1.2rem 0; font-size: 1.5rem;font-weight: 600; color: #222;}
.small_depth_menu > li.current-menu-item > a {color: #0f4c82;}
.small_depth_menu > li > ul {padding: 0;}
.small_depth_menu > li > ul.sub-menu {display: block;border-top: 0.1rem solid #ddd; padding-top: 0.4rem;}
.small_depth_menu > li > ul > li:first-child {border-top: none;}
.small_depth_menu > li > ul > li > a {padding: 1.1rem 0 1rem;font-size: 1.5rem;font-weight: 400; color: #888;}
.small_depth_menu > li > ul > li > a:before {content: ''; display: block;  width: 0.5rem; height: 0.5rem; border-radius: 50%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #0f4c82; display: none;}
.small_depth_menu > li > ul > li.current-menu-item > a,
.small_depth_menu > li > ul > li.current-menu-ancestor > a {/* color: var(--color-primary); */}

.small_depth_menu > li > ul > li.current-menu-item > a,
.small_depth_menu > li > ul > li.current_page_parent > a,
.small_depth_menu > li > ul > li.current-page-ancestor > a{padding-left: 1.5rem; color: #0f4c82;}
.small_depth_menu > li > ul > li.current-menu-item > a:before,
.small_depth_menu > li > ul > li.current_page_parent > a:before,
.small_depth_menu > li > ul > li.current-page-ancestor > a:before{display: block;}
.small_depth_menu > li > ul > li.menu-item-has-children > a:after { content: "";  /* font-family: 'jt-font'; */ width:20px; height:10px;font-size: 1rem; background:url(../images/quick_down.gif) no-repeat; position: absolute;top: 50%;right: 0;margin-top: -0.5rem; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms;}
.small_depth_menu > li > ul > li.menu-item-has-children.active > a:after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.small_depth_menu > li > ul > li > ul.sub-menu { background: #f6f6f6; padding: 1rem 1.6rem; margin-bottom: 0.7rem; display: none; position: relative; top: 0.4rem;}
.small_depth_menu > li > ul > li > ul.sub-menu li { font-size: 1.3rem; }
.small_depth_menu > li > ul > li > ul.sub-menu li.current_page_item a {color: #0f4c82;}
.small_depth_menu > li > ul > li > ul.sub-menu li.current-menu-item a {color: #0f4c82;}
.small_depth_menu > li > ul > li > ul.sub-menu li a { color: #888; padding: 1rem 0; }
.small_depth_menu > li > ul > li > ul.sub-menu li a:hover {color: #0f4c82;}

.small_depth_sns {margin-top: 2rem; padding-bottom: 4.1rem;}
.small_depth_sns > b {display: block; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.025em; color: #222; padding: 1.3rem 0;}
.small_depth_sns > ul {display: block; border-top: 0.1rem solid #ddd; padding:0px; padding-top: 0.4rem;}
.small_depth_sns > ul > li {display: block;}
.small_depth_sns > ul > li > a {display: block; font-size: 1.4rem; font-weight: 400; line-height: 1; letter-spacing: -0.025em; padding: 1.1rem 0 1rem; padding-left: 2.7rem;  color: #888; position: relative;}
/* .small_depth_sns > ul > li > a:after {font-family: 'jt-font'; font-size: 1.5rem; position: absolute; top: 1.2rem; left: 0; color: #b2b2b2;} */
.small_depth_sns > ul > li > a > i { font-size:23px; position:absolute; top:7px; left:0px;}

.small_depth_sns > ul > li.vimeo > a:after {content: '\e93a';}
.small_depth_sns > ul > li.youtube > a:after {content: '\e93b';}
.small_depth_sns > ul > li.insta > a:after {content: '\e918';}
.small_depth_sns > ul > li.kakao > a:after {content: '\e923';}
.small_depth_sns > ul > li.facebook > a:after {content: '\e916';}

.single-jubo .small_depth_menu > li > ul > li.menu-item-jubo > a {padding-left: 1.5rem; color: #0f4c82;}
.single-jubo .small_depth_menu > li > ul > li.menu-item-jubo > a:before {display: block;}

.page-template-media-jubo-list .small_depth_menu > li > ul > li.menu-item-jubo > a {padding-left: 1.5rem; color: #0f4c82;}
.page-template-media-jubo-list .small_depth_menu > li > ul > li.menu-item-jubo > a:before {display: block;}

.single-tree .small_depth_menu > li > ul > li.menu-item-tree > a {padding-left: 1.5rem; color: #0f4c82;}
.single-tree .small_depth_menu > li > ul > li.menu-item-tree > a:before {display: block;}

.page-template-media-namu-list .small_depth_menu > li > ul > li.menu-item-tree > a {padding-left: 1.5rem; color: #0f4c82;}
.page-template-media-namu-list .small_depth_menu > li > ul > li.menu-item-tree > a:before {display: block;}

/* MEMBER MENU */
.member_menu_container {opacity: 0; visibility: hidden; z-index: 651; position: fixed; top: 2.2rem; left: 2rem;}
.member_menu {display: block; margin: 0 -1.4rem; font-size: 0;}
.member_menu > li {display: inline-block; vertical-align: top; padding: 0 1.4rem; position: relative;}
.member_menu > li > a {display: block; font-size: 1.3rem; letter-spacing: -0.025em; color: #fff; }
.member_menu > li + li:before {content: ''; display: block; width: 0.1rem; height: 0.8rem; background: #ffffff; background: rgba(255, 255, 255, .25); position: absolute; top: 0.6rem; left: 0;}
html.ios .member_menu > li + li:before {top: 0.7rem;}

/*
.total_menu_open_button:after {
    content: '\e949';	
    content: '\e92d';
    display: block;
    font-family: 'jt-font';
    font-size: 2.8rem;
    line-height: 3.2rem;;
	color:#000;
}
*/

.sr_only, .sr-only {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}





/* **************************************** *
 * SEARCH
 * **************************************** */
/* popup */
.search_open{overflow: hidden;}
.global_search_popup {display: none;width: 100%;position: fixed;top: 0;left: 0;right: 0;background: #fff;-webkit-box-shadow: 0.1rem 3rem rgba(0, 0, 0, .12);box-shadow: 0 0.1rem 3rem rgba(0, 0, 0, .12);z-index: 9999;}
.global_search_popup_inner {width: 100%;height: 100%;/* max-width: 1663px; */margin: 0 auto;padding: 0 2rem;position: relative;}

.global_search_form {width: 100%;height: 100%;max-width: inherit;margin: 0 auto;padding: 0;position: relative;-webkit-transition: padding 300ms;transition: padding 300ms;}
.global_search_form.focus .global_search_label {opacity: 0; visibility: hidden;}
.global_search_label {display: block;font-size: 1.5rem;font-weight: 400;line-height: 1;color: #bbb; letter-spacing: -0.025em; padding-left: 3rem; -webkit-transition: opacity 300ms;transition: opacity 300ms; position: absolute; top: 2.5rem; left: 0; opacity: 1; visibility: visible;}
.global_search_field_wrap {width: 100%;height: 6.5rem;position: relative;}
.global_search_field_wrap:after {content: '';display: block;width: -webkit-calc(100% + 4rem);width: calc(100% + 4rem);height: 0.1rem;margin-left: -2rem; margin-right: -2rem; position: absolute;bottom: 0;left: 0;background: #ddd;}
.global_search_field_wrap .jt-form__clear-btn {top: 2rem;right: 3rem;}
.global_search_field_wrap .jt-form__clear-btn:after { font-size: 1.6rem; }
.global_search_field {display: block;width: 100%;height: 100%;padding: 0 6rem 0 3rem;position: relative;font-size: 1.5rem;font-weight: 400;line-height: 1;color: #222;background: transparent;outline: none;border: none; border-radius: 0;}
.global_search_field::-ms-clear {display: none;width: 0;height: 0;}
#global_search_form_ajax_result {display: none;height:auto;  max-height: -webkit-calc(100vh - 6.5rem);  max-height: calc(100vh - 6.5rem);background: #fff;overflow: auto;}
#global_search_form_ajax_result .jt-search-form__wrap{ display:none}
#global_search_form_ajax_result .wrap { margin: 0;}
#global_search_form_ajax_result .jt-search-result {height: -webkit-calc(100vh - 18.5rem);height: calc(100vh - 18.5rem);overflow: auto;}
#global_search_form_ajax_result .jt-pagination {margin-top: 1.5rem;}
#global_search_form_ajax_result .jt-search-result__util{ right: 0;}
.android #global_search_form_ajax_result .jt-search-result {height: -webkit-calc(100vh - 24rem);height: calc(100vh - 24rem);}
html.ios .global_search_field_wrap .jt-form__clear-btn {top: 2rem;}

.search_suggestion_list { padding: 1.2rem 0;}
.search_suggestion_list_item { display: block; padding: 0.9rem 0; font-size: 1.4rem; color: #666;}
.search_suggestion_list_highlight{color: #0f4c82; font-weight:500}

.global_search_submit {height: 100%;width: 1.6rem;padding: 0;position: absolute;left: 0;top: 0;background: none;border: none;outline: none;cursor: pointer;}
.global_search_submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e932';font-size: 1.8rem;line-height: 6.6rem;font-weight: normal;text-align: center;color: #222;-webkit-transition: color 300ms;transition: color 300ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;}

.global_search_form.active .global_search_label {opacity: 0;}
.global_search_form.active .global_search_submit:after {color: #222;-webkit-transition-delay: 200ms;transition-delay: 200ms;}

.global_search_popup_close {display: none;width: 4rem;height: 4rem;margin: 0;padding: 0;position: absolute;top: 1.3rem;right: 0.7rem;background: none;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: top 300ms;transition: top 300ms;cursor: pointer; z-index: 2;}
.global_search_popup_close:after {display: block;width: 100%;height: 100%;font-family: 'jt-font';content: '\e92e';font-size: 1.6rem;font-weight: normal;text-align: center;line-height: 4rem;color: #222;-webkit-transition: 300ms;transition: 300ms;}
/* html.desktop .global_search_popup_close:hover:after {-webkit-transform: scale(0.9) rotate(0.05deg);-ms-transform: scale(0.9) rotate(0.05deg);transform: scale(0.9) rotate(0.05deg);} */
#search_overlay {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; background: rgba(0, 0, 0, .8); z-index: 600;}

.search_keyword {padding: 2.4rem 0 2.6rem;}
.search_keyword b { font-size: 1.4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1; color: #222; display: block; margin-bottom: 1.5rem; }
.search_keyword ul { font-size: 0; margin: -0.3rem; }
.search_keyword ul li { display: inline-block; vertical-align: top; margin: 0.3rem; background: #f2f2f2; border-radius: 5rem;}
.search_keyword ul li a {display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 400; color: #666; padding: 0.8rem 1.1rem 0.9rem; line-height: 1;}

/* result page */
.search_result_info {padding-bottom: 16px;}
.search_result_info p {font-size: 14px;color: #222;}
.search_result_info p span {color: #0f4c82;}

.search_result_list {margin-bottom: -2%;}
.search_result_list:after {content: '';display: table;clear: both;}
.search_result_list > li {float: left;width: 49%;height: 210px;margin-right: 2%;margin-bottom: 2%;background: #fff;border: 1px solid #ddd;}
.search_result_list > li:nth-child(odd) {margin-right: 2%; clear: both;}
.search_result_list > li:nth-child(even) {margin-right: 0; clear: none;}
.search_result_list > li > a {display: block;width: 100%;height: 100%;padding: 34px 29px;position: relative;}
.search_result_list > li > a:after {content: '';display: block;position: absolute;top: -1px;bottom: -1px;left: -1px;right: -1px;border: 1px solid #222;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
/* html.desktop .search_result_list > li > a:hover:after {opacity: 1;} */
.search_result_data {width: 100%;height: 100%;position: relative;}
.search_result_data .search_tax {display: block;margin-bottom: 11px;font-size: 16px;line-height: 1.2;font-weight: 400;color: #888;}
.search_result_data .search_title {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_result_data .search_desc {margin-top: 9px;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_result_data .search_date {display: block;position: absolute;left: 0;bottom: 0;font-size: 16px;line-height: 1.2;font-weight: 400;color: #666;}

.search_nodata {padding: 6.3rem 0 1.6rem;text-align: center;}
.search_nodata b { font-size: 1.8rem; font-weight: 600; color: #222; letter-spacing: -0.025em; }
.search_nodata p { font-size: 1.4rem; font-weight: 400;color: #666; letter-spacing: -0.025em; padding-top: 1rem; line-height: 1.55;}
.search_nodata p span {color: #0f4c82;}




/* MENU */
.search_container {display: block; position: absolute; top: 1.2rem; right: 4.8rem; z-index: 2;}
.global_search_open_btn {display: block; width: 4rem; height: 4rem; position: relative;}
.global_search_open_btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e932';font-size: 1.8rem;line-height: 4rem;font-weight: normal;text-align: center; /*color: #000; */ color:#fff; -webkit-transition: color 300ms;transition: color 300ms;}
/* html.desktop .global_search_open_btn:hover:after {color: var(--color-primary);} */

.notification_container {display: block; position: absolute; top: 1.2rem; right: 0.8rem; z-index: 2;}
.notification_open_btn {display: block; width: 4rem; height: 4rem; position: relative;}
.notification_open_btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e926';font-size: 1.8rem;line-height: 4rem;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;}
.notification_container.fixed { position: fixed; top: 1.3rem; right: 4.9rem; z-index: 651;}
.notification_container.fixed .notification_open_btn:after { color: #fff; }
.noti_count { font-style: normal; width: 0.4rem; height: 0.4rem; background: #eb0808; display: inline; border-radius: 50%; position: absolute; top: 0.9rem; right: 0.7rem; }
.notification_container .noti_count { opacity: 0;}
.notification_container .noti_count--active { opacity: 1;}

.notification_view { max-width: 29.5rem; position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 652; }
.notification_view_header { height: 6rem; background: #0f4c82; color: #fff; padding: 2.1rem 2rem 2.2rem; }
.notification_view_tab {font-size: 0;}
.notification_view_tab > a { color: #fff;font-size: 1.6rem; font-weight: 600; display: inline-block; vertical-align: top; line-height: 1; letter-spacing: -0.025em; position: relative; }
.notification_view_tab > a.active {color: #f9d928;}
.notification_view_tab > a + a {margin-left: 2.5rem;}
.notification_view_tab > a + a:before {content: '';display: block;width: 0.1rem;height: 1.1rem;background: #fff;opacity: 0.1;position: absolute;top: 0.3rem;left: -1.2rem;}
.notification_view_close { position: absolute; width: 2rem; height: 2rem; top: 2rem; right: 1.8rem; display: block; text-align: center;}
.notification_view_close:after {content: '\e92e';font-family: 'jt-font';font-size: 1.6rem;color: #fff;line-height: 2rem;-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);display: block;}
html.desktop .notification_view_close:hover:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.notification_view_content { background: #fff; height: -webkit-calc(100% - 6rem); height: calc(100% - 6rem); overflow-y: scroll;}
.notification_view_content .jt-rows-notification {margin: 0;}
.notification_view_content .jt-rows-subscribe {margin: 0; display: none;}

.notification_view .jt-loadmore{margin-bottom: 2.7rem; margin-left: 2rem; margin-right: 2rem;}

.notification_view_bottom { background: #f6f6f6; border-top: 0.1rem solid #ddd; position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 1.4rem 2rem 1.3rem; opacity: 0; visibility: hidden;}
.notification_view_setting { display: inline-block; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.025em; color: #b2b2b2; position: relative; padding-left: 1.7rem; }
.notification_view_setting:before {content: '\e914';font-family: 'jt-font';font-size: 1.2rem;position: absolute;top: 0.4rem;left: 0;}

.notification_view.show_settings .notification_view_content {height: -webkit-calc(100% - 10.6rem); height: calc(100% - 10.6rem);}
.notification_view.show_settings .notification_view_bottom {opacity: 1; visibility: visible;}

.notification_view_overlay {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; background: rgba(0, 0, 0, .8); z-index: 651;}

.notification_empty { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;}
.notification_empty b {display: block; font-size: 1.5rem; font-weight: 400; color: #222; text-align: center; line-height: 1.3; letter-spacing: -0.025em; margin-top: 2.3rem; }
.notification_empty i { position: relative; width: 6.4rem; height: 6.4rem; display: block; vertical-align: top; font-style: normal; margin: 0 auto; }
.notification_empty i:after {content: '\e926';font-family: 'jt-font';width: 100%;height: 100%;font-size: 6.4rem;line-height: 6.4rem;color: #e8e8e8;}

.subscribe_empty { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;}
.subscribe_empty b {display: block; font-size: 1.5rem; font-weight: 400; color: #222; letter-spacing: -0.025em; text-align: center; line-height: 1.3; margin-top: 2.3rem; }
.subscribe_empty p {display: block; font-size: 1.3rem; font-weight: 400; color: #666; letter-spacing: -0.025em; text-align: center; line-height: 1.54; margin-top: 0.8rem;}
.subscribe_empty i { position: relative; width: 6.4rem; height: 6.4rem; display: block; vertical-align: top; font-style: normal; margin: 0 auto; }
.subscribe_empty i:after {content: '\e926';font-family: 'jt-font';width: 100%;height: 100%;font-size: 6.4rem;line-height: 6.4rem;color: #e8e8e8;}