@charset "UTF-8";
/*
  <Tang Bisuda Basic은 글보다 사진에 집중하도록 다양한 기능을 제공합니다.>
  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
  04. Header
  05. Page Title
  06. Navigation
  07. Widgets
  08. Main Content
  09. Post formats
  10. Single post
  11. Post Content
  12. Comments
  13. Pagination
  14. Footer
  15. Responsive
  -------------------------------------------------------------------*/

/*
  00. CSS Reset

  제작자: Eric Meyer
  홈페이지: http://meyerweb.com/eric/tools/css/reset/
  라이선스: none (public domain)
  -------------------------------------------------------------------*/
html, body { margin: 0; padding: 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: normal; 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, strong { font-weight: bold }
em { font-style: italic }
strong em, em strong { font-weight: bold; font-style: italic }
table { table-layout: fixed; border-collapse: collapse; border-spacing: 0 }
a { outline: none }
input[type=search] { -moz-appearance: none; -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 }

/*
  01. Document Setup
  -------------------------------------------------------------------*/
*, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
body { border: none; font-family: 'Lato', 'Tang Bisuda WebFont', sans-serif; font-size: 14px; line-height: 1.5; color: #444; background-color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased }
html, body { height: 100%; min-width: 300px }
body a { color: #2274A5; text-decoration: none; line-height: 1 }
img { max-width: 100%; height: auto }
p { line-height: 1.5 }
button { color: inherit; background-color: transparent; border: none; outline: none; font-family: 'Lato', 'Tang Bisuda WebFont', sans-serif; font-size: inherit; font-weight: inherit; padding: 0; cursor: pointer }
h1, h2, h3, h4, h5, h6 { color: #444; margin-bottom: 25px; font-weight: bold }
h1 a, h2 a, h3 a, h4 a { color: #444; font-weight: bold }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { font-weight: bold }
h2 { font-size: 2.000em; color: #fff; word-wrap: break-word }
h4 { font-size: 1.250em }
::selection { background: #676363; color: #fff }
:target:before { content: ""; display: inline-block; height: 80px; margin: -80px 0 0 }

/*
  02. Structure
  -------------------------------------------------------------------*/
.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 }

#container { min-height: 100% }
#main { opacity: 0 }

.limit { margin: 0 auto 100px }
div.limit:last-child { margin-bottom: 0 }
.clearfix { display: block }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.hidden { display: none !important }
.fright { float: right }
.fleft { float: left }

/*
  03. Transition
  -------------------------------------------------------------------*/
#main { -webkit-transition: opacity 2s cubic-bezier(.19, 1, .22, 1); -moz-transition: opacity 2s cubic-bezier(.19, 1, .22, 1); -ms-transition: opacity 2s cubic-bezier(.19, 1, .22, 1); -o-transition: opacity 2s cubic-bezier(.19, 1, .22, 1); transition: opacity 2s cubic-bezier(.19, 1, .22, 1) }
.grid-item img, .grid-item .item-content-caption { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s }
.header-wrapper, #header .gnb .sub_category_list, .comment-form input[type="text"], .comment-form input[type="password"], .comment-form textarea, #mobile-gnb .text a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }

/**
  04. Header
  -------------------------------------------------------------------*/
/* 헤더 */
.header-wrapper { width: 100%; padding: 20px 0 0; position: absolute; top: 0; z-index: 88888 }
.header-wrapper.sticky { position: fixed; background: #fff; color: #000; padding: 0; box-shadow: 0px 0px 5px rgba(0,0,0,0.20) }
.header-wrapper.sticky .svg-icon path { fill: ##BFC0C0  }
.header-wrapper.sticky .gnb.blog-menu-info .category_list, .header-wrapper.sticky .gnb.category-info .sub_category_list { top: 90% !important }

#header { opacity: 0; height: 50px }
#header.category .blog-menu-info { display: none }
#header.blog-menu .category-info, #header.blog-menu .guestbook { display: none }
#header a { color: inherit; font-weight: bold }
#header a:hover { color: #64B5F6 }
#header h1 { display: inline-block; font-size: 1.375em; line-height: 50px; height: 100%; margin: 0 }
#header ul { position: relative; float: left; display: block; top: 0 }
#header li { position: relative; display: inline-block; margin-left: 10px; line-height: 50px; height: 100%; vertical-align: top }
#header .gnb li:first-child, #header .mini-gnb li:first-child { margin-left: 0 }
#header .gnb li { margin-left: 40px }
#header .gnb .has-child .extends .svg-icon { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg) }
#header .gnb .sub_category_list li { display: block; margin-left: 0; line-height: 30px }
/* 카테고리*/
#header .gnb.category-info .has-child.active .sub_category_list { display: block }
#header .gnb.category-info .sub_category_list { display: none; padding: 15px; position: absolute; top: 100%; left: -15px; min-width: 200px; z-index: 99999; background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.20) }
/* 블로그 메뉴*/
#header .gnb.blog-menu-info ul { float: none }
#header .gnb.blog-menu-info .category_list li { margin-left: 0; line-height: 30px }
#header .gnb.blog-menu-info .category_list > li { display: block }
#header .gnb.blog-menu-info .category_list .sub_category_list { text-indent: 10px }
#header .gnb.blog-menu-info .category_list .extends { display: none }
#header .gnb.blog-menu-info .category_list { display: none; padding: 15px; position: absolute; top: 100%; left: -15px; min-width: 200px; z-index: 99999; background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.20) }
#header .gnb.blog-menu-info .active .category_list { display: block }

#header .mini-gnb img { border-radius: 100%; vertical-align: middle }
#header .mini-gnb a { font-size: 0.875em; height: 100%; line-height: 50px; font-weight: normal }
#header .svg-icon { width: 20px; height: 20px; margin-top: -2px }

/* 모바일 메뉴 버튼 */
#toggle-menu { display: none; cursor: pointer; text-align: center; position: relative; float: left; top: 0; line-height: 50px }

/* 모바일 메뉴 */
#mobile-gnb { display: none; width: 100% }
#mobile-gnb.active { display: block }
#mobile-gnb a { color: #000 }
#mobile-gnb ul li { margin-top: 10px; margin-bottom: 10px; text-indent: 10px; line-height: 30px }
#mobile-gnb .push { padding: 45px 20px; margin: 0 }
#mobile-gnb .widget { background: #f5f5f5; padding: 10px 20px; margin: 0 }
#mobile-gnb .category-info .category_list > li { border-bottom: solid 1px #ddd; 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 }

/* 서브 메뉴 */
.sub-nav-wrap { background: #4F5D75; margin: 0 auto }
#sub-nav { display: block; width: 100%; padding: 60px 60px 30px; margin: 0 auto; color: #fdfdfd }
#sub-nav a { color: #fdfdfd }
#sub-nav .text a:hover { padding-right: 10px }
#sub-nav .text, #sub-nav .context { font-size: 0.813em; line-height: 1.8; word-break: keep-all; word-wrap: break-word }
#sub-nav .text ul li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
#sub-nav ul li { margin-top: 10px; margin-bottom: 10px }
#sub-nav .title { position: relative; display: inline-block; font-size: 1.000em; margin-bottom: 20px; padding: 0 0 5px; color: #fdfdfd }
#sub-nav .title:after { position: absolute; content: ""; bottom: 0; right: 0; height: 2px; width: 100%; background: #fdfdfd; opacity: 0.5 }

/**
  05. Page Title
  -------------------------------------------------------------------*/
.pagetitle-wrapper { padding: 180px 0 }
#pagetitle { text-align: center; font-weight: bold }
#pagetitle a { color: inherit; font-weight: inherit }
#pagetitle h1 { display: inline-block; color: #000; font-size: 2.857em; line-height: 1.2; margin-bottom: 0; word-break: keep-all }
#pagetitle h1:after { content: ''; display: block; width: 50%; background: #BFC0C0; height: 4px; margin: 30px auto 0 }
#pagetitle .logo { margin-bottom: 25px }
#pagetitle .logo .svg-icon path { fill: #EF8354 }

/**
  06. Navigation
  -------------------------------------------------------------------*/
#navigation { text-align: center; padding: 50px 0 }
#navigation li { display: inline-block }
#navigation .action li { margin-left: 20px }
#navigation .action li:first-child { margin-left: 0 }

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

  제작자: Eric Meyer
  홈페이지: http://svgicons.sparkk.fr/
  라이선스: free
  -------------------------------------------------------------------*/

.svg-icon { width: 30px; height: 30px; vertical-align: middle }
.svg-icon path { fill: #444 }
.svg-icon.white path { fill: #fff }
/* 저널 */
.featured-timeline { margin-top: 50px; margin-bottom: 25px }
.featured-timeline .sticky-post { padding: 0 0 10px; display: block; font-weight: bold }
.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%2230%22%20height%3D%2230%22%3E%0A%09%09%09%09%09%09%09%3Cpath%20d%3D%22M17.388%2C4.751H2.613c-0.213%2C0-0.389%2C0.175-0.389%2C0.389v9.72c0%2C0.216%2C0.175%2C0.389%2C0.389%2C0.389h14.775c0.214%2C0%2C0.389-0.173%2C0.389-0.389v-9.72C17.776%2C4.926%2C17.602%2C4.751%2C17.388%2C4.751%20M16.448%2C5.53L10%2C11.984L3.552%2C5.53H16.448zM3.002%2C6.081l3.921%2C3.925l-3.921%2C3.925V6.081z%20M3.56%2C14.471l3.914-3.916l2.253%2C2.253c0.153%2C0.153%2C0.395%2C0.153%2C0.548%2C0l2.253-2.253l3.913%2C3.916H3.56z%20M16.999%2C13.931l-3.921-3.925l3.921-3.925V13.931z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E) }
/* 다음 공감 버튼 */
.daum_like_wrapper { margin: 100px 0 30px }
/* 반응형 Iframe */
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; margin-bottom: 25px }
.responsive-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100% }
.responsive-container + p.cap1 { margin-top: -25px }
/* 검색 */
.search-wrapper { display: table; width: 100%; height: 100%; background: rgba(255,255,255,0.95); position: fixed; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s; -webkit-transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s }
.search-wrapper.active { z-index: 9999; opacity: 1; transition: opacity .5s, z-index 0s; -webkit-transition: opacity .5s, z-index 0s }
.search-form { border: none; width: 50%; position: fixed; left: 25% }
.search-form #s { display: block; border: none; background: none; font-family: 'Lato', 'Tang Bisuda WebFont', sans-serif; width: 100%; height: auto; line-height: 1.2; color: #000; border-bottom: 1px solid #ddd; font-size: 2.143em; padding: 7px 15px }
.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 }
/* 티스토리 툴바 & 프로필 숨김 */
#tistorytoolbarid, .tistoryProfileLayerTrigger, .link_tit { display:none !important }

/**
  08. Main Content
  -------------------------------------------------------------------*/
.box { font-size: 1.143em; line-height: 1.5; margin-bottom: 70px; padding: 15px 20px; background: #E3F2FD; color: #64B5F6; border-radius: 4px }
.code { display: inline-block; font-size: 0.857em; font-weight: bold; padding: 5px 8px; background: #CFD8DC; color: #546E7A; border-radius: 4px }
.code.top { cursor: pointer }
.col-division { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; -webkit-column-rule: 1px dotted #ddd; -moz-column-rule: 1px dotted #ddd; column-rule: 1px dotted #ddd; }

/**
  09. Post formats
  -------------------------------------------------------------------*/
.search-thumbs-wrap { margin: 0 auto }
.search-thumbs-wrap .grid-item { opacity: 0; margin-bottom: 8%; cursor:pointer; overflow:hidden }
.search-thumbs-wrap .gutter-sizer { width: 7.5% }
.search-thumbs-wrap .grid-item .item-content-image-wrap { width: 100%; position: relative; overflow: hidden }
.search-thumbs-wrap .grid-item .item-content-image-wrap.zero { padding-top: 0 }
.search-thumbs-wrap .grid-item .item-content-image-wrap.zero .item-content-image { position: initial }
.search-thumbs-wrap .grid-item .item-content-image-wrap.zero .item-content-image img { top: 0; left: 0; margin-left: 0; margin-top: 0 }
.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% }
.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(3, 169, 244, 0.4); position: absolute; width: 100%; height: 100%; z-index: 1; transition: opacity 0.35s; -webkit-transition: opacity 0.35s }
.search-thumbs-wrap .grid-item .item-content-image img { display: block; height: auto; -webkit-backface-visibility: hidden; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); max-width:none; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-25px,0, 0); transform: translate3d(-25px,0,0); position: absolute; top: calc(50% - 25px); left: 50%; margin-left: -50%; margin-top: -50% }
.search-thumbs-wrap .grid-item .item-thumbnail-link:hover .item-content-image:before { opacity: 0.6 }
.search-thumbs-wrap .grid-item .item-thumbnail-link:hover img { -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0) }
.search-thumbs-wrap .grid-item .item-content-caption h2 { color: #fff; font-size: 1.286em; font-weight: bold; margin-bottom: 10px; line-height: 1.2 }
.search-thumbs-wrap .grid-item .item-content-image-wrap + .item-content-caption h2 {  margin-top: 25px }
.search-thumbs-wrap .grid-item .item-content-caption .text { font-size: 0.750em; color: #ddd; font-weight: normal }
.search-thumbs-wrap .grid-item .item-content-caption .context { display: none }
/* front image */
.search-thumbs-wrap .grid-item.front-image { background-color: rgba(0, 0, 0, .7) }
.search-thumbs-wrap .grid-item.front-image img { opacity: 1 }
.search-thumbs-wrap .grid-item.front-image .item-content-caption { opacity: 0; position: absolute; left: 0; bottom: 0; padding: 2.000em; overflow: hidden; width: 100%; backface-visibility: hidden }
.search-thumbs-wrap .grid-item.front-image .item-thumbnail-link:hover .item-content-image:before { opacity: 0 }
.search-thumbs-wrap .grid-item.front-image:hover img { opacity: 0.5 }
.search-thumbs-wrap .grid-item.front-image:hover .item-content-caption { opacity: 1 }
/* front text */
.search-thumbs-wrap .grid-item.front-text  { background-color: rgba(0, 0, 0, .7) }
.search-thumbs-wrap .grid-item.front-text img { opacity: 0.5 }
.search-thumbs-wrap .grid-item.front-text .item-content-caption { opacity: 1; position: absolute; left: 0; bottom: 0; padding: 2.000em; overflow: hidden; width: 100%; backface-visibility: hidden }
.search-thumbs-wrap .grid-item.front-text .item-thumbnail-link:hover .item-content-image:before { opacity: 0 }
.search-thumbs-wrap .grid-item.front-text :hover img { opacity: 1 }
.search-thumbs-wrap .grid-item.front-text :hover .item-content-caption { opacity: 0 }
/* image and text */
.search-thumbs-wrap .grid-item.image-and-text {}
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption { padding: 0; width: 100%; background-color: #fff }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption h2 { color: #000; overflow: hidden }
.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-thumbnail-link:hover .item-content-caption h2 { color: #EF8354 }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption .text { color: #333; font-size: 0.857em; line-height: 1.375rem; font-weight: bold }
.search-thumbs-wrap .grid-item.image-and-text .item-content-caption .context { display: block; margin-top: 5px; font-size: 0.857em; color: #959595; line-height: 1.375rem; overflow: hidden }

/**
  10. Single post
  -------------------------------------------------------------------*/
/* 글 관련 정보 */
.article-info { display: block; text-align: center; margin-bottom: 20px; color: #444 }
.article-info .author { position: relative; display: inline-block; padding: 0 0 30px 45px; text-align: left }
.article-info .author img { height: 36px; width: 36px; position: absolute; left: 0; border-radius: 50%; margin: 0 }
.article-info .author .meta { display: block; font-size: 0.929em; font-weight: bold; padding: 0 0 3px; line-height: 1.2 }
.article-info .author .desc { font-size: 0.857em; line-height: 1.2 }
.article-info .author a, .article-info .author .meta .name { font-weight: inherit }
.article-info + .article-desc { margin: 60px auto }
/* 글 관련 태그 */
.article-tag .tags a { opacity: 0.7; font-size: 1.000em; padding: 2px 5px; border: 1px solid #2274A5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.article-tag .tags a:hover { opacity: 1; background-color: #2274A5; color: #fff }
/* 카테고리의 다른 글 */
.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 }
.article-related .article-related-thumb:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 30px 30px 0; border-color: transparent #fff transparent transparent }
.article-related .article-related-thumb img { display: block }
.article-related .article-related-title { font-size: 0.875em; font-weight: bold; margin-top: 10px; margin-bottom: 6px; line-height: 1.5 }
.article-related .article-related-date { font-size: 0.625em }

/**
  11. Post Content
  -------------------------------------------------------------------*/
/* 기본 */
.article-desc { font-family: "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", Ngothic, sans-serif; margin-top: 100px }
/* 효과 */
.article-desc.effect { font-family: "Lato", "Tang Bisuda WebFont", sans-serif; font-size: 1.071em; text-align: left }
.article-desc.effect *:first-child { margin-top: 0 }
.article-desc.effect *:last-child { margin-bottom: 0 }
.article-desc.effect.break { word-break: break-all }
.article-desc.effect.keep { word-break: keep-all }
.article-desc.effect a { font-weight: bold }
.article-desc.effect p { margin: 0 auto 30px; line-height: 2 }
.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 }
.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; font-weight: bold; text-transform: uppercase; letter-spacing: 1px }
.article-desc.effect h3 + h4 { margin-top:0 }
.article-desc.effect ul { list-style: disc; margin-left: 1.500em; margin-bottom: 25px }
.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 { font-family: 'Tang Bisuda WebFont', sans-serif; line-height: 1.8; margin-bottom: 35px }
.article-desc.effect blockquote { margin: 0 0 35px; color: #999 }
.article-desc.effect cite { font-weight: bold; letter-spacing: 1px; text-transform: uppercase; display: block; color: #666; font-size: 0.750em; line-height: 1.2; margin-top: -20px }
.article-desc.effect cite:before { content: "— " }
.article-desc.effect hr { display: block; width: 100%; border: 0; margin: 50px auto 30px; border-bottom: 2px dashed #e9e9e9 }
/* cols */
.article-desc.effect .col2 { width: 49.2%; display: block; float: left !important; vertical-align: top; margin-left: 1.6%; text-align: center }
.article-desc.effect .col3 { width: 32.26%; display: block; float: left !important; vertical-align: top; margin-left: 1.6%; text-align: center }
/* imageblock */
.article-desc.effect .imageblock { width: 100% !important; display: block; height: auto }
.article-desc.effect .imageblock img { width: auto !important; height: auto !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.article-desc.effect .imageblock .cap1, .article-desc .responsive-container + p.cap1 { display: block; padding: 10px 10px 0; margin: 0 auto; color: #888; font-size: 0.750em !important; line-height: 1.3 !important }
.article-desc.effect p.float-left-imageblock { margin: 5px 15px 0 0 }
.article-desc.effect p.float-right-imageblock { margin: 5px 0 0 15px }
/* exifinfo */
.article-desc.effect .imageblock .ExifInfo { padding: 10px 5px 0; margin: 0 auto; color: #888; font-family: 'Lato', 'Tang Bisuda WebFont', sans-serif; font-size: 0.750em !important; line-height: 1.3 !important; display: block }
.article-desc.effect .imageblock .ExifInfo .exifBar { padding: 0 3px; margin: 0 auto; color: #ccc; font-family: 'Lato', 'Tang Bisuda WebFont', sans-serif; font-size: 0.750em !important; line-height: 1.3 !important }
/* 더보기 */
.article-desc.effect .moreless_fold, .article-desc.effect .moreless_top, .article-desc.effect .moreless_bottom { color: #2274A5; font-weight: bold }
.article-desc.effect .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%232274A5%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); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 3px; position: relative }
.article-desc.effect .moreless_top span:after, .article-desc.effect .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%232274A5%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); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 3px; position: relative }
.article-desc.effect .moreless_content { margin-bottom: 30px }
/* 넓은 이미지 */
.article-desc.wide-image p.full-imageblock { margin-left: -50px; margin-right: -50px; text-align: center !important }
/* 그리드 */
.article-desc.grid-image .grid { margin-bottom: 30px }
.article-desc.grid-image.wide-image .grid { margin-left: -50px; margin-right: -50px }
.article-desc.grid-image .grid-item, .article-desc .grid-item--col2, .article-desc .grid-item--col3 { margin: 0 0 1% !important; cursor:pointer; 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% }
/* 슬라이드 */
#tt-body-page #sldr { display: block }
#sldr { display: none; margin: 0 auto; overflow-x: hidden; display: block; white-space:nowrap; height: 300px; font-size: 0 }
#sldr ul li { display: inline-block }
#sldr ul li img { max-height: 300px; width: auto; display: block }
#sldr .sldr-wrapper { position: relative; left: 0 }

/**
  12. Comments
  -------------------------------------------------------------------*/
.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); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 3px; position: relative }
.comments { word-break: keep-all; word-wrap: break-word }
.comments a { color: inherit }
.comments-action { margin-bottom: 10px }
.comments-action .comments-title { width: 80% }
.comments-action .comments-title img { vertical-align: middle }
.comments-action #go-form a { color: #716671 }
.comment-form p { margin-bottom: 20px }
.comment-form p:last-child { margin-bottom: 0 }
li.comment, li > div.comment { margin-bottom: 25px; position: relative }
li > div.comment { padding-bottom: 25px }
.children > li > div.comment { padding-left: 80px }
.comment-form label, .comment-form .required { display: none }
.comment-meta { margin-left: 80px }
#tt-body-guestbook .comment-meta { margin-left: 0 }
.comment-meta img { display: block; background-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height: 64px; width: 64px; position: absolute; left: 0; top: 0 }
.children .comment-meta img { left: 80px }
.comment-author { font-size: 0.938em; padding: 5px 0 0; display: block; font-weight: bold; height: 23px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
#tt-body-guestbook .comment-author img { display: none }
.comment-author a { font-weight: bold }
.comment-meta p { font-size: 0.750em; text-transform: uppercase }
.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 }
#tt-body-guestbook .comment-content { margin-left: 0 }
.comment-form input[type="text"], .comment-form input[type="password"], .comment-form textarea { width: 100%; max-width: 100%; padding: 14px 16px; font-family: 'Lato', 'Tang Bisuda WebFont', sans-serif; font-size: 0.813em; border: none; color: #46433a; border: 1px solid #ccc; border-radius: 4px; -webkit-appearance: none }
.comment-form input[type="text"]:focus, .comment-form input[type="password"]:focus, .comment-form textarea:focus { outline: none; background-color: #fdfdfd; color: #444 }
.comment-form textarea { height: 180px; line-height: 1.6 }
.comment-form input[type="submit"] { font-family: 'Lato', 'Tang Bisuda WebFont', sans-serif; line-height: 1; color: #000; padding: 11px 10px 8px; border: 2px solid #444; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: transparent }
.comment-form input[type="submit"]:hover { cursor: pointer; opacity: 0.7; text-decoration: none }
.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 }
.comment-form-action .secret-checkbox:checked ~ .secret-label span:before { display: inline-block !important; opacity: 1; 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%2230%22%20height%3D%2230%22%3E%3Cpath%20fill%3D%22%23CE534D%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) }
.comment-form-action .secret-checkbox:not(checked) ~ .secret-label span:before { display: inline-block !important; opacity: 0.3; 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%2230%22%20height%3D%2230%22%3E%3Cpath%20fill%3D%22%23444%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) }
.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 { 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%23CE534D%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) }
.rp_secret .comment-content, .guest_secret .comment-content { color: #CE534D; opacity: 0.8 }

/**
  13. Pagination
  -------------------------------------------------------------------*/
.paging-prev a, .paging-next a { color: #444 }
.no-more-prev, .no-more-next { opacity: 0.3 }

/**
  14. Footer
  -------------------------------------------------------------------*/
#footer { background: #fff; padding-top: 50px; padding-bottom: 50px; margin: 0 auto; font-size: 0.857em; color: #BFC0C0; text-align: center }
#footer a { color: inherit }
#footer li { display: inline-block; margin-left: 20px; line-height: 1.2 }
#footer li:first-child { margin-left: 0 }
#footer .themeby { opacity: 0.6 }
#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 .social { margin: 50px 0 }
#footer .social .facebook:before { 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%23BFC0C0%22%20d%3D%22M11.344%2C5.71c0-0.73%2C0.074-1.122%2C1.199-1.122h1.502V1.871h-2.404c-2.886%2C0-3.903%2C1.36-3.903%2C3.646v1.765h-1.8V10h1.8v8.128h3.601V10h2.403l0.32-2.718h-2.724L11.344%2C5.71z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) }
#footer .social .twitter:before { 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%23BFC0C0%22%20d%3D%22M18.258%2C3.266c-0.693%2C0.405-1.46%2C0.698-2.277%2C0.857c-0.653-0.686-1.586-1.115-2.618-1.115c-1.98%2C0-3.586%2C1.581-3.586%2C3.53c0%2C0.276%2C0.031%2C0.545%2C0.092%2C0.805C6.888%2C7.195%2C4.245%2C5.79%2C2.476%2C3.654C2.167%2C4.176%2C1.99%2C4.781%2C1.99%2C5.429c0%2C1.224%2C0.633%2C2.305%2C1.596%2C2.938C2.999%2C8.349%2C2.445%2C8.19%2C1.961%2C7.925C1.96%2C7.94%2C1.96%2C7.954%2C1.96%2C7.97c0%2C1.71%2C1.237%2C3.138%2C2.877%2C3.462c-0.301%2C0.08-0.617%2C0.123-0.945%2C0.123c-0.23%2C0-0.456-0.021-0.674-0.062c0.456%2C1.402%2C1.781%2C2.422%2C3.35%2C2.451c-1.228%2C0.947-2.773%2C1.512-4.454%2C1.512c-0.291%2C0-0.575-0.016-0.855-0.049c1.588%2C1%2C3.473%2C1.586%2C5.498%2C1.586c6.598%2C0%2C10.205-5.379%2C10.205-10.045c0-0.153-0.003-0.305-0.01-0.456c0.7-0.499%2C1.308-1.12%2C1.789-1.827c-0.644%2C0.28-1.334%2C0.469-2.06%2C0.555C17.422%2C4.782%2C17.99%2C4.091%2C18.258%2C3.266%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) }
#footer .social .instagram:before { 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%23BFC0C0%22%20d%3D%22M14.52%2C2.469H5.482c-1.664%2C0-3.013%2C1.349-3.013%2C3.013v9.038c0%2C1.662%2C1.349%2C3.012%2C3.013%2C3.012h9.038c1.662%2C0%2C3.012-1.35%2C3.012-3.012V5.482C17.531%2C3.818%2C16.182%2C2.469%2C14.52%2C2.469%20M13.012%2C4.729h2.26v2.259h-2.26V4.729z%20M10%2C6.988c1.664%2C0%2C3.012%2C1.349%2C3.012%2C3.012c0%2C1.664-1.348%2C3.013-3.012%2C3.013c-1.664%2C0-3.012-1.349-3.012-3.013C6.988%2C8.336%2C8.336%2C6.988%2C10%2C6.988%20M16.025%2C14.52c0%2C0.831-0.676%2C1.506-1.506%2C1.506H5.482c-0.831%2C0-1.507-0.675-1.507-1.506V9.247h1.583C5.516%2C9.494%2C5.482%2C9.743%2C5.482%2C10c0%2C2.497%2C2.023%2C4.52%2C4.518%2C4.52c2.494%2C0%2C4.52-2.022%2C4.52-4.52c0-0.257-0.035-0.506-0.076-0.753h1.582V14.52z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) }
#footer .credits { margin: 50px 0 0 }

/**
  15. Responsive
  -------------------------------------------------------------------*/
/* Responsive: 기본 */
@media (max-width: 800px) {
  body { font-size: 14px; background: #fff }
  .mobile-hidden { display: none !important }
  .row { padding: 0 20px; max-width: 112.5rem }
  .col-division { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0 }
  .article-desc.wide-image p.full-imageblock { margin-left: -20px; margin-right: -20px }
  .article-desc.wide-image .imageblock { width: auto !important; max-width: initial !important }
  .article-desc.wide-image .imageblock img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
  .article-desc.grid-image.wide-image .grid { margin-left: -20px; margin-right: -20px }
  .comment-meta img { width: 40px; height: 40px }
  .comment-meta { margin-left: 50px }
  #tt-body-guestbook .comment-meta { margin-left: 0 }
  .comment-content { margin-left: 0px }
  .children > li > div.comment { padding-left: 40px }
  .children .comment-meta img { left: 40px }
  .article-related .article-related-thumb:after { border-width: 0 20px 20px 0; border-color: transparent #fff transparent transparent }
  #header h1 { font-size: 1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
  #header .mini-gnb img { width: 25px; height: 25px }
  #header .svg-icon { width: 20px; height: 20px }
  #header.blog-menu .guestbook { display: inline-block }
  #toggle-menu { display: block }
  #pagetitle h1 { font-size: 2.143em }
  #wrapper { padding: 10px 0 0 }
  #sub-nav { padding: 20px }
  #sub-nav .widget { margin-bottom: 30px }
  #sub-nav .widget:last-child { margin-bottom: 0 }
  #sub-nav .title { margin-bottom: 10px }
  #sldr { overflow-x: auto; overflow-y: hidden; height: 160px }
  #sldr ul li img { max-height: 160px }
}
/* Responsive: 글 */
@media only screen and (max-width: 400px) {
  .article-desc.effect .mb-col2 { width: 100%; margin-left: 0% }
  .article-desc.effect .mb-col3 { width: 100%; margin-left: 0% }

  .article-desc.effect .col2 .imageblock, .article-desc.effect .col3 .imageblock { margin: 10px 0 }
  .article-desc.effect .col2 .imageblock img, .article-desc.effect .col3 .imageblock img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
}
/* Responsive: sub-nav */
@media only screen and (min-width: 401px) and (max-width: 1024px) {
  #sub-nav li.widget { margin: 0 0 30px 5% }
  #sub-nav li.widget { width: 30%; float: left }
  #sub-nav li.widget:nth-child(3n+1) { margin-left: 0; clear: both }
}
@media only screen and (min-width: 1025px) {
  #sub-nav li.widget { margin: 0 0 30px 15% }
  #sub-nav li.widget { width: 23.33%; float: left }
  #sub-nav li.widget:nth-child(3n+1) { margin-left: 0; clear: both }
}
/* Responsive: 글 컬럼 */
@media only screen and (min-width: 1280px) {
  .article-desc.column-division { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px }
}
/* Responsive: 카테고리의 다른 글 */
@media only screen and (max-width: 400px) {
  .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: 400px) {
  .search-thumbs-wrap .grid-item, .search-thumbs-wrap .grid-sizer { width: 100% }
  .search-thumbs-wrap .grid-item { margin-bottom: 15% }
  .search-thumbs-wrap .gutter-sizer { width: 0% }
  .search-thumbs-wrap .item.image-and-text .item-content-caption { padding: 0.625em }
  .search-thumbs-wrap .item .item-content-caption h2 { font-size: 1.000em; font-weight: normal; height: 2.000em;  }
  .search-thumbs-wrap .item .item-content-caption .text  { font-size: 0.625em }
}
@media only screen and (min-width: 401px) and (max-width: 1024px) {
  .search-thumbs-wrap .grid-item, .search-thumbs-wrap .grid-sizer { width: 47.5% }
  .search-thumbs-wrap .grid-item { margin-bottom: 15% }
  .search-thumbs-wrap .gutter-sizer { width: 5% }
}
@media only screen and (min-width: 1025px) {
  .search-thumbs-wrap .grid-item, .search-thumbs-wrap .grid-sizer { width: 28.33% }
}