/*
 * copyright (c) 2015-2018 tokiidesu
 * design by tokiidesu
 *
 * version: release 2018.r01 20171015
 * release date: October 2017
 */
.index{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.index>.article-item{display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative}.index>.article-item .cover-image{display:inline-block;width:100%;vertical-align:top}.index>.article-item .cover-image>figure{background-color:#f2f2f2;position:relative}.index>.article-item .cover-image>figure .image{background-color:#fff;background-position:center;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.index>.article-item .details>header>h3{font-size:17px;font-weight:400;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.index>.article-item .details>header>h3 a{color:#333}.index>.article-item .details>header>h3 a:hover{color:#2b4563}.index>.article-item .details>.summary{margin-top:3px}.index>.article-item .details>.summary p{-ms-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;line-height:21px;max-height:42px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}.index>.article-item .details>.summary,.index>.article-item .details>.summary p{color:#606060}.index>.article-item .details>.summary:hover,.index>.article-item .details>.summary:hover p{color:#2b4563}.index>.article-item .details>footer,.index>.article-item .details>footer .item a{color:#aaa}.index>.article-item .details>footer{display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:14px;line-height:1.4;margin-top:3px}.index>.article-item .details>footer .item{white-space:nowrap}.index>.article-item .details>footer .item+.item:before{content:'\00b7';color:#aaa;margin:0 4px}.index>.article-item .details>footer .item:first-child{overflow:hidden;text-overflow:ellipsis}.index>.article-item .details>footer .item.category{max-width:250px}.index>.article-item .details>footer .item a:hover,.index>.article-item .details>footer .item.primary,.index>.article-item .details>footer .item.primary a{color:#2b4563}@media(max-width:960px){.index>.article-item .details>footer{font-size:15px}}.index.row>.article-item,.index.snipet>.article-item{-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.index.row>.article-item .index-thumbnail,.index.snipet>.article-item .index-thumbnail{margin-right:16px}.index.row>.article-item .cover-image,.index.snipet>.article-item .cover-image{width:80px}.index.row>.article-item .cover-image>figure,.index.snipet>.article-item .cover-image>figure{padding-top:100%}.index.row>.article-item .details,.index.snipet>.article-item .details{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex:1;-webkit-flex:1;flex:1;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.index.row>.article-item .details{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.index.row>.article-item .details>header>h3{white-space:wrap}.index.row>.article-item .details>.summary{display:none}@media(min-width:641px){.index.row>.article-item{width:calc(100%/2 - 10px)}.index.row>.article-item:nth-child(2n){margin-left:20px}.index.row>.article-item:nth-child(n+3){margin-top:16px}}@media(max-width:640px){.index.row>.article-item{width:100%}.index.row>.article-item:nth-child(n+2){margin-top:16px}}.index.snipet>.article-item{width:100%}.index.snipet>.article-item+.article-item{margin-top:24px}.index.snipet>.article-item .details>header h3{display:-webkit-box;line-height:22px;max-height:44px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.index.card>.article-item,.index.grid>.article-item{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.index.card>.article-item .cover-image>figure,.index.grid>.article-item .cover-image>figure{padding-top:75%}.index.card>.article-item .details>.summary,.index.grid>.article-item .details>.summary{display:none}.index.card>.article-item .details{margin-top:12px}.index.card>.article-item .details>header h3{display:-webkit-box;line-height:22px;max-height:44px;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(min-width:861px){.index.card>.article-item{width:calc(100%/3 - 6px)}.index.card>.article-item:not(:nth-child(3n)){margin-right:9px}.index.card>.article-item:nth-child(n+4){margin-top:30px}}@media(max-width:860px) and (min-width:481px){.index.card>.article-item{width:calc(100%/2 - 4px)}.index.card>.article-item:nth-child(2n){margin-left:8px}.index.card>.article-item:nth-child(n+3){margin-top:30px}}@media(max-width:480px){.index.card>.article-item{width:100%}.index.card>.article-item+.article-item{margin-top:30px}}.index.grid>.article-item .details{background-color:#f2f3f4;padding:10px}.index.grid>.article-item .details>header>h3{font-size:15px;white-space:nowrap}.index.grid>.article-item .details>footer .item:not(.date){display:none}.index.grid>.article-item .details>footer .item:before{content:none}@media(min-width:1051px),(max-width:960px) and (min-width:861px){.index.grid>.article-item{width:calc(100%/4 - 6px)}.index.grid>.article-item:not(:nth-child(4n)){margin-right:8px}.index.grid>.article-item:nth-child(n+5){margin-top:8px}}@media(max-width:1050px) and (min-width:961px),(max-width:860px) and (min-width:601px){.index.grid>.article-item{width:calc(100%/3 - 6px)}.index.grid>.article-item:not(:nth-child(3n)){margin-right:9px}.index.grid>.article-item:nth-child(n+4){margin-top:9px}}@media(max-width:600px){.index.grid>.article-item{width:calc(100%/2 - 4px)}.index.grid>.article-item:not(:nth-child(2n)){margin-right:8px}.index.grid>.article-item:nth-child(n+3){margin-top:8px}}@media(max-width:400px){.index.grid>.article-item .details>header>h3,.index.grid>.article-item .details>header>h3 a{font-size:15px}}body.content-dark .index>.article-item .cover-image>figure{background-color:#424242}body.content-dark .index.grid:not(.image)>.article-item .details{background-color:#2d2d2d}body.content-dark .index>.article-item .details>footer .item.primary a,body.content-dark .index>.article-item .details>header>h3 a:hover,body.content-dark .index>.article-item .details>.summary:hover,body.content-dark .index>.article-item .details>.summary:hover p,body.content-dark .index>.article-item .details>footer .item a:hover{color:#ff8360}body.content-dark .index>.article-item .details>header>h3,body.content-dark .index>.article-item .details>header>h3 a{color:#fff}body.content-dark .index>.article-item .details>footer,body.content-dark .index>.article-item .details>footer .item+.item:before body.content-dark .index>.article-item .details>footer .item a{color:#bdbdbd}body.content-dark .index>.article-item .details>.summary,body.content-dark .index>.article-item .details>.summary p{color:#ddd}body.theme-whaleblue .index>.article-item .details>footer .item.primary a,body.theme-whaleblue .index>.article-item .details>header>h3 a:hover,body.theme-whaleblue .index>.article-item .details>.summary:hover,body.theme-whaleblue .index>.article-item .details>.summary:hover p,body.theme-whaleblue .index>.article-item .details>footer .item a:hover{color:#00cea3}@media(min-width:861px) and (-ms-high-contrast:none),(min-width:861px) and (-ms-high-contrast:active){.index.card>.article-item{width:calc((100%/3 - 6px) - .1px)}}@media(max-width:1050px) and (min-width:961px) and (-ms-high-contrast:none),(max-width:1050px) and (min-width:961px) and (-ms-high-contrast:active),(max-width:860px) and (min-width:601px) and (-ms-high-contrast:none),(max-width:860px) and (min-width:601px) and (-ms-high-contrast:active){.index.grid>.article-item{width:calc((100%/3 - 6px) - .1px)}}#tt-body-index #ttCanvas{margin:0!important}#tt-body-index #ttCanvas,#tt-body-index #ttCanvas .tt-panel,#tt-body-index #ttCanvas .tt-item{width:100%!important}.index>.article-item .details>header>h3,.index>.article-item .details>header>h3 a,.index>.article-item .details>.summary,.index>.article-item .details>footer,.index>.article-item .details>footer .item,.index>.article-item .details>footer .item a{font-size:16px!important;font-family:'nanum gothic',sans-serif!important;font-weight:400!important;line-height:1.4!important}.index>.article-item .details>header>h3,.index>.article-item .details>header>h3 a{font-size:17px!important}.index>.article-item .details>.summary{font-size:15px!important}.index>.article-item .details>footer,.index>.article-item .details>footer .item,.index>.article-item .details>footer .item a{font-size:14px!important}.index>.article-item .details>header>h3 a:hover,.index>.article-item .details>.summary:hover,.index>.article-item .details>.summary:hover p,.index>.article-item .details>footer .item a:hover,.index>.article-item .details>footer .item.primary,.index>.article-item .details>footer .item.primary a{color:#2b4563!important}.index>.article-item .details>header>h3,.index>.article-item .details>header>h3 a{color:#333!important}.index>.article-item .details>footer,.index>.article-item .details>footer .item,.index>.article-item .details>footer .item a{color:#a6aab1!important}.index>.article-item .details>.summary,.index>.article-item .details>.summary p{color:#606060!important}body.dark-theme .index>.article-item .details>header>h3 a:hover,body.dark-theme .index>.article-item .details>.summary:hover,body.dark-theme .index>.article-item .details>.summary:hover p,body.dark-theme .index>.article-item .details>footer .item a:hover,body.dark-theme .index>.article-item .details>footer .item.primary,body.dark-theme .index>.article-item .details>footer .item.primary a{color:#ff8360!important}body.dark-theme .index>.article-item .details>header>h3,body.dark-theme .index>.article-item .details>header>h3 a{color:#fff!important}body.dark-theme .index>.article-item .details>footer,body.dark-theme .index>.article-item .details>footer .item,body.dark-theme .index>.article-item .details>footer .item a{color:#bdbdbd!important}body.dark-theme .index>.article-item .details>.summary,body.dark-theme .index>.article-item .details>.summary p{color:#ddd!important}.index>.article-item .cover-image>figure .image{background-color:#fff!important;background-position:center!important;background-size:cover!important}.index>.article-item .details>header>h3{margin-bottom:0!important;padding-bottom:0!important}.index>.article-item .details>.summary{margin:0!important;margin-top:3px!important}.index>.article-item .details>footer,.index>.article-item .details>footer .item,.index>.article-item .details>footer .item a{opacity:1!important}.index>.article-item .details>footer .item{margin-right:0!important}.index>.article-item .details>footer .item+.item:before{content:none!important}.index>.article-item .details>footer .item:not(:last-child):after{content:'\00b7'!important;color:#a6aab1!important;margin:0 4px!important}body.dark-theme .index>.article-item .details>footer .item:not(:last-child):after{color:#bdbdbd!important}.index.row>.article-item .index-thumbnail,.index.snipet>.article-item .index-thumbnail{margin-right:16px!important}.index.card>.article-item .details{margin-top:12px!important}.index.card>.article-item .details>header>h3,.index.card>.article-item .details>header>h3 a{line-height:22px!important;max-height:44px!important}.index.card>.article-item .details .summary{display:none!important}.index.snipet>.article-item .details>header>h3,.index.snipet>.article-item .details>header>h3 a{line-height:22px!important;max-height:44px!important}.index.grid>.article-item .details{padding:10px!important}.index.grid>.article-item .details>header>h3,.index.grid>.article-item .details>header>h3 a{font-size:15px!important}@media(max-width:400px){.index.grid>.article-item .details>header>h3,.index.grid>.article-item .details>header>h3 a{font-size:15px!important}}}.index.box .content{width:100%!important}.index.box.column .content{width:calc(50% - 5px)!important}.index.box.column .content+.content{margin-left:10px!important}@media(max-width:640px){.index.box.column{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.index.box.column .content{width:100%!important}.index.box.column .content+.content{margin-left:0!important;margin-top:10px!important}}#tt-body-index #ttCanvas .tt-panel{padding:0!important}#tt-body-index #ttCanvas .tt-component+.tt-component{border-top:1px solid #e3e5e8!important;margin-top:25px!important;padding-top:25px!important}#tt-body-index #ttCanvas .tt-item{display:-ms-flexbox!important;display:-weblit-flex!important;display:flex!important;-ms-flex-direction:column!important;-webkit-flex-direction:column!important;flex-direction:column!important;padding-bottom:0!important}#tt-body-index #ttCanvas .tt-item a,body#tt-body-index.dark-theme #ttCanvas .tt-item a{color:#2b4563}#tt-body-index #ttCanvas .tt-item>header{margin-bottom:20px!important}#tt-body-index #ttCanvas .tt-item>header>h2{border-left:12px solid #84dbff;color:#2b4563!important;float:none!important;font-family:'nanum gothic',sans-serif!important;font-size:23px!important;font-weight:400!important;line-height:1.4!important;margin-bottom:0!important;width:auto!important}#tt-body-index #ttCanvas .tt-item iframe{max-width:100%}#tt-body-index #ttCanvas .tt-item .twitter-tweet,#tt-body-index #ttCanvas .tt-item .twitter-moment,#tt-body-index #ttCanvas .tt-item .twitter-video{margin-left:auto!important;margin-right:auto!important}