@charset "utf-8";

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

@media (max-width: 1800px) {
/* BLOG LIST */
.blog_category {width: 100%;margin: 50px 0;position: static;}

.category_list {font-size:0;text-align:center;}

.category_list li {display:inline-block;position:relative;}

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

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

.category_list li a {padding: 0px 35px;border: none;}

.category_list li:hover a, .category_list li.current-cat a {padding-left: 60px;}

.category_list li:first-child a {border-top: none;}

.category_list li .cat-item-arrow {left: 33px;}
}

@media (max-width: 1460px) {
/* TAG */
.tag_itme_date { right: 100px; }
}

@media (max-width: 1280px) {
/* SINGLE PAGINATION */
.single_pagination_thumb { width: 220px; left: 90%; }
}

@media (max-width: 1200px) {
/* TAG */
.tag_item { min-height: 340px; }

.tag_itme_thumb { max-width: 260px; }

.tag_itme_content h2 { padding-right: 380px; }

.tab_itme_tag { padding-right: 360px; }

.tag_page .content_index .text { padding-right: 360px; }
}

@media (max-width: 1023px) {
/* TABLE OF CONTENT */
.single_content_view #ez-toc-container { margin-bottom: 5% !important; }

/* SINGLE PAGINATION */
.single_pagination_wrap { padding-bottom: 6%; }

.single_pagination_thumb { width: 200px; left: inherit; right: 0; }
.single_content_view .motion_with_code_wrap img { margin:0; }

.single_content_view  .motion_with_code_wrap h3 {margin-top: 0;margin-bottom: 0;font-size: 22px;}
/* SINGLE 디자인 부분 개편 */
.single_share_wrap { margin-bottom: 65px; }
/* SINGLE */
.single_content_header {padding: 8% 0 0;}

.single_content_header h1 {padding: 15px 0;font-size: 38px;}

.blog_view .jt_tag {margin-top: 5.5%;}

.single_content_view { /* padding-top: 5%; */ padding-bottom: 6%;}

.single_content_view h2 {margin-top: 7%;margin-bottom: 5%; font-size:32px;}

.single_content_view h3 {margin-top: 5%;margin-bottom: 2%; font-size:22px;}

.single_content_view .single_inner_wrap p {padding-bottom: 3.5%;}

.single_content_view img {margin-bottom: 6%;}

.avatar_info p {padding: 12px 0 16px;}

.avatar_info figure {width: 110px;height: 110px;}

.comments_container {padding-top: 5%;padding-bottom: 15%;}

.other_story {padding: 10% 0 8%;}

.other_story p {padding: 1.5% 0 7%;}

/* TAG */
.tag_page .search_word { margin:40px 0 35px 0; }

.tag_page .search_word p { font-size:40px; }

.tag_item { min-height: 300px; }

.tag_itme_content { padding:33px 35px 33px 40px; }

.tag_itme_content h2 { font-size:20px; padding-right: 350px; }

.tag_itme_thumb { max-width: 220px; right: 40px; }

.tab_itme_tag { padding-right: 280px; }

.tag_page .content_index .text { padding-right: 280px;}
}

@media (max-width: 768px) {
/* SINGLE WIDGET */
body.postid-702787 .single_content_divder { margin-top: 46px; }

/* TABLE OF CONTENT */
.single_content_view #ez-toc-container { width: 90%; max-width: inherit; padding: 15px 22px; }

.single_content_view #ez-toc-container .ez-toc-title { display: inline-block; padding-top: 3px; font-size: 15px; }

.single_content_view #ez-toc-container nav { margin-top: 4px; }

.single_content_view #ez-toc-container ul { max-width: calc(100% - 36px); }

.single_content_view #ez-toc-container ul li { font-size: 15px; }

/* SINGLE PAGINATION */
.single_pagination_wrap { padding-bottom: 10%; }

.single_pagination_content { gap: 16px; }

.single_pagination_content > a { padding: 5px 0; }

.single_pagination_thumb { display: none; }
.single_content_view .motion_with_code_wrap h3,
    .single_content_view .motion_with_code_wrap ul,
    .single_content_view .motion_with_code_wrap p { padding:0; }
/* SINGLE-BLOCK CUSTOM */
.single_content_view .wp-block-code { max-width: inherit; margin-left: 5%; margin-right: 5%; }

/* SINGLE 디자인 부분 개편 */
.single_content_divder { margin: 46px 0; }

.single_content_divder > span { width:6px; height:6px; margin: 0 4.5px; }

.single_share_wrap { margin-top: 100px; margin-bottom: 12%; }

html.mobile.use-share .single_share_wrap { margin-top:55px; }
.single_inner_wrap.avatar_info {margin-bottom: 30px;}

/* SINGLE */
.single_content_header {padding: 5% 0 0;}

.single_content_header h1 {padding: 20px 0 10px;font-size: 34px;}

.single_content_meta {padding-top: 5px;}

.single_content_meta span {padding-left: 25px;font-size: 14px;}

.single_content_meta span:before {left: 12px;}

html.desktop .single_content_meta span:before { margin-top:-4px; }

.single_excerpt p {padding-top: 15px;}

.single_content_view .single_inner_wrap p {padding-bottom: 5%;}

.single_content_view h2 {font-size:24px;}

.single_content_view h3 {font-size:18px;}

.single_content_view h4, .single_content_view p, .single_content_view li, .single_content_view a {font-size:15px;}

.single_content_view li {padding-bottom: 5px;}

.single_content_view ul li {padding-left: 11px;}

.single_content_view ul li:before {top: 9px;}

.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 .wp-block-table,
    .syntaxhighlighter_wrap {max-width:inherit; padding-right:5%; padding-left:5%;}

.single_content_view pre.notranslate {max-width:inherit;margin: 0 5%;overflow-x: scroll;}

.single_content_view p {margin-bottom: 20px;}

.single_content_view blockquote {max-width:inherit;margin-left: 5%;margin-right: 5%;padding-left: 20px;}

.single_content_view blockquote p {padding: 0;}

.single_content_view blockquote cite { margin-top: 12px; }

.single_content_view .wp-block-table figcaption { margin-top: 12px; }

.single_content_view > .wp-block-group { max-width:inherit; margin-left: 5%; margin-right: 5%; }

.single_content_view .wp-block-group:where(.has-background) { padding: 22px; }

.other_story {padding: 10% 20px 6%;}

.other_story p {padding: 3% 0 7%;}

.single_content_view a.download_btn,
	a.download_btn,
    .single_content_view a.transfer_btn, 
    a.transfer_btn { background-position: calc(100% - 29px) center; padding: 18px 61px 17px 28px; }

.single_content_view a.transfer_btn, 
    a.transfer_btn { padding-right: 56px; background-position-y: calc(50% + 1px); }

html.ios .single_content_view a.download_btn,
	html.ios a.download_btn,
    html.ios .single_content_view a.transfer_btn, 
    html.ios a.transfer_btn { padding-top: 19px; padding-bottom: 16px; }

.single_content_view .download_btn_group { max-width: inherit; padding-right: 5%; padding-left: 5%; gap: 22px; }

.single_content_view .download_btn_group > p { padding-right: 0; padding-left: 0; }

/* BLOG LIST */
.blog {padding: 0 20px;}

.blog .blog_list > div:first-child + div + div + div {margin-top: 7%;}

.member_list_wrap {margin-top: 30px;}

.member_list + .member_list_department {margin-top: 26px;}

.member_list_department {font-size: 17px;}

.member_list li:nth-child(9n) {margin-right: 8px;}

.member_role {font-size: 12px;}

/* TAG */
.tag_page {padding:0 20px 50px 20px;}

.tag_page .search_word {margin:0 0 7% 0;}

.tag_page .search_word span {font-size:14px; padding-bottom: 5px;}

.tag_page .search_word b { font-size: 24px; padding-top: 5px; }

.tag_list {margin-bottom:30px;}

.tag_itme_content {padding: 25px 0 25px 0;}

.tag_itme_content h2 { font-size: 18px; margin: 5px 0; font-weight: 600; padding-right: 0; }

.tag_page .content_index .text { padding-right: 150px; }

.tag_itme_link { position: relative; display: block; }

.tag_itme_date {display: inline-block;width: auto;position: relative;top: inherit;vertical-align: top;text-align: left;font-weight: 400; right:inherit; transform: none; margin-top: 13px; }

.tab_itme_tag { margin-top: 10px; padding-right: 0; }

.tag_page .content_index .text { max-height: 8.75em; -webkit-line-clamp: 5; line-height: 1.75; margin-bottom: 14px;}

.tag_page .jt_loadmore {margin-bottom:0;}

.tag_itme_thumb { display: block; width: 120px; right: 0; top: 60px; transform: none; }

/* SINGLE WIDGET */
.single_widget_compare { max-width: inherit; margin: 25px 5%; gap: 0 25px; }

.single_widget_compare_item figcaption { margin-top: 18px; padding-top: 6px; font-size: 15px; border-top-width: 4px; }
}

@media (max-width: 767px) {
/* BLOG LIST */
.blog .blog_list > div:first-child + div + div + div {margin-top: 0;}

.blog_view .jt_isotope.isotope_col_3 .isotope_item:last-child {display:none;}

.blog_category {margin:0 0 30px;}

.category_list {display: none;width: 100%;background: #fff;}

.category_list li {display: block;border-bottom: 1px solid #ddd;}

.category_list li:before {display: none;}

.category_list li a {padding: 11px 0px 9px;font-weight: 600;text-align: left;}

.category_list li:first-child a {margin-top: 3px;}

.category_list li:hover a, .category_list li.current-cat a {padding-left: 0;}

.category_list li:hover .cat-item-arrow, .category_list li.current-cat .cat-item-arrow {display: none;}

.js-current-category {display: block;width: 100%;padding: 10px 30px 10px 0px;position: relative;font-size: 14px;letter-spacing: 0.055em;font-weight: 600;color: #0b21ee;border-bottom: 2px solid #333;}

/*.js-current-category:before {display: block;width: 12px;height: 12px;position: absolute;left: 0px;top: 50%;margin-top: -6px;font-family: 'jt-font';content: '\e903';font-size: 12px;line-height: 1;display: none;}*/
.js-current-category:after {display: block;width: 15px;height: 15px;position: absolute;right: 9px;top: 50%;margin-top: -8px;font-family: 'jt-font';content: '\e92f';font-size: 11px;line-height: 15px;text-align: center;-webkit-transition: -webkit-transform 300ms;transition: -webkit-transform 300ms;transition: transform 300ms;transition: transform 300ms, -webkit-transform 300ms;}

.js-current-category.open_category:after {-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);}
}

@media (max-width: 540px) {
/* TAG */
.tag_page .content_index .text { padding-right: 140px; }

.tag_itme_thumb { width: 110px; top: 62px; }
}

@media (max-width: 480px) {
/* SINGLE */
.blog_view .jt_tag {margin-top: 5%;}

.comments_container {padding-top: 5.5%;}

.single_content_header h1 br, .single_excerpt p br {display: none;}

.single_content_header h1 {font-size: 26px;}

.avatar_info p {padding: 12px 0;font-size: 14px;}

.avatar_info figure {width: 90px;height: 90px;margin-bottom: 5%;}

.single_content_view h2 {font-size:22px;}

.single_content_view p {font-size: 15px;}

.single_content_view a {font-size: 15px;}

.single_content_view blockquote cite { font-size: 13px; }

.other_story p {padding: 5% 0 7%;font-size: 17px;}

.single_content_view a.download_btn,
	a.download_btn,
    .single_content_view a.transfer_btn, 
    a.transfer_btn { background-position: calc(100% - 24px) center; padding: 16px 53px 15px 22px; }

.single_content_view a.transfer_btn, 
    a.transfer_btn { padding-right: 48px; background-position-y: calc(50% + 1px); }

html.ios .single_content_view a.download_btn,
	html.ios a.download_btn,
    html.ios .single_content_view a.transfer_btn, 
    html.ios a.transfer_btn { padding-top: 17px; padding-bottom: 14px; }

.single_content_view .download_btn_group { gap: 12px; }

.member_list_wrap {margin-top: 25px;}

.member_list + .member_list_department {margin-top: 20px;}

.member_list_department {margin-bottom: 12px;}

.member_list li {width: 15%;margin-right: 2%;margin-bottom: 2%;}

.member_list li:nth-child(9n) {margin-right:2%;}

.member_list li:nth-child(6n) {margin-right:0;}

.member_list .member_name p {font-size: 11px;}

/* SINGLE WIDGET */
.single_widget_compare { gap: 0 15px; }
}

@media (max-width: 460px) {
.single_content_view .motion_with_code_wrap p { margin-bottom: 12px; }
}

@media (max-width: 380px) {
/* PROJECT VIEW */
.member_list li {width: 18.5%;margin-right: 1.875%;margin-bottom: 1.875%;}

.member_list li:nth-child(9n), .member_list li:nth-child(6n) {margin-right: 1.875%;}

.member_list li:nth-child(5n) {margin-right: 0;}
}