@charset "utf-8";

/*
 * File    : sub-story.css
 * Author  : STUDIO-JT (JC)
 *
 * SUMMARY :
 * 제이티 이야기 (블로그 목록/단일/태그)
 */

.tag_page {padding-bottom:50px;}
.tag_page .search_word {text-align:center; margin:98px 0 50px 0;}
.tag_page .search_word span {display: block; font-family:'Montserrat'; font-size:15px; color:#a4a4a4; font-weight:600; padding-bottom: 7px;}
.tag_page .search_word b { display: block; font-size: 48px; color: var(--c-primary); font-weight: 300; line-height: 1.4; }
.tag_list {border-top:2px solid var(--c-primary); margin-bottom:60px;}
.tag_item {border-bottom:1px solid #dedede; -webkit-transition:all 300ms; transition:all 300ms; position: relative; display: flex; align-items: center; min-height: 380px;}
.tag_itme_content {display:block; padding:52px 55px 53px 60px;}
.tag_itme_content span:after {display:none;}
.tag_itme_content h2 { font-size: 22px; font-weight: 500; margin: 4px 0 12px 0; padding-right: 400px; padding-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.7; max-height: 1.7em; color: #222; }
.tag_itme_content h2 br { display: none; }
.tag_itme_content .category {font-family:'Montserrat'; text-transform:uppercase; font-size:13px; color:var(--c-primary); font-weight:600;}
.tag_item:hover .tag_itme_content .category {color:inherit;}
.tab_itme_tag { margin-top: 17px; padding-right: 400px; }
.tag_itme_date {display:block; color:#666; font-family:'NotoSansKR', sans-serif; font-weight:500; font-size:14px; margin-top: 19px; }
.tag_page .content_index {position:relative;}
.tag_page .content_index .text {color:#222; padding-right: 400px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 2; max-height: 4em; font-weight:500; word-break:keep-all;}
.tag_itme_thumb {max-width: 300px;position: absolute;top: 50%;right: 60px; transform: translateY(-50%); z-index: 1;}
.tag_itme_thumb img {display: block;max-width: 100%;height: auto;}
.blog_view .back_to_list {opacity:1;}
/* .blog_item:hover figure:after {opacity: 1;} */
.blog .blog_list > div:first-child + div + div + div {margin-top: 10%;}
.blog_itme_content.none_thumb {border-top: 4px solid var(--c-primary);}
.blog_category {display: block;width: 125px;height: auto;position: fixed;top: 180px;right: 60px;z-index: 1;}
.category_list li {position:relative;}
.category_list li a {display: block;width: 100%;padding: 15px 0;position: relative;font-size: 14px;font-weight: 500;letter-spacing: 0.055em;color: #222;border-bottom: 1px solid #222;-webkit-transition: all 300ms;transition: all 300ms;}
.category_list li:first-child a {border-top: 1px solid #222;}
.category_list li .cat-item-arrow {display:block;position:absolute;top: 50%;left: 0px;margin-top: -6px;opacity: 0;visibility: hidden;-webkit-transition: all 150ms;transition: all 150ms;}
.category_list li .cat-item-arrow svg {width: 15px;height: 12px;display: block;}
/*.category_list li a:before {display: block;width: 15px;height: 12px;position: absolute;top: 50%;left: 0px;margin-top: -6px;font-family: 'jt-font';content: '\e903';font-size: 14px;line-height: 1;color: var(--c-primary);opacity: 0;visibility: hidden;-webkit-transition: all 150ms;transition: all 150ms;}*/
.category_list li:hover a, .category_list li.current-cat a {padding-left: 24px;color: var(--c-primary);}
.category_list li:hover .cat-item-arrow, .category_list li.current-cat .cat-item-arrow {opacity: 1;visibility: visible;}
/* AVATAR */
.member_list_wrap {margin-top: 47px;}
.member_list_department {display: block;margin-bottom: 16px;font-size: 18px;font-weight: 600;letter-spacing: 0.25px;color: #222;}
.member_list + .member_list_department {margin-top: 42px;}
.member_list {width: 100%;font-size: 0px;}
.member_list li {display:inline-block;width: 70px;margin-bottom:8px;margin-right: 8px;vertical-align:top;position: relative;}
.member_list li:nth-child(9n) {margin-right: 0;}
.member_thumb {position: relative;}
.member_thumb img {width: 100%;height: auto;}
.member_name {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #0901fe;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.member_name_table {display: table;width: 100%;height: 100%;}
.member_name_table_cell {display: table-cell;width: 100%;vertical-align: middle;}
.member_list .member_name p {font-size: 13px;line-height: 1.2;font-weight: 600;text-align: center;color: #fff;}
.member_role {display: block;padding-top: 8px;font-family: 'Montserrat', 'NotoSansKR', sans-serif;font-size: 13px;font-weight: 500;text-align: center;word-break: break-all;color: #222;}
.member_list li:hover .member_name {opacity: 1;}
/* WRAP */
.single_view {}
.single_view img {max-width: 100%;height: auto;vertical-align: middle;}
/* WAVE LINE */
.single_wave_line {width: 100%;height: 10px;}
.single_wave_line svg, .single_wave_line img {display: block;margin: 0 auto;vertical-align: top;}
/* TAG */
.blog_view .jt_tag {margin-top: 60px;}
/* COMMENTS */
.comments_container {padding-top: 50px;padding-bottom: 150px;}
/* 더보기 */
.other_story {padding: 110px 0 98px;background: #fff;}
.other_story p {padding: 19px 0 75px;font-size: 18px;font-weight: 500;text-align: center;color: #222;}
.other_story .jt_loadmore {margin-bottom: 0;}
.other_story .jt_isotope{    min-height: inherit;}
/* SINGLE HEADER */
.single_content_header {padding: 89px 0 8px;text-align: center;}
.single_content_header h1 {padding: 21px 0;font-size: 40px;font-weight: 600;line-height: 1.25;color: #222;}
.title_wave_line {display: none;}
.title_wave_line svg, .title_wave_line img {display: block;margin: 0 auto;vertical-align: top;}
.single_content_meta {padding-top: 18px;font-size: 0;}
.single_content_meta span {display: inline-block;padding-left: 45px;position: relative;font-family: 'Montserrat', 'NotoSansKR', sans-serif;font-size: 15px;font-weight: 600;line-height: 22px;color: #444;}
.single_content_meta span:before {content: '';display: block;width: 7px;height: 11px;position: absolute;top: 50%;margin-top: -5.5px;left: 22px; border-left:1px solid #999; transform: skewX(-30deg);}
.single_content_meta span:first-child {padding-left: 0;}
.single_content_meta span:first-child:before {display: none;}
.single_excerpt p {padding-top: 18px;font-size: 15px;font-weight: 500;line-height: 1.7;color: #444;}
/* AVATAR */
.avatar_info {text-align: left; margin-bottom: 60px;}
.avatar_info h2 {font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 26px; font-weight: 600; color: #222; line-height: 1.25; margin-bottom: 26px;}
/* .avatar_info p {padding: 12px 0 26px;font-family: 'Montserrat', 'NotoSansKR', sans-serif;font-size: 15px;font-weight: 600;color: #444;} */
.avatar_info figure {width: 132px;height: 132px;margin: 0 auto;border-radius: 50%;overflow: hidden;}
.avatar_info figure img {width: 100%;height: 100%;vertical-align: middle;}
/* VIEW */
.single_content_view {padding-top: 55px;padding-bottom: 69px;}
.single_content_view a {font-size: 16px;color: var(--c-primary);text-decoration: none;word-break: break-all;border-bottom: 1px solid #ddd;-webkit-transition: all 300ms;transition: all 300ms;}
.single_content_view a:hover {border-color: var(--c-primary);}
.single_content_view h1,
.single_content_view h2,
.single_content_view h3,
.single_content_view h4,
.single_content_view h5,
.single_content_view h6,
.single_content_view p,
.single_content_view ul,
.single_content_view ol,
.single_content_view blockquote,
.single_content_view .wp-block-table,
.single_content_view > .wp-block-group,
.syntaxhighlighter_wrap,
.single_content_view pre.notranslate {max-width:700px;margin-left:auto;margin-right:auto;}
.single_content_view > img {max-width:100%; margin-left:auto; margin-right:auto; display:block;}
.single_content_view h2 {margin-top: 72px; margin-bottom: 32px; font-size: 36px; line-height: 1.45; font-weight: 600; color: #222;}
.single_content_view h3 {margin-top: 56px; margin-bottom: 16px; font-size: 24px; line-height: 1.35; font-weight: 600; color: #222;}
.single_content_view h4 {font-size: 16px; line-height: 1.8; font-weight: 600; color: #222;}
.single_content_view p {margin-bottom:28px;font-size: 16px; line-height: 1.8; font-weight: 400; color: #444;}
.single_content_view img {margin-bottom: 44px; margin-top: 44px; padding: 0; vertical-align: middle;}
.single_content_view a img {display: block;}
.single_content_view b, .single_content_view strong {font-weight: bold;}
.single_content_view i, .single_content_view em {font-style:italic;}
/*.single_content_view blockquote p {padding-bottom: 0;font-size: 15px;line-height: 1.87;font-weight: 400;color: #666;}*/
.single_content_view code { background: #f8f8f8; padding: 10px 15px; margin: 3px 0px; display: inline-block;  color: #333; font-family: 'NotoSansKR', sans-serif; font-size: 15px; border: 1px solid #ddd; display:block; word-break: break-all;}
.single_content_view ul, .single_view_content ol {margin-bottom: 33px;}
.single_content_view li {position: relative;font-size: 16px;font-weight: 400;line-height: 1.65; padding-bottom: 10px;letter-spacing: -0.025em;color: #222;}
.single_content_view li:last-child {padding-bottom: 0;}
.single_content_view ul li {padding-left: 13px;}
.single_content_view ul li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;top: 11px;left: 0;background: #222;border-radius: 50%;}
.single_content_view blockquote {font-size: 16px; margin-bottom: 33px;padding: 2px 0 2px 30px;border-left: 5px solid #222;}
.single_content_view blockquote p {margin: 0;font-style: italic;letter-spacing: -0.025em;color: #222;}
.single_content_view blockquote cite { display: block; margin-top: 15px; font-size: 14px; color: #666; }
.single_content_view .wp-block-table { margin-bottom: 33px; }
.single_content_view .wp-block-table table { border-collapse: collapse; table-layout: fixed; word-wrap: break-word; overflow-wrap: break-word; }
.single_content_view .wp-block-table :is(th, td) { padding: 12px 16px; text-align: left; vertical-align: top; font-size: 14px; font-weight: 400; line-height: 1.65; border: 1px solid #e0e0e0; }
.single_content_view .wp-block-table th { font-weight: 700; background: #f5f5f5; }
.single_content_view .wp-block-table figcaption { display: block; margin-top: 15px; font-size: 13px; color: #666; }
.single_content_view .wp-block-table.is-style-stripes { border-bottom: none; }
.single_content_view .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f9f9f9; }
.single_content_view .wp-block-group { margin-bottom: 33px; }
.single_content_view .wp-block-group:where(.has-background) { padding: 32px; }
.single_content_view .wp-block-group .wp-block-group__inner-container > *:not(.wp-block-group:where(.has-background)) { padding-left: 0; padding-right: 0; }
.single_content_view .wp-block-group .wp-block-group__inner-container > *:first-child { margin-top: 0 !important; }
.single_content_view .wp-block-group .wp-block-group__inner-container > *:last-child { margin-bottom: 0 !important; }
.single_content_view .single_inner_wrap p {padding-bottom: 34px;}
.single_content_view .single_inner_wrap p:empty {padding-bottom: 0;}
.single_content_view .wp-block-gallery ul li:before {display: none;}
.single_content_view .wp-block-gallery img {margin-bottom: 0;}
.single_pagination_wrap { padding-bottom: 90px; }
.single_pagination > li { position: relative; }
.single_pagination_content { display: flex; align-items: center; gap: 24px; position: relative; z-index: 2; }
.single_pagination_content > b { flex-shrink: 0; font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: 0.01em; color: #222; }
.single_pagination_content > a { display: block; width: 100%; padding: 8px 0; font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: 0.01em; color: #222; white-space: pre; text-overflow: ellipsis; overflow: hidden; }
.single_pagination_content > a > span { box-shadow: 0 0 0 0 currentColor; transition: box-shadow .3s; -webkit-box-decoration-break: clone; }
.single_pagination_content > a:hover > span { box-shadow: 0 1px 0 0 currentColor; }
.single_pagination_thumb { position: absolute; width: 300px; left: calc(100% + 30px); top: 50%; transform: translate3d(0, -50%, 0); opacity: 0; visibility: hidden; }
.single_pagination_thumb img { display: block; width: 100%; height: auto; }
/* ID : 702650 */
.single_widget_compare { max-width: 700px; margin: 28px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
.single_widget_compare_item figcaption { margin-top: 20px; padding-top: 8px; font-size: 16px; line-height: 1.8; font-weight: bold; color: #444; border-top: 5px solid #444; }
.single_widget_compare_item figcaption.single_widget_compare_dont { color: #ff0000; border-top-color: #ff0000; }
.single_widget_compare_item figcaption.single_widget_compare_do { color: var(--c-primary); border-top-color: var(--c-primary); }
/* 글자 수 세기 */
body.postid-702787 .single_content_divder { margin-top: 60px; margin-bottom: 0; }
body.postid-702787 .single_content_divder > span { display: none; }
/* TABLE OF CONTENT */
.single_content_view #ez-toc-container { width:100%; max-width: 700px; margin-bottom: 72px !important; padding: 16px 24px; }
.single_content_view #ez-toc-container .ez-toc-title { font-size: 16px; line-height: 1.8; font-weight: bold; color: #222; }
.single_content_view #ez-toc-container nav { margin-top: 6px; }
.single_content_view #ez-toc-container ul { max-width: calc(100% - 50px); counter-reset: item; }
.single_content_view #ez-toc-container ul li { counter-increment: item; padding-left: 16px; font-size: 16px; line-height: 1.8; font-weight: 400; color: #444; }
.single_content_view #ez-toc-container ul li:before { content: counter(item)'.'; width: auto; height: auto; top: 0; background: transparent; border-radius: 0; }
.single_content_view #ez-toc-container a { border: none; }
.single_content_view #ez-toc-container a:hover { text-decoration: none; }
/* Single Download button shortcode */
.single_content_view a.download_btn, 
a.download_btn,
.single_content_view a.transfer_btn, 
a.transfer_btn { transition: background 300ms; border: none; display: inline-block; background: var(--c-primary) no-repeat; background-position: calc(100% - 32px) center; font-size: 14px; font-weight: 600; color: #fff; padding: 22px 65px 21px 32px; border-radius: 3px; }
.single_content_view a.download_btn, 
a.download_btn { background-image: url(../images/icon/icon-download.svg); }
.single_content_view a.transfer_btn, 
a.transfer_btn { padding-right: 60px; background-image: url(../images/icon/icon-link.svg); background-size: 15px auto; background-position-y: calc(50% + 1px); }
html.desktop .single_content_view a.download_btn:hover, 
html.desktop a.download_btn:hover,
html.desktop .single_content_view a.transfer_btn:hover, 
html.desktop a.transfer_btn:hover { background-color: #0011af;}
.single_content_view .download_btn_group { max-width: 700px; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; gap: 28px; }
.single_content_view .download_btn_group > br { display: none; }
.single_content_view .download_btn_group > p { margin: 0; }
.single_content_view .info_title a.vglnk {font-size: 14px;color: #444;text-decoration: none;word-break: break-all;border-bottom: 0;letter-spacing: 0.025em;}
.single_content_view .info_content ul li:before { width: 0; }
.single_content_view .wp-block-code { max-width: 700px; margin-left: auto; margin-right: auto; }
.single_content_header { padding-bottom: 0; }
.single_content_view { padding-top:0; }
.single_content_divder { text-align: center; font-size: 0; margin:80px 0; }
.single_content_divder > span { display: inline-block; width: 8px; height:8px; background:#d9d9d9; vertical-align: middle; border-radius: 50%; margin:0 6px; }
.single_share_wrap { position: relative; text-align: center; margin-top: 110px; margin-bottom: 72px; }
.single_share_text { display:inline-block; font-size:15px; letter-spacing: 0.25px; font-family: 'NotoSansKR', sans-serif; font-weight: 600; vertical-align: middle; color:#222; }
.single_share_action { position: relative; text-align: center; white-space: nowrap; height:52px; width:168px; background:#f4f4f4; border-radius: 50px; font-size: 0; overflow: hidden; border:2px solid #222; z-index: 1; -webkit-transition: all .3s; transition: all .3s; }
.single_share_action .icon-share { display: inline-block; margin-right:8px; vertical-align: middle; }
.single_share_action .icon-share:before { content:'\e950'; font-family: 'jt-font'; font-style: normal; font-size: 18px; color:#222; }
.single_share_action + .jt_content_share { position: absolute; bottom:70px; left: 50%; width: 100%;; padding:0; margin:0 !important; transform: translateX(-50%); }
.single_share_action + .jt_content_share .share_sns { visibility: hidden; opacity: 0; -webkit-transition: background 0.3s; transition: background 0.3s; }
.single_share_action.active { width: 52px; background:#222; }
.single_share_action.active .single_share_text { display: none; }
.single_share_action.active .icon-share { margin-right:0; }
.single_share_action.active .icon-share:before { content:'\e929'; color:#fff; font-size:12px; }
html.ios .single_share_text { margin-bottom:3px; }
html.desktop .single_share_action:not(.active):hover,
body.use-keyboard .single_share_action:not(.active):focus { background: #ddd; }
html.mobile.use-share .single_share_action + .jt_content_share { visibility: hidden; }