@charset "UTF-8";
/*
<탕비수다 이마고는 이미지를 활용해 다양한 기능을 제공합니다.>
Copyright (C) <2016>  <롤랑존>

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

-------------------------------------------------------------------
00. CSS Reset
01. Document Setup
02. Structure
03. Transition & Keyframes
04. Header
05. Page Title
06. Navigation
07. Widgets
08. Main Content
09. Post formats
10. Single post
11. Sidebar
12. Post Content
13. Comments
14. Gallery
15. Description
16. Footer
17. Responsive
-------------------------------------------------------------------*/

/* 웹폰트 */
/*@import url('https://fonts.googleapis.com/css?family=Lato:400,700:latin');
@import url('./images/tangbisuda.font.notosanskr.css');*/

/*
00. CSS Reset

제작자: Eric Meyer
홈페이지: http://meyerweb.com/eric/tools/css/reset/
라이선스: none (public domain)
-------------------------------------------------------------------*/
html, body { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-weight: 400; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
b, b *, strong, strong * { font-weight: 700 }
i, em { font-style: italic }
strong em, em strong { font-weight: 700; font-style: italic }
table { table-layout: fixed; border-collapse: collapse; border-spacing: 0 }
a { outline: none }
input[type=search] { -webkit-appearance: none }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none }
input[type=submit]:focus, input[type=button]:focus { outline: none }

/*
01. Document Setup
-------------------------------------------------------------------*/
*, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
/*body, button, input, textarea, code, pre { font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif }*/
body, button, input, textarea { font-family: 'Lato', 'Tang Bisuda WebFont', sans-serif }
code[class*="language-"], pre[class*="language-"] { font-family: 'Consolas', 'Tang Bisuda WebFont', sans-serif }
body { border: none; font-size: 14px; line-height: 1.5; color: #212121; background-color: #FEFEFF; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -webkit-text-size-adjust: none; text-size-adjust: none }
html, body { height: 100%; min-width: 300px }
body a { color: #212121; text-decoration: none; line-height: 1 }
body a:hover { color: #1ccacd }
img { max-width: 100%; height: auto }
iframe { max-width: 100% }
p { line-height: 1.733333333 }
button { color: inherit; background-color: transparent; border: none; outline: none; font-size: inherit; font-weight: inherit; padding: 0; cursor: pointer }
h1, h2, h3, h4, h5, h6 { margin-bottom: 25px; font-weight: 700 }
h1 a, h2 a, h3 a, h4 a { font-weight: 700 }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { font-weight: 700 }
td { vertical-align: top }
::selection { background: #676363; color: #FEFEFF }

/*
02. Structure
-------------------------------------------------------------------*/
/* basic */
.wrapper { position: relative; width: 100% }
.row { width: 100%; margin: 0 auto; padding: 0 50px; max-width: 100.000rem }
.row:before, .row:after { content: " "; display: table }
.holder { width: 100%; margin: 50px auto }

/* container & main */
#container { min-height: 100% }
#main { opacity: 0 }
#main.active { opacity: 1 }

/* sub structure */
.limit, .comport { width: 100%; margin: 0 auto 30px }
.shrink { width: 100% }
.clearfix { display: block }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.prelative { position: relative }
.hidden { display: none !important }
.fright { float: right }
.fleft { float: left }
.shadow-top { box-shadow: 0 -1px 0 rgba(0,0,0,.05) }
.shadow-bottom { box-shadow: 0 1px 0 rgba(0,0,0,.05) }

/* section */
.section-line { border-bottom: 1px solid #f2f2f2; padding-bottom: 30px }

/* touch scroll */
.noscroll { overflow: hidden }

/* vertical align */
.vtable { display: table }
.vtable-cell { display: table-cell; vertical-align: middle }

/* top button */
#function { display: none; width: 44px; height: 44px; position: fixed; bottom: 20px; right: 50px; z-index: 99999; font-size: 0; padding: 0; color: transparent }
#function.active { display: block }
#function .svg-icon { width: 20px; height: 20px }
#function .top .svg-icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
#function .svg-icon path { fill: #fefefe }
#function a { display: inline-block; width: auto; background: rgba(28, 202, 205, .4); padding: 12px; vertical-align: middle; white-space: nowrap }

/* text */
.text-limit { overflow: hidden; line-height: 1.250rem; min-height: 1.250rem }
.text-limit-to-two-lines { max-height: 2.500rem }
.text-limit-to-three-lines { max-height: 3.750rem }

/*
03. Transition & Keyframes
-------------------------------------------------------------------*/
/* Transition */
.grid-item .item-content-caption { -webkit-transition: opacity 0.15s; transition: opacity 0.15s }
.comment-form input[type="text"], .comment-form input[type="password"], .comment-form textarea { -webkit-transition: background-color 0.15s; transition: background-color 0.15s }
.sidebar .widget.list a { -webkit-transition: padding 0.15s ease-in-out; transition: padding 0.15s ease-in-out }
#toggle-menu { -webkit-transition: -webkit-transform.5s ease-in-out; transition: transform .5s ease-in-out }
#toggle-menu span { -webkit-transition: -webkit-transform .25s ease-in-out; transition: transition .25s ease-in-out }

/* Keyframes */
@-webkit-keyframes spin { from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)} }
@keyframes spin{ from{transform:rotate(0deg)}to{transform:rotate(360deg)} }

/**
04. Header
-------------------------------------------------------------------*/
/* 헤더 */
.header-wrapper { position: fixed; top: 0; width: 100%; padding: 0; z-index: 88888; opacity: 0; height: 70px; min-height: 70px; -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000), min-height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000), min-height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000), min-height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); box-shadow: 0 1px 0 rgba(0,0,0,.05) }
.header-wrapper.active { opacity: 1 }
#container.background.expand .header-wrapper { box-shadow: none;
/*background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6))*/ }
#header { width: 100%; height: 70px }
#header .svg-icon { margin-top: -2px }
#header .link_item { font-weight: 400 }
#header ul { display: block; top: 0 }
#header li { display: inline-block; margin-left: 10px; line-height: 70px; height: 100%; vertical-align: top }
#header .gnb { width: calc(100% - 140px); height: 70px; float: left; overflow: hidden; display: inline-block; padding-right: 30px }
#header .gnb > ul { white-space: nowrap }
#header .gnb > ul> li { margin-left: 0 }
#header .gnb .category_list > li { padding-left: 10px; padding-right: 10px; margin-left: 0 }
#header .gnb .category_list > li:first-child { padding-left: 0 }
#header .gnb .sub_category_list li { display: block; margin-left: 0; white-space: normal; height: auto }
/* 스틱 헤더 */
.header-wrapper.sticky { height: 50px; min-height: 50px }
#container.background.expand .header-wrapper.sticky { box-shadow: 0 1px 0 rgba(0,0,0,.05) }
.header-wrapper.sticky #header { height: 50px }
.header-wrapper.sticky #header li, .header-wrapper.sticky #header.thumb .gnb .category_list > li > a { line-height: 50px }
.header-wrapper.sticky #header .home-link-logo { max-height: 30px; line-height: 50px }
.header-wrapper.sticky #header .gnb, .header-wrapper.sticky #header .mini-gnb { height: 50px }
/* 홈 */
#header .home { width: 150px; padding-right: 30px }
#header .home li:first-child { margin-left: 0 }
#header .home a { vertical-align: middle; display: inline-block }
#header .home-link-logo { max-height: 50px; line-height: 70px; vertical-align: middle; margin-left: 0 }
/* 블로그 타이틀 */
#header .blogtitle { display: none; cursor: pointer }
/* 네비 */
#header .nav { width: calc(100% - 150px) }
/* 카테고리 드롭다운 목록 */
#header.dropdown .gnb > ul { float: left }
#header.dropdown .gnb .category_list > li { float: left }
#header.dropdown .gnb .category_list > li.has-child { cursor: pointer }
#header.dropdown .gnb .sub_category_list { display: none; position: absolute; width: 200px; top: 100%; padding: 11px 20px; margin-left: -20px; border-right: 1px solid rgba(0,0,0,.05); border-bottom: 1px solid rgba(0,0,0,.05); border-left: 1px solid rgba(0,0,0,.05) }
#header.dropdown .gnb .category_list > li.has-child:hover .sub_category_list { display: block }
#header.dropdown .gnb .sub_category_list > li { line-height: 1 }
#header.dropdown .gnb .sub_category_list > li > a { line-height: 1.2 }
#header.dropdown .gnb .sub_category_list > li:first-child { border-top-width: 0 }
#header.dropdown .gnb .sub_category_list > li { padding-top: 8px; padding-bottom: 9px; border-top: 1px dashed #e5e5e5 }
/* 카테고리 썸네일 목록*/
#header.thumb .gnb .category_list > li { position: static; cursor: pointer }
#header.thumb .gnb .category_list > li > a { display: inline-block; line-height: 70px }
#header.thumb .gnb .category_list > li > a img { margin-bottom: 2px }
#header.thumb .gnb .sub_category_list { display: none; line-height: 40px; padding: 40px 0; position: absolute; top: 100%; left: 0; width: 100%; z-index: 99999; overflow: hidden }
#header.thumb .gnb .has-child.active .sub_category_list { display: block }
#header.thumb .gnb .sub_category_list > li { width: 100%; position: relative; margin: 0 auto; padding: 0 50px; max-width: 100.000rem }
#header.thumb .gnb .sub_category_list > li .category-wrapper { display: none; float: right; margin-left: 0; top: 50px; left: 0 }
#header.thumb .gnb .sub_category_list.expand > li .category-wrapper { margin-left: 0; width: 100% }
#header.thumb .gnb .sub_category_list > li.active .category-wrapper { display: block }
#header.thumb .gnb .sub_category_list > li:first-child > a { border-top-width: 0; top: 0 }
#header.thumb .gnb .sub_category_list > li > a { position: absolute; left: 50px; line-height: 1.3; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; padding-top: 8px; padding-bottom: 9px; border-top: 1px dashed #e5e5e5 }
#header.thumb .gnb .sub_category_list > li > a img { margin-bottom: 2px }
#header.thumb .gnb .sub_category_list .category-item { display: inline-block; color: #fefefe; vertical-align: top; padding-left: 0; margin-left: 1.6% }
#header.thumb .gnb .sub_category_list .category-item:first-child { margin-left: 0 }
#header.thumb .gnb .sub_category_list .category-item .item-content-caption { padding: 0 10px; text-align: center }
#header.thumb .gnb .sub_category_list .category-item .item-content-caption .text { font-size: 0.643rem; opacity: 0.7; margin: 5px 0 }
#header.thumb .gnb .sub_category_list .category-item .item-content-caption h2 { font-size: 0.857rem; margin-bottom: 0; font-weight: 400; line-height: 1.250rem }
#header.thumb .gnb .sub_category_list .category-item a:hover img { -webkit-animation-name: fadeIn; animation-name: fadeIn }
#header.thumb .gnb .sub_category_list .category-item .item-content-image-wrap { width: 100%; overflow: hidden }
#header.thumb .gnb .sub_category_list .category-item .item-content-image-wrap img { display: block }
#header.thumb .gnb .sub_category_list .category-item.opps { width: 100% !important }
#header.thumb .gnb .sub_category_list .category-item.opps .item-content-caption { padding: 0 }
#header.thumb .gnb .sub_category_list .category-item.opps h2 { color: #FEFEFE; font-weight: 400; text-align: left }
#header.thumb .gnb .sub_category_list .category-item .item-content-caption .text .category, #header.thumb .gnb .sub_category_list .category-item .item-content-caption .text .spot, #header .gnb .sub_category_list .category-item .item-content-caption .context { display: none }
/* 카테고리 썸네일 목록 개수 설정에 따른 너비 조정 */
#header.thumb .gnb .sub_category_list.tt-index > li > a { width: 15.33% }
#header.thumb .gnb .sub_category_list.tt-page > li > a { width: 18.72% }
/* index: expand 6 items, default 5 items */
#header.thumb .gnb .sub_category_list.expand.tt-index .category-item { width: 15.33% }
#header.thumb .gnb .sub_category_list.default.tt-index .category-item { width: 18.72% }
#header.thumb .gnb .sub_category_list.default.tt-index > li .category-wrapper { width: calc(100% - 16.93% - 50px); margin-left: calc(16.93% + 50px) }
/* page: expand 5 items, default 4 items */
#header.thumb .gnb .sub_category_list.expand.tt-page .category-item { width: 18.72% }
#header.thumb .gnb .sub_category_list.default.tt-page .category-item { width: 23.8% }
#header.thumb .gnb .sub_category_list.default.tt-page > li .category-wrapper { width: calc(100% - 20.32% - 50px); margin-left: calc(20.32% + 50px) }
#header.thumb .gnb .sub_category_list.expand.tt-page .category-item:nth-child(n+6) { display: none }
#header.thumb .gnb .sub_category_list.default.tt-page .category-item:nth-child(n+5) { display: none }

/* 미니 메뉴*/
#header .mini-gnb { width: 140px; height: 70px; float: right; display: inline-block; text-align: right }
#header .mini-gnb ul { width: 100% }
#header .mini-gnb li:first-child { margin-left: 0 }
#header .mini-gnb a { font-size: 0.875em; height: 100%; font-weight: 400 }
#header .mini-gnb .active > a, #header .backend.active a { color: #212121 }
#header .mini-gnb .front, #header .mini-gnb .backend, #header #mini-gnb-share { display: none }
#header .mini-gnb .front.active, #header .mini-gnb .backend.active, #tt-body-page #header #mini-gnb-share.active { display: inline-block }
#header .mini-gnb .backend { margin-left: 0 }
#header .mini-gnb .backend .svg-icon.logout path { fill: #1ccacd }
#header #toggle-search, #header #mini-gnb-share, #header #toggle-mini-gnb { cursor: pointer }
#header #toggle-mini-gnb > .svg-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
#header #toggle-mini-gnb.active > .svg-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
/* 공유 닫기 버튼 */
#share-bar-close { display: none; position: fixed; right: 20px; top: 10px; width: 25px; height: 50px; cursor: pointer; z-index: 99999 }
/* 모바일 메뉴 버튼 */
#toggle-menu { cursor: pointer; text-align: center; position: relative; float: left; top: 0; display: none; width: 25px; height: 50px; -webkit-transform: rotate(0deg); transform: rotate(0deg) }
#toggle-menu span { display: block; position: absolute; height: 2px; width: 20px; background: #212121; border-radius: 3px; opacity: 1; left: 2px; -webkit-transform: rotate(0deg); transform: rotate(0deg) }
#toggle-menu span:nth-child(1) { top: 18px }
#toggle-menu span:nth-child(2), #toggle-menu span:nth-child(3) { top: 24px }
#toggle-menu span:nth-child(4) { top: 30px }
#toggle-menu.open span:nth-child(1) { top: 30px; width: 0%; left: 50% }
#toggle-menu.open span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
#toggle-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
#toggle-menu.open span:nth-child(4) { top: 30px; width: 0%; left: 50% }
/* 모바일 메뉴 */
#mobile-gnb { display: none; width: 100% }
#mobile-gnb.active { display: block }
#mobile-gnb .svg-icon { width: 20px; height: 20px }
#mobile-gnb a { color: #212121 }
#mobile-gnb .home-link { font-weight: 700 }
#mobile-gnb ul li { margin-top: 10px; margin-bottom: 10px; text-indent: 10px; line-height: 30px }
#mobile-gnb .widget { background: #f5f5f5; padding: 10px 20px; margin: 0; position: fixed; top: 50px; left: 0; right: 0; bottom: 0; width: 100%; overflow: auto; z-index: 99999 }
#mobile-gnb .category-info .category_list > li { border-bottom: solid 1px #fefefe; padding-bottom: 10px }
#mobile-gnb .category-info .category_list > li:last-child { border-bottom: none }
#mobile-gnb .category-info .sub_category_list li { margin-left: 10px; opacity: 0.7 }
#mobile-gnb .category-info .sub_category_list li:last-child { margin-bottom: 0 }

/**
05. Page Title
-------------------------------------------------------------------*/
.pagetitle-wrapper { padding: 95px 0 25px; margin: 0 }
.pagetitle-wrapper.background { margin-top: 70px; padding-top: 25px }
.pagetitle-wrapper.background.expand { margin-top: 0; padding-top: 75px }
.pagetitle-wrapper.background #pagetitle { min-height: 200px }
#pagetitle { text-align: center; opacity: 0; position: relative; width: 100% }
#tt-body-page #pagetitle { margin-top: 11px }
#pagetitle.active { opacity: 1 }
#pagetitle a { color: inherit; font-weight: inherit }
#pagetitle .logo { display: none; margin-bottom: 25px }
#pagetitle .logo .svg-icon { width: 42px; height: 42px }
#pagetitle .category { display: inline-block; color: #1ccacd; margin-bottom: 11px }
#pagetitle h1 { display: inline-block; font-size: 1.857em; line-height: 1.2; word-break: break-all; word-wrap: break-word; margin-bottom: 0; font-weight: 400 }

/**
06. Navigation
-------------------------------------------------------------------*/
#navigation { display: block; padding: 0; margin: 0; text-align: center }
#navigation .page-hidden, #navigation .interword, #navigation .item-paging-interword { display: none }
#tt-body-guestbook #navigation .page-hidden { display: inline-block }
#navigation .svg-icon { width: 20px; height: 20px }
#navigation .top .svg-icon { -webkit-transform: rotate(90deg); transform: rotate(-90deg) }
#navigation .svg-icon path { fill: #bfbfbf }
#navigation li { display: inline-block }
#navigation .action li { margin-left: 20px }
#navigation .action li:first-child { margin-left: 0 }
.paging-prev a, .paging-next a { color: #212121 }
.no-more-prev, .no-more-next { opacity: 0.3 }
.paging-num .selected { color: #E5E5E5 }

/**
07. Widgets
-------------------------------------------------------------------*/
/*
SVG Icons

제작자: Eric Meyer
홈페이지: mobile-gnb
라이선스: free
-------------------------------------------------------------------*/
.svg-icon { width: 25px; height: 25px; vertical-align: middle }
.svg-icon path { fill: #212121 }
/* 저널 */
.featured-timeline { margin-top: 50px; margin-bottom: 25px }
.featured-timeline .sticky-post { padding: 0 0 10px; display: block; font-weight: 400; color: #212121 }
.featured-timeline .sticky-post:before { margin: 1px 5px 0 -3px; display: inline-block; vertical-align: middle; content:  url(data:image/svg+xml,%3Csvg%20class%3D%22svg-icon%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20%20%20%20width%3D%2220%22%20height%3D%2220%22%3E%0A%09%09%09%09%09%09%09%3Cpath%20d%3D%22M14.999%2C8.543c0%2C0.229-0.188%2C0.417-0.416%2C0.417H5.417C5.187%2C8.959%2C5%2C8.772%2C5%2C8.543s0.188-0.417%2C0.417-0.417h9.167C14.812%2C8.126%2C14.999%2C8.314%2C14.999%2C8.543%20M12.037%2C10.213H5.417C5.187%2C10.213%2C5%2C10.4%2C5%2C10.63c0%2C0.229%2C0.188%2C0.416%2C0.417%2C0.416h6.621c0.229%2C0%2C0.416-0.188%2C0.416-0.416C12.453%2C10.4%2C12.266%2C10.213%2C12.037%2C10.213%20M14.583%2C6.046H5.417C5.187%2C6.046%2C5%2C6.233%2C5%2C6.463c0%2C0.229%2C0.188%2C0.417%2C0.417%2C0.417h9.167c0.229%2C0%2C0.416-0.188%2C0.416-0.417C14.999%2C6.233%2C14.812%2C6.046%2C14.583%2C6.046%20M17.916%2C3.542v10c0%2C0.229-0.188%2C0.417-0.417%2C0.417H9.373l-2.829%2C2.796c-0.117%2C0.116-0.71%2C0.297-0.71-0.296v-2.5H2.5c-0.229%2C0-0.417-0.188-0.417-0.417v-10c0-0.229%2C0.188-0.417%2C0.417-0.417h15C17.729%2C3.126%2C17.916%2C3.313%2C17.916%2C3.542%20M17.083%2C3.959H2.917v9.167H6.25c0.229%2C0%2C0.417%2C0.187%2C0.417%2C0.416v1.919l2.242-2.215c0.079-0.077%2C0.184-0.12%2C0.294-0.12h7.881V3.959z%22%3E%3C%2Fpath%3E%0A%09%09%09%09%09%09%3C%2Fsvg%3E) }
/* 다음 공감 버튼 */
.daum_like_wrapper { margin: 50px 0 30px }
/* 다음 지도 */
#TixIntroMap { max-width: 100% }
/* 반응형 Iframe */
.responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden }
.responsive-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100% }
.responsive-container + p.cap1 { margin-top: -25px }
/* 검색 */
#search-wrapper { display: none; width: 100%; max-width: 300px; height: 0; position: relative; margin: 20px auto 0; background: rgba(255,255,255,0.7) }
#search-wrapper.active { display: block; height: 50px }
.search-form { border: none }
.search-form #s { display: block; border: none; background: none; width: 100%; height: 50px; line-height: 1.2; font-size: 1.286em; padding: 7px 15px; text-align: center }
.search-form #s:-webkit-input-placeholder { color: rgba(255,255,255,0.8) }
.search-form #s:-ms-input-placeholder { color: rgba(255,255,255,0.8) }
.search-form #s:focus { outline: none }
.search-form .submit { background-image: url(data:image/svg+xml,%3Csvg%20class%3D%22svg-icon%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%3E%0A%09%3Cpath%20fill%3D%22%23fa8072%22%20d%3D%22M1.729%2C9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801%2C0-1.107c0.305-0.306%2C0.801-0.306%2C1.106%2C0%0A%09l5.481%2C5.482c0.018%2C0.014%2C0.037%2C0.019%2C0.053%2C0.034c0.181%2C0.181%2C0.242%2C0.425%2C0.209%2C0.66c-0.004%2C0.038-0.012%2C0.071-0.021%2C0.109%0A%09c-0.028%2C0.098-0.075%2C0.188-0.143%2C0.271c-0.021%2C0.026-0.021%2C0.061-0.045%2C0.085c-0.015%2C0.016-0.034%2C0.02-0.051%2C0.033l-5.483%2C5.483%0A%09c-0.306%2C0.307-0.802%2C0.307-1.106%2C0c-0.307-0.305-0.307-0.801%2C0-1.105l4.184-4.185H1.729c-0.436%2C0-0.788-0.353-0.788-0.788%0A%09S1.293%2C9.212%2C1.729%2C9.212z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E); background-position: center; background-repeat: no-repeat; width: 40px; height: 100%; position: absolute; top: 0; right: 15px; border: none; background-color: transparent; cursor: pointer }
/* 티스토리 툴바 & 프로필 숨김 */
#tistorytoolbarid, .tistoryProfileLayerTrigger, .link_tit { display:none !important }
/* 툴팁 */
li.tooltips { position: relative; display: inline }
li.tooltips span { position: absolute; color: #FEFEFF; background: #212121; font-size: 0.688rem; height: 30px; line-height: 30px; text-align: center; visibility: hidden; border-radius: 6px }
li.tooltips span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #212121; border-right: 8px solid transparent; border-left: 8px solid transparent }
li:hover.tooltips span { visibility: visible; opacity: 0.8; width: 60px; top: 60px; left: 50%; margin-left: -30px; z-index: 999 }
/* 로더 */
#loader-wrapper { display: none; position: fixed; background: transparent; width: 100%; height: 100%; left: 0; top: 0; z-index: 100 }
#loader-wrapper.active { display: block }
#loader-wrapper div { position: absolute; z-index: 9999; top: 50%; left: 50% }
#loader-wrapper .spinner-wrapper { width: 40px; height: 40px; background: #fff; border-radius: 50%; border: 1px solid rgba(31,45,61,0.1); margin: -15px -15px -15px -20px }
#loader-wrapper .spinner { display: inline-block; width: 30px; height: 30px; border-width: 2px; border-style: solid; border-color: #1F2D3D transparent transparent; border-radius: 50%; animation: spin 1s linear infinite; margin: -15px }
/* 버튼 */
.link-button-wrapper { margin: 0 auto 30px; text-align: center }
.link-button { cursor: pointer; background: #fff; border: 1px solid #1ccacd; display: inline-block; padding: 10px 15px; border-radius: 4px; margin: 0 auto; color: #1ccacd }
/* 공지사항 슬라이더 */
.notice-slider-wrapper { display: none; width: 280px }
.notice-slider-wrapper.active { display: block }
#notice-slider .svg-icon { width: 15px; height: 15px; vertical-align: top; margin-right: 2px }
/**
08. Main Content
-------------------------------------------------------------------*/
.search-thumbs-wrap { margin: 0 auto 50px; max-width: 100.000rem; overflow: hidden }
.search-thumbs-wrap .grid-item .item-content-image-wrap { width: 100%; position: relative; overflow: hidden }
.search-thumbs-wrap .grid-item .item-content-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block }
.search-thumbs-wrap .grid-item .item-content-image:before { content: ""; display: block; opacity: 0; background: rgba(0, 206, 209, .8); position: absolute; width: 100%; height: 100%; z-index: 1 }
.search-thumbs-wrap .grid-item .item-thumbnail-link:hover .item-content-image { -webkit-animation-name: fadeIn; animation-name: fadeIn }
.search-thumbs-wrap .grid-item .item-thumbnail-link:hover .item-content-image:before { opacity: 0.4 }
.search-thumbs-wrap .grid-item .item-content-caption-wrapper { width: 100%; display: table }
.search-thumbs-wrap .grid-item .item-content-caption { display: table-cell; vertical-align: middle; text-align: center }
.search-thumbs-wrap .grid-item .item-content-caption h2 { font-size: 1.125em; line-height: 1.250em; font-weight: 400; margin-top: 5px; margin-bottom: 0; letter-spacing: .8px; overflow: hidden }
.search-thumbs-wrap .grid-item .item-content-caption .text { font-size: 0.750em; opacity: 0.8; font-weight: 400 }
.search-thumbs-wrap .grid-item .item-content-caption .context { display: none; margin-top: 5px; font-size: 0.929em; line-height: 1.250rem }
.search-thumbs-wrap .grid-item .item-content-header { display: none }
/* masonry */
.search-thumbs-wrap .grid-item { opacity: 0; cursor: pointer; overflow: hidden; break-inside: avoid; outline: 0 }
.search-thumbs-wrap .grid-item.active { opacity: 1 }
/* tile */
.search-thumbs-wrap.tile .grid-item { margin-bottom: 0.5% }
.search-thumbs-wrap.tile .gutter-sizer { width: 0.5% }
.search-thumbs-wrap.tile .grid-item.front-image .item-content-caption { padding: 1.571em }
.search-thumbs-wrap.tile .grid-item .item-content-caption h2 { font-size: 1.143em; word-break: break-all; word-wrap: break-word; letter-spacing: -0.07em; max-height: none }
.search-thumbs-wrap.tile .grid-item.grid-item--width-one.front-image .item-content-caption, .search-thumbs-wrap.tile .grid-item.grid-item--width-one.front-text .item-content-caption, .search-thumbs-wrap.tile .grid-item.grid-item--width-one.only-text .item-content-caption { padding: 8px 12px }

.search-thumbs-wrap.tile .grid-item .item-content-image.remove-background { background: none !important }
/* image aspect ratio */
.search-thumbs-wrap .grid-item .item-content-image-wrap.three-two { padding-top: 66.66% }
.search-thumbs-wrap .grid-item .item-content-image-wrap.four-three { padding-top: 75% }
.search-thumbs-wrap .grid-item .item-content-image-wrap.sixteen-nine { padding-top: 56.25% }
.search-thumbs-wrap .grid-item .item-content-image-wrap.one-one { padding-top: 100% }
/* only text */
.search-thumbs-wrap .grid-item.only-text  { background-color: #fefefe }
.search-thumbs-wrap .grid-item.only-text .item-content-image-wrap { opacity: 0 }
.search-thumbs-wrap .grid-item.only-text .item-content-caption-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100% }
.search-thumbs-wrap .grid-item.only-text .item-content-caption { opacity: 1; position: relative; overflow: hidden; width: 100%; text-align: center; padding: 1.571em }
.search-thumbs-wrap .grid-item.only-text .item-content-caption h2, .search-thumbs-wrap .grid-item.only-text .item-content-caption .text, .search-thumbs-wrap .grid-item.only-text .item-content-caption .context { color: #212121 }
/* caption align */
.search-thumbs-wrap.caption-align-bottom .grid-item .item-content-caption-wrapper { margin: auto 0 0 !important }
.search-thumbs-wrap.caption-align-bottom .grid-item .item-content-caption { vertical-align: bottom; text-align: left !important }
.search-thumbs-wrap.caption-align-bottom .grid-item.grid-item--width-one.front-image .item-content-caption, .search-thumbs-wrap.caption-align-bottom .grid-item.grid-item--width-one.front-text .item-content-caption, .search-thumbs-wrap.caption-align-bottom .grid-item.grid-item--width-one.only-text .item-content-caption { padding: 1.571em }
/* front image */
.search-thumbs-wrap .grid-item.front-image { background-color: transparent }
.search-thumbs-wrap .grid-item.front-image .item-content-caption-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100% }
.search-thumbs-wrap .grid-item.front-image .item-content-caption { color: #fefefe; position:relative; opacity: 0; overflow: hidden; width: 100%; text-align: center; padding: 1em; z-index: 1 }
.search-thumbs-wrap .grid-item.front-image .item-content-caption h2 { overflow: hidden; font-size: 1.214em }
.search-thumbs-wrap .grid-item.front-image .item-content-caption h2.title { margin-top: 0 }
.search-thumbs-wrap .grid-item.front-image .item-content-caption .context { display: none; overflow: hidden; max-height: 3.750rem }
.search-thumbs-wrap .grid-item.front-image .item-thumbnail-link:hover .item-content-caption { opacity: 1 }
/* front text */
.search-thumbs-wrap .grid-item.front-text  { background-color: transparent }
.search-thumbs-wrap .grid-item.front-text .item-content-image:before { opacity: 1; background-color: rgba(0,0,0,.4) }
.search-thumbs-wrap .grid-item.front-text .item-content-caption-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100% }
.search-thumbs-wrap .grid-item.front-text .item-content-caption { opacity: 1; position: relative; overflow: hidden; width: 100%; text-align: center; padding: 1em; z-index: 1 }
.search-thumbs-wrap .grid-item.front-text .item-content-caption h2 { color: #fefefe }
.search-thumbs-wrap .grid-item.front-text .item-content-caption .text { color: #FEFEFF }
.search-thumbs-wrap .grid-item.front-text .item-thumbnail-link:hover .item-content-image:before { opacity: 0 }
.search-thumbs-wrap .grid-item.front-text .item-thumbnail-link:hover .item-content-caption { opacity: 0 }
/* image and text */
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption { padding: 0 3px; width: 100%; text-align: left; min-height: 119px; max-height: 119px; display: block; overflow: hidden }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption h2 { overflow: hidden; font-size: 1.214em; min-height: 21px; max-height: 63px }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption h2.title { margin-top: 0 }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption .text { opacity: 0.8; margin-top: 10px }
.search-thumbs-wrap .grid-item.image-and-text .item-content-image-wrap + .item-content-caption .text { margin-top: 15px }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption .context { display: block; overflow: hidden; max-height: 3.750rem }
/* front text on box */
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption-wrapper { position: relative; padding: 1.714em 2.000em; border: 1px solid #f2f2f2 }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption { overflow: hidden; width: 100%; backface-visibility: hidden; background-color: #FEFEFF; text-align: left; min-height: 109px; max-height: 109px; display: block; overflow: hidden }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption:before { content: ""; display: block; border: 12px solid transparent; border-bottom-color: #f2f2f2; position: absolute; z-index: 2; top: -24px; left: 2.000em; margin-bottom: -24px }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption:after { content: ""; display: block; border: 11px solid transparent; border-bottom-color: #fefefe; position: absolute; z-index: 3; top: -21px; left: 2.000em; margin-left: 1px; margin-bottom: -21px }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption h2 { overflow: hidden; font-size: 1.214em }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption .text { opacity: 0.8 }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption .context { display: block; overflow: hidden; max-height: 3.750rem }

/**
09. Post formats
-------------------------------------------------------------------*/
/* 인덱스 페이지 */
#tt-body-location .location { max-width: 600px; margin: 0 auto }
#tt-body-location .spot { margin-bottom: 10px }
#tt-body-location .info { margin-bottom: 20px }

/**
10. Single post
-------------------------------------------------------------------*/
/* 글 관련 정보 */
.article-info { display: none; margin-top: 25px; position: relative; font-size: 0.929em; font-weight: 400; line-height: 1.2 }
/* 댓글 수 */
.reply-cnt { cursor: pointer }
/* 글 관련 태그 */
.article-tag { width: 75% }
.article-tag .title { font-size: 0.929em; display: inline; font-weight: 400 }
.article-tag .tags a { font-size: 0.857em; line-height: 2; margin-left: 7px }
.article-tag .tags a:hover { text-decoration: underline }
.article-tag .tags a:first-child { margin-left: 0 }
/* 이전다음글 */
.article-prev-next, .article-prev-ajax, .article-next-ajax { display: none }
.article-prev-next.active, .article-prev-ajax.active, .article-next-ajax.active { display: table }
.article-prev-next li { position: relative; width: 49.5%; min-height: 100px; margin: 0 auto; font-size: 0.875em; line-height: 1.3; overflow: hidden }
.article-prev-next img { display: block }
.article-prev-next .caption-wrapper { width: 100% }
.article-prev-next .caption { position: relative; overflow: hidden; width: 100%; z-index: 2 }
.article-prev-next .article-prev-ajax .caption { text-align: left; padding: 1.571em 1.571em 1.571em 2.571em }
.article-prev-next .article-next-ajax .caption { text-align: right; padding: 1.571em 2.571em 1.571em 1.571em }
.article-prev-next .caption .text { font-size: 0.750em; color: #FEFEFF; font-weight: 400 }
.article-prev-next .article-prev-ajax .caption .text { margin-left: 1px }
.article-prev-next .caption h2 {  font-size: 1.071em; letter-spacing: -0.07em; margin-bottom: 0; word-break: break-all; color: #FFF; line-height: 1.250em; font-weight: 400; overflow: hidden }
.article-prev-next .svg-icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2 }
.article-prev-next .article-prev-ajax .svg-icon { left: 0 }
.article-prev-next .article-next-ajax .svg-icon { right: 0 }
.article-prev-next .mask { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: #212121; opacity: 0.3; z-index: 1 }
/* 이전다음글: 썸네일 타입 */
.article-prev-next li.thumb-type .svg-icon path { fill: #FEFEFF !important }
.article-prev-next li.thumb-type a:hover .mask { background: rgba(3, 169, 244, 0.4) }
/* 이전다음글: 텍스트 타입 */
.article-prev-next li.text-type .mask { display: none }
.article-prev-next li.text-type .caption .text { color: #212121 }
.article-prev-next li.text-type .caption h2 { color: #212121 }
.article-prev-next li.text-type .svg-icon path { fill: #212121 }
/* 카테고리의 다른 글 */
.article-related li { display: block; float: left; margin: 0 0 1.6% 1.6%; width: 23.8%; vertical-align: top }
.article-related li:nth-child(4n+1) { margin-left: 0; clear: both }
.article-related .article-related-link { position: relative; display: block; width: 100%; color: inherit; padding-bottom: 8px }
.article-related .article-related-link:hover .article-related-title { color: #00ced1 }
.article-related.edge .article-related-thumb:after { content: ""; display: block; position: absolute; left: 3px; top: -1px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 10px; border-color: #fefefe #fefefe transparent #fefefe }
.article-related.edge .article-related-link:hover .article-related-thumb:after { border-color: #00bcd4 #00bcd4 transparent #00bcd4 }
.article-related .article-related-thumb img { display: block; margin-bottom: 10px }
.article-related .article-related-date { font-size: 0.625em; text-align: center }
.article-related .article-related-title { font-size: 0.875em; line-height: 1.250em; padding: 8px 6px 0 }
/* 섹션 타이틀 */
h4.title { font-size: 1.000em }
h4.title .svg-icon { width: 20px; height: 20px; position: relative; top: -1px }
/**
11. Sidebar
-------------------------------------------------------------------*/
/* Sidebar */
.sidebar .widget { margin-top: 40px; word-break: break-all }
.sidebar .widget .header { margin-top: 0; margin-bottom: 20px; font-size: 1.071em; text-transform: uppercase; letter-spacing: 1px; overflow: hidden; position: relative }
.sidebar .widget .header span { display: inline-block; position: relative; font-weight: 700 }
.sidebar .widget .header span:after { content: ""; height: 1px; margin-left: 10px; position: absolute; top: 50%; width: 75pc; left: 100%; background-color: #f2f2f2 }
.sidebar .widget .tt_category > li { padding-bottom: 0 !important }
/* : blog info */
.sidebar .widget.bloginfo img { background: #fefefe }
.sidebar .widget.bloginfo img.block { margin-bottom: 8px }
.sidebar .widget.bloginfo img.float { border-radius: 50%; float: left; margin-right: 8px; width: 45px }
/* : list type*/
.sidebar .widget.list ul > li > a { display: inline-block; vertical-align: middle }
.sidebar .widget.list > ul > li > a:hover { padding-left: 10px }
.sidebar .widget.list > ul > li:first-child { padding-top: 0; border-top-width: 0 }
.sidebar .widget.list > ul > li { padding-top: 8px; padding-bottom: 9px; border-top: 1px dashed #e5e5e5 }
/* : category list */
.sidebar .widget.list ul.category_list > li > a:hover { color: #1ccacd }
.sidebar .widget.list ul.category_list > li:not(.has-child) > a:hover { padding-left: 10px }
.sidebar .widget.list ul.category_list > li:first-child { padding-top: 0; border-top-width: 0 }
.sidebar .widget.list ul.category_list > li { padding-top: 8px; padding-bottom: 9px; border-top: 1px dashed #e5e5e5 }
.sidebar .widget.list ul.sub_category_list { padding-top: 9px }
.sidebar .widget.list ul.sub_category_list > li:first-child { padding-top: 8px }
.sidebar .widget.list ul.sub_category_list > li:last-child { padding-bottom: 0 }
.sidebar .widget.list ul.sub_category_list > li { padding-top: 8px; padding-bottom: 9px; border-top: 1px dashed #e5e5e5 }
.sidebar .widget.list ul.sub_category_list > li > a.link_sub_item { margin-left: 10px }
.sidebar .widget.list ul.category_list, .sidebar .widget.list ul.sub_category_list { margin-bottom: 0 }
.sidebar .widget.list ul.category_list img { margin-bottom: 3px }
/* : category list : sub category dropdown */
.sidebar .widget.list ul.category_list > li.has-child .moreless_fold, .sidebar .widget.list ul.category_list > li.has-child .moreless_top { float: right; top: -7px; position: relative; cursor: pointer }
.sidebar .widget.list ul.sub_category_list.dropdown { display: none }
.sidebar .widget.list ul.sub_category_list.dropdown.active { display: block }
/* : tag box */
.sidebar .widget.box ul > li { display: inline-block }
.sidebar .widget.box ul > li { margin-bottom: 5px; padding: 5px 20px; border: 1px solid #e5e5e5; border-radius: 20px; line-height: 2 }
.sidebar .widget.box ul > li > a { display: inline-block; vertical-align: middle; word-break: break-all }
/* : counter */
.sidebar .widget.counter ul > li { font-weight: 700; color: #FEFEFF; border: none }
.sidebar .widget.counter .yesterday { background-color: #675b58; }
.sidebar .widget.counter .total { background-color: #212121 }
.sidebar .widget.counter .today { background-color: #282423 }

/* First Sidebar */
.sidebar-first-wrapper { display: none; width: 100%; overflow: hidden; margin-top: 50px; margin-bottom: 50px }
#sidebar-first:before { content: ""; width: 100%; height: 100%; position: fixed; top: 0; z-index: -1; overflow: hidden; margin-left: -30px }
#sidebar-first .widget { width: 100%; font-size: 0.929em }

/* Second Sidebar */
.sidebar-second-wrapper { display: none; padding-top: 70px; overflow: hidden }
#sidebar-second .widget { display: block; float:left; margin: 0 0 70px 5% }

/**
12. Post Content
-------------------------------------------------------------------*/
/* 폰트 */
/*.article-desc.effect { font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif }*/
/* 효과 */
.article-desc.effect.font-size-small { font-size: 1.000em }
.article-desc.effect.font-size-default { font-size: 1.071em }
.article-desc.effect.font-size-large { font-size: 1.214em }
.article-desc.effect *:first-child { margin-top: 0 }
.article-desc.effect { word-wrap: break-word }
.article-desc.effect.break { word-break: break-all }
.article-desc.effect.keep { word-break: keep-all }
.article-desc.effect.justify { text-align: justify }
.article-desc.effect a { font-weight: 400 }
.article-desc.effect p { margin: 0 auto 30px }
.article-desc.effect h1, .article-desc.effect h2, .article-desc.effect h3, .article-desc.effect h4, .article-desc.effect h5, .article-desc.effect h6 { margin: 50px 0 15px; line-height: 1.2 }
.article-desc.effect h1 { font-size: 1.375em }
.article-desc.effect h2 { font-size: 1.250em }
.article-desc.effect h3 { font-size: 1.125em }
.article-desc.effect h4 { font-size: 1.000em }
.article-desc.effect h5 { font-size: 0.938em }
.article-desc.effect h6 { font-size: 0.875em; text-transform: uppercase; letter-spacing: 1px }
.article-desc.effect ul { list-style: disc; margin-left: 1.500em; margin-bottom: 50px }
.article-desc.effect ul ul { list-style: circle }
.article-desc.effect ul ul ul { list-style: square }
.article-desc.effect ol { list-style: decimal; margin-left: 1.500em }
.article-desc.effect ol ol { list-style: lower-alpha }
.article-desc.effect ol ol ol { list-style: lower-roman }
.article-desc.effect ul ul, .article-desc.effect ul ol, .article-desc.effect ol ul, .article-desc.effect ol ol { margin-bottom: 0 }
.article-desc.effect li { margin-bottom: 0.5em; line-height: 1.7 }
.article-desc.effect ul ul li, .article-desc.effect ul ol li, .article-desc.effect ol ul li, .article-desc.effect ol ol li { margin-top: 0.5em }
.article-desc.effect ol > li:last-child, .article-desc.effect ul > li:last-child { margin-bottom: 0 }
.article-desc.effect pre, .article-desc.effect pre { line-height: 1.8; margin-bottom: 35px; overflow-x: auto; background-color: #f2f2f2; padding: 20px }
.article-desc.effect blockquote { margin: 0 0 35px; padding: 0 0 0 20px; color: #7F7F7F; position: relative }
.article-desc.effect blockquote *:last-child { margin-bottom: 0 }
.article-desc.effect blockquote:before { content: "\201C"; position: absolute; top: 0; left: 0; font-size: 40px; color: salmon }
.article-desc.effect cite { font-weight: 400; letter-spacing: 1px; text-transform: uppercase; display: block; color: #212121; font-size: 0.750em; line-height: 1.2; margin-top: -20px }
.article-desc.effect cite:before { content: "— " }
.article-desc.effect hr.dashed { position: relative; display: block; width: 20%; height: 20px; border: 0; margin: 20px auto 50px; border-bottom: 3px double #e5e5e5 }
.article-desc.effect hr.dashed:before { position: absolute; top: 50%; left: 50%; width: 40px; margin-left: -20px; text-align: center; background: #fefefe; display: inline-block; vertical-align: middle; content: "x"; color: #e5e5e5 }
.article-desc.effect div { line-height: 1.733333333 }
/* imageblock */
.article-desc.effect .imageblock { width: 100%; display: block; height: auto }
.article-desc.effect .imageblock img[src*="/extension/"] { width: auto }
.article-desc.effect .imageblock img { width: 100% }
.article-desc.effect.image-shape-round .imageblock img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.article-desc.effect.image-shape-round table .imageblock img {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.article-desc.effect .imageblock .cap1, .article-desc.effect .pcap1, .article-desc.effect .responsive-container + p.cap1 { display: block; padding: 10px 10px 0; max-width: 100%; margin: 0 auto 20px; opacity: 0.8; font-size: 0.857em; font-weight: 400; line-height: 1.3 }
.article-desc.effect .pcap1 { margin-top: -40px; margin-bottom: 30px }
.article-desc.effect.caption-align-left .imageblock .cap1, .article-desc.effect.caption-align-left .pcap1, .article-desc.effect.caption-align-left .responsive-container + p.cap1, .article-desc.effect.caption-align-left .imageblock .exif-info { text-align: left }
.article-desc.effect.caption-align-center .imageblock .cap1, .article-desc.effect.caption-align-center .pcap1, .article-desc.effect.caption-align-center .responsive-container + p.cap1, .article-desc.effect.caption-align-center .imageblock .exif-info { text-align: center }
.article-desc.effect.caption-align-right .imageblock .cap1, .article-desc.effect.caption-align-right .pcap1, .article-desc.effect.caption-align-right .responsive-container + p.cap1, .article-desc.effect.caption-align-right .imageblock .exif-info { text-align: right }
.article-desc.effect p.float-left-imageblock { margin-top: 5px; margin-bottom: 0 }
.article-desc.effect p.float-right-imageblock { margin-top: 5px; margin-bottom: 0 }
/* exifinfo */
.article-desc.effect .imageblock .ExifInfo { display: none }
.article-desc.effect .imageblock .exif-info { padding: 10px 5px 0; margin: 0 auto 20px }
.article-desc.effect .imageblock .exif-info .camera { margin: 0 auto 10px; font-size: 0.929em; font-weight: 400 }
.article-desc.effect .imageblock .exif-info .meta { font-size: 0.857em; font-weight: 400; line-height: 1.3 }
.article-desc.effect .imageblock .exif-info .bar { padding: 0 3px; margin: 0 auto; font-size: 0.857em; font-weight: 400 }
/* 더보기 */
/*.moreless_fold, .moreless_top, .moreless_bottom { color: #181F1C; font-weight: 400 }*/
.moreless_fold span:after { display: inline-block; content: url(data:image/svg+xml,%3Csvg%20class%3D%22svg-icon%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20fill%3D%22%231ccacd%22%20d%3D%22M11.611%2C10.049l-4.76-4.873c-0.303-0.31-0.297-0.804%2C0.012-1.105c0.309-0.304%2C0.803-0.293%2C1.105%2C0.012l5.306%2C5.433c0.304%2C0.31%2C0.296%2C0.805-0.012%2C1.105L7.83%2C15.928c-0.152%2C0.148-0.35%2C0.223-0.547%2C0.223c-0.203%2C0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803%2C0.012-1.104L11.611%2C10.049z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E); -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 3px; position: relative }
.moreless_top span:after, .moreless_bottom span:after { display: inline-block; content: url(data:image/svg+xml,%3Csvg%20class%3D%22svg-icon%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20fill%3D%22%231ccacd%22%20d%3D%22M11.611%2C10.049l-4.76-4.873c-0.303-0.31-0.297-0.804%2C0.012-1.105c0.309-0.304%2C0.803-0.293%2C1.105%2C0.012l5.306%2C5.433c0.304%2C0.31%2C0.296%2C0.805-0.012%2C1.105L7.83%2C15.928c-0.152%2C0.148-0.35%2C0.223-0.547%2C0.223c-0.203%2C0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803%2C0.012-1.104L11.611%2C10.049z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 3px; position: relative }
.moreless_content { margin-bottom: 30px }
/* 그리드 */
.article-desc.grid-image .grid { margin-bottom: 30px }
.article-desc.grid-image .grid .imageblock { width: 100% !important }
.article-desc.grid-image .grid-item, .article-desc .grid-item--col2, .article-desc .grid-item--col3 { margin: 0 0 1% !important; overflow:hidden }
.article-desc.grid-image .grid-item, .article-desc .grid-sizer { width: 15.83% }
.article-desc.grid-image .grid-item--col2 { width: 49.5% }
.article-desc.grid-image .grid-item--col3 { width: 32.66% }
.article-desc.grid-image .gutter-sizer { width: 1% }
.article-desc.grid-image .grid .cap1, .article-desc.grid-image .grid .exif-info { margin-bottom: 0 }
/* 강제 확대 */
.article-desc.force-enlargement-image .imageblock { width: 100% !important }
/* tistory table */
.article-desc.effect .txc-table { margin-bottom: 30px; /*width: 100% !important*/ }
/* tistory 각주 */
.article-desc.effect div.footnotes { padding: 15px; background: #f8f8f8 }
.article-desc.effect ol.footnotes li { list-style-type: none; counter-increment: list; position: relative; font-size: 0.857em }
.article-desc.effect ol.footnotes li:before { content: counter(list) "."; position: absolute; left: -2.5em; width: 2em; text-align: right; color: #f9650d }

/**
13. Comments
-------------------------------------------------------------------*/
#tistory-comment, #disqus-comment, #livere-comment { display: none }
#tistory-comment.active { display: block }
#disqus-comment.active { display: block }
#livere-comment.active { display: block }

.tt_more_preview_comments_wrap { margin-bottom: 8% }
.tt_more_preview_comments_text:after { display: inline-block; content: url(data:image/svg+xml,%3Csvg%20class%3D%22svg-icon%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M11.611%2C10.049l-4.76-4.873c-0.303-0.31-0.297-0.804%2C0.012-1.105c0.309-0.304%2C0.803-0.293%2C1.105%2C0.012l5.306%2C5.433c0.304%2C0.31%2C0.296%2C0.805-0.012%2C1.105L7.83%2C15.928c-0.152%2C0.148-0.35%2C0.223-0.547%2C0.223c-0.203%2C0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803%2C0.012-1.104L11.611%2C10.049z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E); -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 3px; position: relative }
.comments { width: 100%; word-break: break-all; word-wrap: break-word }
.comments a { color: inherit }
li.comment, li > div.comment { margin-bottom: 25px; position: relative }
li > div.comment { padding-bottom: 25px }
ol > li.comment { border-bottom: 1px solid #f2f2f2 }
ol > li.comment:last-child { border-width: 0 }
.comment-meta { margin-left: 80px }
.comment-meta img { display: block; background-color: #FEFEFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height: 64px; width: 64px; position: absolute; left: 0; top: 0 }
.comment-author { font-size: 0.938em; padding: 5px 0 0; display: block; font-weight: 400; height: 23px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.comment-author .svg-icon { height: 64px; width: 64px; position: absolute; left: 0; top: 0 }
.comment-author a { font-weight: 400 }
.comment-date { font-size: 0.750em; text-transform: uppercase }
.comment-date a { margin-left: 3px }
.comment-date a:first-child { margin-left: 0 }
.comment-actions { font-size: 0.750em; text-transform: uppercase }
.comment-actions a { margin-left: 10px }
.comment-actions a:first-child { margin-left: 0 }
.comment-content { margin-left: 80px; margin-top: 15px; font-size: 0.938em }
.comment-content a[id^=commentVisibility] { color: #1ccacd }

/* comment form */
.comment-form p { margin-bottom: 20px }
.comment-form p:last-child { margin-bottom: 0 }
.comment-form label, .comment-form .required { display: none }
.comment-form input[type="text"], .comment-form input[type="password"], .comment-form textarea { width: 100%; max-width: 100%; padding: 14px 16px; font-size: 0.813em; border: none; border: 1px solid #F2F2F2; border-radius: 4px; -webkit-appearance: none }
.comment-form.protected input[type="password"] { padding: 10.5px 16px }
.comment-form.font-size-large input[type="text"], .comment-form.font-size-large input[type="password"], .comment-form.font-size-large textarea { font-size: 1.000em }
.comment-form input[type="text"]:focus, .comment-form input[type="password"]:focus, .comment-form textarea:focus { outline: none; background-color: #E5E5E5; color: #181F1C }
.comment-form textarea { height: 120px; line-height: 1.6 }
.comment-form input[type="submit"] { line-height: 1; color: #212121; padding: 11px 10px 8px; border: 2px solid #212121; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: transparent }
.comment-form.protected input[type="submit"] { margin-left: 10px }
.comment-form input[type="submit"]:hover { cursor: pointer; text-decoration: none; color: #1ccacd }
.comment-form input[type="submit"]:active { top: 1px; position: relative }
.comment-form-author { width: 48% }
.comment-form-password { width: 48% }
.comment-form-action .secret-label { display: inline-block !important; cursor: pointer; width: 30px; height: 30px }
.comment-form-action .secret-checkbox:checked + .secret-label .svg-icon path { fill: #1ccacd }
.comment-form-action .secret-checkbox:not(checked) + .secret-label .svg-icon path { fill: #212121 }
.comment-form-action input[type=checkbox] { display: none }
.comment-form-action img { width: 30px; height: 30px; margin-left: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.rp_secret .comment-author:before, .guest_secret .comment-author:before { position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 17px; height: 17px; content: url(data:image/svg+xml,%3Csvg%20class%3D%22svg-icon%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%3E%3Cpath%20fill%3D%22%23fa8072%22%20d%3D%22M17.308%2C7.564h-1.993c0-2.929-2.385-5.314-5.314-5.314S4.686%2C4.635%2C4.686%2C7.564H2.693c-0.244%2C0-0.443%2C0.2-0.443%2C0.443v9.3c0%2C0.243%2C0.199%2C0.442%2C0.443%2C0.442h14.615c0.243%2C0%2C0.442-0.199%2C0.442-0.442v-9.3C17.75%2C7.764%2C17.551%2C7.564%2C17.308%2C7.564%20M10%2C3.136c2.442%2C0%2C4.43%2C1.986%2C4.43%2C4.428H5.571C5.571%2C5.122%2C7.558%2C3.136%2C10%2C3.136%20M16.865%2C16.864H3.136V8.45h13.729V16.864z%20M10%2C10.664c-0.854%2C0-1.55%2C0.696-1.55%2C1.551c0%2C0.699%2C0.467%2C1.292%2C1.107%2C1.485v0.95c0%2C0.243%2C0.2%2C0.442%2C0.443%2C0.442s0.443-0.199%2C0.443-0.442V13.7c0.64-0.193%2C1.106-0.786%2C1.106-1.485C11.55%2C11.36%2C10.854%2C10.664%2C10%2C10.664%20M10%2C12.878c-0.366%2C0-0.664-0.298-0.664-0.663c0-0.366%2C0.298-0.665%2C0.664-0.665c0.365%2C0%2C0.664%2C0.299%2C0.664%2C0.665C10.664%2C12.58%2C10.365%2C12.878%2C10%2C12.878%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) }
.guest_secret .comment-author .svg-icon path { fill: #fa8072 !important }

/* comment timeline */
.comment-list .comment > ul > li.timeline:before, .comment-list .comment > ul > li.timeline:after { content: ""; display: block; position: absolute; width: 3px; background-color: #1ccacd; left: 31px; z-index: 1 }
.comment-list .comment > ul > li.timeline { position: relative }
.comment-list .comment > ul > li.timeline:before { top: -25px; bottom: auto; height: 23px }
.comment-list .comment > ul > li.timeline:after { top: 66px; bottom: 0 }
.comment-list .comment > ul > li.timeline:first-child:before { content: none }
.comment-list .comment > ul > li.timeline:first-child:after { border-radius: 4px 4px 0 0 }
.comment-list .comment > ul > li.timeline:last-child:before { border-radius: 0 0 4px 4px }
.comment-list .comment > ul > li.timeline:last-child:after { content: none }
.comment-list .comment > ul > li.timeline:first-child:last-child:before, .comment-list .comment > ul > li.timeline:first-child:last-child:after { content: none }
.comment-list .comment > ul > li.timeline:hover .comment-content p {}

/* comment closed */
.comments-closed { margin-bottom: 0 }

/**
14. Gallery
-------------------------------------------------------------------*/
/* 인덱스 페이지 갤러리 */
.index-gallery-wrapper { display: none; text-align: center; padding: 70px 0 }
.index-gallery-wrapper.active { display: block }
#index-gallery .owl-item .vtable-wrapper { padding: 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% }
#index-gallery .owl-item .vtable { display: table; position: relative; margin: auto; width: 100%; height: 100%; border: 2px solid #fefefe }
#index-gallery .owl-item .vtable-cell { position: relative; z-index: 1; height: 100%; padding: 10px }
#index-gallery .owl-item .vtable-cell hr { width: 5%; border: 1px solid #fefefe; margin: 0 auto 20px }
#index-gallery h2 { font-weight: 700; font-size: 0.857em; color: #fefefe; line-height: 1.250rem; -webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.7); text-shadow: 0px 0px 10px rgba(0,0,0,0.7) }
#index-gallery .context { font-weight: 700; font-size: 1.143em; color: #fefefe; line-height: 1.250rem; max-height: 6.250rem; overflow: hidden; -webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.7); text-shadow: 0px 0px 10px rgba(0,0,0,0.7) }
/*#index-gallery .owl-item a:before { content: ""; display: block; opacity: 0; background: rgba(255,255,255,0.9); position: absolute; width: 100%; height: 100%; z-index: 1 }*/
/*#index-gallery .owl-item a:hover:before { opacity: 1 }*/
/*#index-gallery .owl-item a:hover .vtable { display: table }*/
#index-gallery.owl-theme .owl-controls { margin-top: 0 }

/* 퍼머링크 페이지 이미지 맵 */
.imap-wrapper { display: none; text-align: center; width: auto }
.imap-wrapper.active { display: block }
.imap-wrapper h4.title.toggle { margin-bottom: 0 }
.imap-wrapper h4.title span { cursor: pointer; margin-left: 6px }
.imap-wrapper h4.title .svg-icon path { fill: #1ccacd }
#imap { display: none }
#imap.active { display: block }
#imap p { font-size: 0.857em; width: 100%; color: #212121; padding: 10px 10px 0 25px; line-height: 1.286em; overflow: hidden; margin: 0; text-align: justify; position: relative }
#imap p:before { content: "\201C"; position: absolute; top: 20px; left: 0; font-size: 40px; color: salmon }

/* 퍼머링크 페이지 이미지 맵: 효과 */
.imap-icon, .imap-anchor-icon { display: none; cursor: pointer; background: #fefefe; padding: 4px; position: absolute; top: 15px; right: 15px }
.imap-anchor-icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
.article-desc.effect span[id^="imap"]:hover .imap-icon { display: block }
.owl-item:hover .imap-anchor-icon { display: block }

/* 이전다음 컨트롤 */
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.owl-theme .owl-controls .owl-nav .owl-prev { left: 0 }
.owl-theme .owl-controls .owl-nav .owl-next { right: 0 }

/**
15. Description
-------------------------------------------------------------------*/
.author-desc { display: none }
.author-desc.active { display: block }
.author-desc .avatar { vertical-align: top; padding-right: 20px }
.author-desc img { border-radius: 50% }
.author-desc h4 { margin-bottom: 20px }
.author-desc p { margin-bottom: 0 }
.author-desc hr { width: 18px; border: 1px solid #e6e6e6; margin: 0 auto 20px }
.author-desc ul { margin-top: 8px }
.author-desc li { display: inline-block; margin-left: 20px }
.author-desc li:first-child { margin-left: 0 }
.author-desc li a { font-weight: 700 }

/**
16. Footer
-------------------------------------------------------------------*/
.footer-wrapper {}
#footer { margin: 70px auto; font-size: 0.857em; text-align: center }
#footer a { color: inherit }
#footer li { display: inline-block; margin-left: 10px; margin-right: 10px; line-height: 1.2 }
#footer .maker { display:none; opacity: 0.6 }
#footer .maker.active { display: inline-block }
#footer li svg:first-child { margin-left: 0 }
#footer .svg-icon { width: 20px; height: 20px; margin-left: 10px }
#footer .svg-icon path { fill: #BFC0C0 }
#footer .logo { display: none }
#footer .logo .svg-icon { width: 64px; height: 64px; margin-left: 0 }
#footer .social { display: none; margin-top: 30px }
#footer .social.active { display: block }
#footer .credits { margin: 30px 0 0 }
#footer .credits li { margin-bottom: 10px }

/**
17. Responsive
-------------------------------------------------------------------*/
/* Responsive: 기본 */
@media (max-width: 800px) {
/* document setup */
body { font-size: 14px; background: #FEFEFF }

/* structure */
#wrapper { padding: 10px 0 0 }
#function { right: 20px }

/* basic */
.row { padding: 0 20px }
.mobile-hidden { display: none !important }
.holder { margin: 20px auto }

/* header */
.header-wrapper { height: 50px; min-height: 50px }
#header, #header .mini-gnb { height: 50px }
#header .nav, #header .mini-gnb { width: 63px }
#header li, .header-wrapper.sticky #header.thumb .gnb .category_list > li > a { line-height: 50px }
#header .home { display: none }
#header .blogtitle { display: block; height: 50px; line-height: 50px; width: calc(100% - 166px); text-align: center; position: absolute; top: 0; left: 83px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#header h1 { font-size: 1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
#header .svg-icon { width: 20px; height: 20px }
#toggle-menu { display: block }

/* 공지사항 슬라이더 */
.notice-slider-wrapper { margin: 0 auto 25px }
#notice-slider div { text-align: center }

/* pagetitle */
.pagetitle-wrapper.background { padding: 50px 0 }

/* comment */
.comment-meta img, .comment-author .svg-icon { width: 32px; height: 32px }
.comment-meta, .comment-content { margin-left: 40px }

/* comment timeline */
.comment-list .comment > ul > li.timeline:before, .comment-list .comment > ul > li.timeline:after { left: 15px }
.comment-list .comment > ul > li.timeline:after { top: 34px; bottom: 0 }

/* 페이징 */
#navigation .item-paging-num, #navigation .item-paging-interword { display: none !important }
}
@media only screen and (min-width: 801px) {
.noscroll { overflow: auto }
#mobile-gnb.active { display: none !important }
}
/* 페이지 타이틀 */
@media only screen and (max-width: 425px) {
  #pagetitle h1 { font-size: 1.429em }
  .pagetitle-wrapper.background #pagetitle { min-height: 164px }
}

/* Responsive: 카테고리의 다른 글 */
@media only screen and (max-width: 600px) {
.article-related li { width: 49.2%; margin-bottom: 25px }
.article-related li:nth-child(2n+1) { margin-left: 0; clear: both }
}

/* Responsive: 두 번째 사이드바 */
@media only screen and (max-width: 425px) {
.sidebar-second-wrapper { padding-bottom: 30px }
#sidebar-second .widget { width: 100%; margin-left: 0; margin-bottom: 40px }
}
@media only screen and (min-width: 426px) and (max-width: 768px) {
.sidebar-second-wrapper { padding: 70px 35px 30px }
#sidebar-second .widget { width: 47.5%; margin-bottom: 40px }
#sidebar-second .widget:nth-child(2n+1) { margin-left: 0; clear: both }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
#sidebar-second .widget { width: 30% }
#sidebar-second .widget:nth-child(3n+1) { margin-left: 0; clear: both }
}
@media only screen and (min-width: 1025px) {
#sidebar-second .widget { width: 21.25% }
#sidebar-second .widget:nth-child(4n+1) { margin-left: 0; clear: both }
}
/* Responsive: 태그 및 소셜 플러그인 */
@media only screen and (max-width: 425px) {
.article-tag, .share-bar-group { width: 100%; float: none !important }
.article-tag { margin-bottom: 30px }
.share-bar-group ul { text-align: center }
.share-bar-group.small li.sbg { width: 32px !important; height: 32px !important; border-radius: 50% }
}
/* Responsive: 검색 페이지 */
@media only screen and (max-width: 425px) {
.search-thumbs-wrap .grid-item, .search-thumbs-wrap .grid-sizer { width: 47.5% }
.search-thumbs-wrap .grid-item { margin-bottom: 5%; border: 1px solid #eee }
.search-thumbs-wrap .grid-item.text-on-box { border: none }
.search-thumbs-wrap .gutter-sizer { width: 5% }

.search-thumbs-wrap .grid-item .item-content-header, .search-thumbs-wrap .grid-item .item-content-caption { padding: 8px 10px !important }
.search-thumbs-wrap .grid-item .item-content-header h2, .search-thumbs-wrap .grid-item .item-content-caption h2 { margin-top: 0; font-size: 0.929em !important; line-height: 1.250em; max-height: none }
.search-thumbs-wrap .grid-item.front-image .item-content-caption h2, .search-thumbs-wrap .grid-item.front-text .item-content-caption h2 { max-height: 3.750em }
.search-thumbs-wrap .grid-item .item-content-caption .text { display: none }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption { min-height: 64px; max-height: 64px }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption h2 { max-height: 48px; overflow: hidden }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption-wrapper { padding: 0 }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption  { min-height: 64px; max-height: 64px }
.search-thumbs-wrap .grid-item.text-on-box .item-content-caption h2 { max-height: 48px; overflow: hidden }
.search-thumbs-wrap .grid-item .item-content-caption .context { display: none !important }

/* tile */
.search-thumbs-wrap.tile .grid-item, .search-thumbs-wrap.tile .grid-sizer { width: 49.75% }
.search-thumbs-wrap.tile .grid-item .item-content-image-wrap.mixed-quadruple-one { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item .item-content-image-wrap.mixed-three-two { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item .item-content-image-wrap.mixed-two-one { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item.only-text .item-content-image-wrap { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item .item-content-caption h2 { max-height: none }
}
@media only screen and (min-width: 426px) and (max-width: 768px) {
.search-thumbs-wrap .grid-item, .search-thumbs-wrap .grid-sizer { width: 47.5% }
.search-thumbs-wrap .grid-item { margin-bottom: 5% }
.search-thumbs-wrap .gutter-sizer { width: 5% }

/* tile */
.search-thumbs-wrap.tile .grid-item, .search-thumbs-wrap.tile .grid-sizer { width: 49.75%; padding-bottom: 0; border-bottom: none }
.search-thumbs-wrap.tile .grid-item .item-content-image-wrap.mixed-quadruple-one { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item .item-content-image-wrap.mixed-three-two { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item .item-content-image-wrap.mixed-two-one { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item.only-text .item-content-image-wrap { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item .item-content-caption h2 { font-size: 1.143em }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.search-thumbs-wrap .grid-item, .search-thumbs-wrap .grid-sizer { width: 30% }
.search-thumbs-wrap .grid-item { margin-bottom: 5% }
.search-thumbs-wrap .gutter-sizer { width: 5% }

.search-thumbs-wrap .grid-item .item-content-caption h2 { font-size: 1.000em }
/* tile */
.search-thumbs-wrap.tile .grid-item, .search-thumbs-wrap.tile .grid-sizer { width: 33% }
.search-thumbs-wrap.tile .grid-item .item-content-image-wrap.mixed-quadruple-one { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item .item-content-image-wrap.mixed-three-two { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item .item-content-image-wrap.mixed-two-one { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item.only-text .item-content-image-wrap { padding-top: 100% !important }
.search-thumbs-wrap.tile .grid-item .item-content-caption h2 { font-size: 1.143em }
}
@media only screen and (min-width: 1025px) {
.search-thumbs-wrap .grid-item, .search-thumbs-wrap .grid-sizer { width: 28.33% }
.search-thumbs-wrap .grid-item { margin-bottom: 7.5% }
.search-thumbs-wrap .gutter-sizer { width: 7.5% }
/* expand */
.search-thumbs-wrap.expand .grid-item, .search-thumbs-wrap.expand .grid-sizer { width: 22.75% }
.search-thumbs-wrap.expand .grid-item { margin-bottom: 3% }
.search-thumbs-wrap.expand .gutter-sizer { width: 3% }
/* tile */
.search-thumbs-wrap.tile .grid-item, .search-thumbs-wrap.tile .grid-sizer { width: 16.25% }
.search-thumbs-wrap.tile .grid-item--width-one { width: 16.25% }
.search-thumbs-wrap.tile .grid-item--width-double { width: 33% }
.search-thumbs-wrap.tile .grid-item--width-triple { width: 49.75% }
.search-thumbs-wrap.tile .grid-item--width-quadruple { width: 66.5% }
}
/* Responsive: 이전다음글 */
@media only screen and (max-width: 425px) {
.article-prev-next li { width: 100% }
.article-prev-next li.article-next-ajax.active { margin-top: 1% }
.article-prev-next .title { display: none }
}
/* Responsive: 썸네일 목록 */
@media only screen and (max-width: 800px) {
#header.thumb .gnb .sub_category_list .category-item { display: none }
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
/* 카테고리 썸네일 목록 개수 설정에 따른 너비 조정 */
#header.thumb .gnb .sub_category_list.tt-index > li > a { width: 18.72% }
#header.thumb .gnb .sub_category_list.tt-page > li > a { width: 23.8% }
/* index: expand 5 items, default 4 items */
#header.thumb .gnb .sub_category_list.expand.tt-index .category-item { width: 18.72% }
#header.thumb .gnb .sub_category_list.default.tt-index .category-item { width: 23.8% }
#header.thumb .gnb .sub_category_list.default.tt-index > li .category-wrapper { width: calc(100% - 20.32% - 50px); margin-left: calc(20.32% + 50px) }
#header.thumb .gnb .sub_category_list.expand.tt-index .category-item:nth-child(n+6) { display: none }
#header.thumb .gnb .sub_category_list.default.tt-index .category-item:nth-child(n+5) { display: none }
/* page: expand 4 items, default 3 items */
#header.thumb .gnb .sub_category_list.expand.tt-page .category-item { width: 23.8% }
#header.thumb .gnb .sub_category_list.default.tt-page .category-item { width: 32.26% }
#header.thumb .gnb .sub_category_list.default.tt-page > li .category-wrapper { width: calc(100% - 25.4% - 50px); margin-left: calc(25.4% + 50px) }
#header.thumb .gnb .sub_category_list.expand.tt-page .category-item:nth-child(n+5) { display: none }
#header.thumb .gnb .sub_category_list.default.tt-page .category-item:nth-child(n+4) { display: none }
}