/* Font */
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype'); } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype') } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype'); } .nanumbarungothic * { font-family: 'NanumBarunGothic', sans-serif; }

/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,desc,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;-webkit-text-size-adjust:none;overflow-x:hidden;word-break:break-all}li,ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}br{color:transparent}

/* Icon */
@font-face{font-family:marshallIcon;src:url(images/marshallIcon.eot?umm6o2);src:url(images/marshallIcon.eot?umm6o2#iefix) format('embedded-opentype'),url(images/marshallIcon.ttf?umm6o2) format('truetype'),url(images/marshallIcon.woff?umm6o2) format('woff'),url(images/marshallIcon.svg?umm6o2#marshallIcon) format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:marshallIcon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-palette:before{content:"\e900"}.icon-pen-nib-solid:before{content:"\e902"}.icon-wrench-solid:before{content:"\e903"}.icon-discord-brands:before{content:"\e904"}.icon-naver-logo:before{content:"\e907"}.icon-apple:before{content:"\e908"}.icon-tistory:before{content:"\e909"}.icon-kakao-talk:before{content:"\e912"}.icon-masonry:before{content:"\e913"}.icon-note:before{content:"\e914"}.icon-history:before{content:"\e94d"}.icon-eye:before{content:"\e9ce"}.icon-volume-high:before{content:"\ea26"}.icon-volume-mute2:before{content:"\ea2a"}.icon-search:before{content:"\f002"}.icon-star:before{content:"\f005"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th-list:before{content:"\f00b"}.icon-check:before{content:"\f00c"}.icon-close:before{content:"\f00d"}.icon-search-plus:before{content:"\f00e"}.icon-close1:before{content:"\f00f"}.icon-search-minus:before{content:"\f010"}.icon-home:before{content:"\f015"}.icon-download:before{content:"\f019"}.icon-repeat:before{content:"\f01e"}.icon-lock:before{content:"\f023"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-image:before{content:"\f03e"}.icon-edit:before{content:"\f044"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-circle:before{content:"\f055"}.icon-minus-circle:before{content:"\f056"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-folder-open:before{content:"\f07c"}.icon-comments:before{content:"\f086"}.icon-sign-out:before{content:"\f08c"}.icon-sign-in:before{content:"\f091"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-rss:before{content:"\f09e"}.icon-bullhorn:before{content:"\f0a1"}.icon-arrows-alt:before{content:"\f0b2"}.icon-chain:before{content:"\f0c1"}.icon-list-ul:before{content:"\f0ca"}.icon-google-plus:before{content:"\f0d5"}.icon-envelope:before{content:"\f0e0"}.icon-bell:before{content:"\f0f3"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-reply:before{content:"\f112"}.icon-folder-open-o:before{content:"\f115"}.icon-smile-o:before{content:"\f118"}.icon-star-half-empty:before{content:"\f123"}.icon-microphone:before{content:"\f130"}.icon-unlock-alt:before{content:"\f13e"}.icon-unlock-alt1:before{content:"\f13f"}.icon-external-link-square:before{content:"\f14c"}.icon-sort-numeric-asc:before{content:"\f162"}.icon-sort-numeric-desc:before{content:"\f163"}.icon-youtube-play:before{content:"\f16a"}.icon-instagram:before{content:"\f16d"}.icon-sun:before{content:"\f185"}.icon-moon:before{content:"\f186"}.icon-codepen:before{content:"\f1cb"}.icon-paper-plane:before{content:"\f1d8"}.icon-share-alt:before{content:"\f1e0"}.icon-twitch:before{content:"\f1e8"}.icon-user-plus:before{content:"\f234"}.icon-internet-explorer:before{content:"\f26b"}.icon-user-circle:before{content:"\f2bd"}.icon-flickr4:before{content:"\eaa6"}.icon-500px:before{content:"\eaab"}.icon-pinterest:before{content:"\ead1"}

/* Animation */
@keyframes header-in{from{transform:translateY(-50px);-webkit-transform:translateY(-50px)}to{transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes blink{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes star{0%,100%,50%{transform:scale(1.2);-webkit-transform:scale(1.2)}25%,75%{transform:scale(.8);-webkit-transform:scale(.8)}}@keyframes materialRipple{0%{transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-50%) scale(var(--scale));-webkit-transform:translate(-50%,-50%) scale(var(--scale));opacity:0}}@keyframes slide-in-r{0%{transform:translateX(20px);-webkit-transform:translateX(20px);opacity:1}100%{transform:translateX(1);-webkit-transform:translateX(1);opacity:1}}@keyframes materialRipple{0%{transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-50%) scale(var(--scale));-webkit-transform:translate(-50%,-50%) scale(var(--scale));opacity:0}}

/* Basic */
a{text-decoration:none}html{font-family:NanumBarunGothic,sans-serif;background:var(--bg-color);--anchor-color:#3ea6ff}audio,iframe,img,svg,video{max-width:100%}*,::after,::before{-webkit-tap-highlight-color:transparent;box-sizing:border-box}b{font-weight:700}.margin-left{margin-left:auto}.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.circle{border-radius:50%}.overHidden,html:not(.touchable).galleryOpened,html:not(.touchable).galleryOpened body,html:not(.touchable).navrevealed,html:not(.touchable).navrevealed body,html:not(.touchable).rightrevealed,html:not(.touchable).rightrevealed body{overflow-y:hidden!important}.ib{display:inline-block}.center{text-align:center}.max-860{max-width:860px;margin:auto}.flex.center{display:flex;justify-content:center;align-items:center}#menubar_wrapper,.hidden{display:none}html:not(.touchable) ::-webkit-scrollbar-track{background:var(--bg-color)}html:not(.touchable) ::-webkit-scrollbar{width:5px;background-color:var(--bg-color)}html:not(.touchable) ::-webkit-scrollbar-thumb{background:linear-gradient(0deg,var(--main-color),var(--sub-color))}.galleryOpened,.galleryOpened #banner-img,.galleryOpened #header,.galleryOpened .parallax-item .bg-wrap .bg,.navrevealed,.navrevealed #banner-img,.navrevealed #header,.navrevealed .parallax-item .bg-wrap .bg,.rightrevealed,.rightrevealed #banner-img,.rightrevealed #header,.rightrevealed .parallax-item .bg-wrap .bg{width:calc(100% - var(--difference));margin-right:var(--difference)}.new-icon{display:inline-flex;margin-left:5px;flex-shrink:0;justify-content:center;align-items:center;color:var(--main-color);font-size:10px;animation:star 3s infinite}html.grayscale .index_img,html.grayscale .thumb{filter:grayscale(100%)}html.grayscale .index_img:hover,html.grayscale .material-ripple:hover .thumb{filter:grayscale(0)}.bg{background-size:cover;background-repeat:no-repeat;background-position:center}.btn_menu_toolbar.btn_subscription{display:none!important}

/* Cursor */
.ac-menu div,.bottomBtn,.openbtn,.rightbtn,.to-top,a,.button{cursor:pointer}

/* color */
a{color:#000}html.dark,html.dark .inner_header_layer .txt_id,html.dark a{color:#f1f1f1}a:hover,html.dark .inner_header_layer .txt_id:hover,html.dark a:hover{color:#aaa}::selection{background:var(--selection-color)}::-moz-selection{background:var(--selection-color)}

/* Material Ripple */
.material-ripple{position:relative;display:inline-block;padding:10px 20px;overflow:hidden}.material-ripple .animate{width:2px;height:2px;position:absolute;background:#bdc3c7;animation:materialRipple .5s linear}

/* Loader */
html.fade-in body{overflow:hidden;opacity:0;background-image:none;transition:opacity 1s 250ms}html.fade-in.reveal body{opacity:1;overflow-y:auto}

/* Banner */
#banner,#banner-img{width:100%;height:70vh;z-index:-1}#banner-img{position:fixed;top:0;left:0}

/* Notice */
#notice.hidden,#notice,html.banner-notice #notice.hidden{display:none}html.banner-notice #notice{position:absolute;top:60px;left:10px;display:flex;width:calc(100% - 20px)}#notice .icon-bell,#notice li{background:rgba(0,0,0,.5)}#notice .icon-bell,#notice a{color:#f1f1f1}#notice a:hover{color:#aaa}#notice .icon-bell{width:26px;height:26px;padding:5px;margin-right:10px;font-size:10px}#notice li{display:inline-block;position:absolute;top:0;left:36px;padding:5px 10px;border-radius:10px;opacity:0;pointer-events:none;transform:scale(.8);transition:.5s ease-in-out}#notice li.reveal{pointer-events:all;transform:scale(1);opacity:1}

/* Header */
#header{position:absolute;top:0;left:0;display:flex;width:100%;height:50px;padding:0 15px;background:linear-gradient(180deg,rgba(0,0,0,1),rgba(0,0,0,0));z-index:1000}#header.reveal{background:rgba(255,255,255,.9)}.dark #header.reveal{background:rgba(0,0,0,.9)}.sepia #header.reveal{background:rgba(242,231,196,.9)}html:not(.dark) #header.reveal{box-shadow:0 5px 15px 0 rgba(0,0,0,.35);-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.35);-moz-box-shadow:0 5px 15px 0 rgba(0,0,0,.35)}#header.reveal{position:fixed;animation:header-in .5s ease-in-out;-webkit-animation:header-in .5s ease-in-out}#header .h-center{line-height:50px;max-width:calc(100% - 150px)}#header .to-top{transition:opacity .5s}html.headcat #header .to-top{display:none}#header.reveal #blog-title,#header:not(.reveal) #page-title{display:none}html.navrevealed #header .to-top,html.rightrevealed #header .to-top{opacity:0}#header .header-nav{display:flex;flex:1 0 auto}#header .header-nav.right{justify-content:flex-end;overflow:hidden}#header .header-nav>a{color:#f1f1f1;line-height:50px}html:not(.dark) #header.reveal .header-nav>a{color:#000}#header:not(.reveal) .category_list>li>a{color:#f1f1f1}#header .header-nav>a:hover,#header.reveal .header-nav>a:hover{color:#aaa}#header .h-ico{font-size:25px;line-height:50px;padding:0 2.5px;margin:0 7.5px}#header .h-ico,#header .profile_menu{flex-shrink:0}.headcat #header .openbtn{display:flex}#header .header-nav.right>.circle{margin:5px}.rightbtn{width:40px;height:40px}.hbg{display:flex;flex-direction:column;justify-content:center;transition:transform .5s,opacity .5s}.hbg div{width:25px;height:4px;border-radius:5px;background:#f1f1f1;transition:.5s cubic-bezier(.6,.05,.28,.91)}html:not(.dark) #header.reveal .hbg div{background:#000}.hbg .hbg-mid{margin:4px 0}.openbtn.hbg:hover .hbg-top{transform:rotate(45deg) scaleX(.5) translateX(calc(50% + 4.5px)) translateY(-1.7px)}.openbtn.hbg:hover .hbg-bot{transform:rotate(-45deg) scaleX(.5) translateX(calc(50% + 4.5px)) translateY(1.7px)}.navrevealed .hbg .hbg-top,.rightrevealed .hbg:not(.openbtn) .hbg-top{-webkit-transform:translateY(4px) rotate(-135deg);transform:translateY(4px) rotate(-135deg)}.navrevealed .hbg .hbg-mid,.rightrevealed .hbg:not(.openbtn) .hbg-mid{opacity:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.navrevealed .hbg .hbg-bot,.rightrevealed .hbg:not(.openbtn) .hbg-bot{-webkit-transform:translateY(-12px) rotate(-45deg);transform:translateY(-12px) rotate(-45deg)}@media screen and (max-width:1250px){.headcat #header .openbtn{display:flex}.headcat .header-category{display:none}html.headcat #header .to-top{display:block}}@media screen and (max-width:980px){#header{padding:0 15px}}

/* Header Category */
html:not(.headcat) .header-category{display:none!important}.header-category{overflow:hidden;line-height:50px}.header-category .link_tit{display:none}.header-category .category_list{display:block;margin:0 10px}.header-category .category_list>li,.header-category .link_item{display:inline-block}.header-category .link_item{padding:0 10px}.header-category .category_list>li{transition:.35s}.header-category .category_list>li:hover{box-shadow:inset 0 5px 0 0 var(--main-color);background:var(--bg-color)}.header-category .category_list>li:not(.hassub) .thumb-list,.header-category .sub_category_list{position:absolute;pointer-events:none;opacity:0;top:50px;min-height:209px;width:1290px;left:calc(50% - 645px);padding:20px;overflow:hidden;box-shadow:0 20px 20px 0 rgba(0,0,0,.35);-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,.35);-moz-box-shadow:0 20px 20px 0 rgba(0,0,0,.35);background:var(--bg-color);transform:scale(0);transform-origin:50% 0;transition:.35s;z-index:995}.header-category .category_list>li:not(.hassub) .thumb-list{text-align:center}.header-category .category_list>li.hassub:hover .sub_category_list,.header-category .category_list>li:not(.hassub):hover .thumb-list{pointer-events:all;opacity:1;transform:scale(1);transform-origin:top}.header-category .sub_category_list li{display:block}.header-category .sub_category_list li .link_sub_item{position:absolute;display:inline-flex;left:20px;width:210px;height:35px;font-size:16px;line-height:35px;overflow:hidden}.header-category .c_cnt{margin-left:5px}.header-category .sub_category_list .thumb-list{margin-left:210px;display:none;width:calc(100% - 210px)}.header-category .sub_category_list li.reveal .thumb-list{display:block;animation:slide-in-r .3s cubic-bezier(.25,.46,.45,.94) both}.header-category .thumb-list a{display:inline-block;text-align:center}.banner-actv #header:not(.reveal) .header-category .category_list>li>a{color:#fff}.header-category .category_list>li>a.highlight{color:var(--sub-color)!important}.header-category .sub_category_list a,.header-category .thumb-list a,html:not(.dark) #header:not(.reveal) .header-category .category_list>li:hover>a{color:#000}.dark .header-category .sub_category_list a,.dark .header-category .thumb-list a{color:#fff}.dark .header-category .thumb-list a:hover,.header-category .sub_category_list li.reveal .link_sub_item{color:#aaa}.header-category .category_list>li:hover>a{color:#000}.dark .header-category .category_list>li:hover>a{color:#fff}.header-category .hc-item:hover{color:#999}.header-category .hc-item{margin-right:10px;max-width:200px;vertical-align:top}.header-category .hc-item .index_img{display:block}.header-category .hc-item:hover .index_img,.header-category .hc-item:hover .no-img{animation:blink .6s both}.header-category .hc-item:last-child{margin-right:0}.header-category .hc-item .no-img{width:200px;height:150px;background-image:url(images/noimg.png)}.header-category .hc-item time{display:block;text-align:right;font-size:.5rem;color:#aaa;line-height:1}.header-category .hc-item h2{line-height:1.3;margin:5px 0}@media screen and (max-width:1350px){.header-category .category_list>li:not(.hassub) .thumb-list a:nth-child(6),.header-category .sub_category_list a:nth-child(5){display:none}.header-category .category_list>li:not(.hassub) .thumb-list a:nth-child(5),.header-category .sub_category_list a:nth-child(4){margin-right:0}.header-category .category_list>li:not(.hassub) .thumb-list,.header-category .sub_category_list{width:1080px;left:calc(50% - 545px)}}@media screen and (max-width:1250px){.header-category{display:none!important}}.category_list>li:hover .hc-active{animation:scale-in-c .3s cubic-bezier(.25,.46,.45,.94) both}

/* Scroll Indicator */
#scroll_container{position:absolute;display:none;margin-top:50px;top:0;left:0;width:100%;height:3px;background:var(--si-1)}#header.reveal #scroll_container{display:block}#scroll{width:0%;height:3px;background:var(--si-2)}

/* Search */
#search-box{display:flex;padding:10px;border-radius:5px}#search-box input{width:100%;outline:0;background:0 0}.dark #search-box input{color:#fff}#search-box span{margin-left:5px;flex-shrink:0}

/* nav */
.navrevealed #header .openbtn{transform:translateX(270px);opacity:0}.rightbtnWrap{transition:opacity .5s,transform .5s}.navrevealed #header .rightbtnWrap,.rightrevealed #header .openbtn{opacity:0}.rightrevealed #header .rightbtnWrap{transform:translateX(-270px) scale(0) rotate(360deg);opacity:0}.sideNavWrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .5s,transform .5s}.sideNav{position:absolute;opacity:0;width:350px;max-width:100%;min-height:100%;padding:50px 0;pointer-events:none;transition:opacity .5s,transform .5s}.sideNav.left{left:0;transform:translateX(-350px)}.sideNav.right{right:0;transform:translateX(350px)}.navrevealed .sideNav.left,.rightrevealed .sideNav.right{opacity:1;pointer-events:all;transform:translateX(0)}.navrevealed .sideNavWrap.left,.rightrevealed .sideNavWrap.right{opacity:1;pointer-events:auto;overflow-y:auto}.closebtn:not(.nav-closer){display:inline-block;position:absolute;top:15px;font-size:30px;padding:0}.sideNav.left .closebtn{right:20px}.sideNav.right .closebtn{left:20px}.sideNav.left .Leftnav-nav a{display:block;padding:10px;line-height:30px}.sideNav.left .copyright{padding:10px}.dark .sideNav.left .copyright{color:#f1f1f1}.dark .sideNav.left .copyright a{color:#f1f1f1}.dark .sideNav.left .copyright a:hover{color:#bcbcbc}.sideNavWrap.left{background:linear-gradient(90deg,rgba(18,18,18,.95) ,rgba(18,18,18,.8) 20%,rgba(18,18,18,.05))}.sideNavWrap.right{background:linear-gradient(270deg,rgba(18,18,18,.95) ,rgba(18,18,18,.8) 20%,rgba(18,18,18,.05))}.dark .sideNav.right .night,.sideNav.right .day{display:none!important}.dark .sideNav.right .day{display:block!important}.navitem{width:calc(100% - 20px);margin:10px auto;border-radius:3px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);background:#ececec}.dark .navitem{background:#333;box-shadow:0 2px 5px 0 rgba(255,255,255,.2),0 0 0 1px rgba(255,255,255,.2)}.sepia .navitem,.sepia .sideNav.right .header_layer{background:#f6f1e1}.navitem>.r-item{display:block;padding:10px;line-height:30px;border-top:1px solid rgba(0,0,0,.1)}.dark .navitem>.r-item{border-color:rgba(255,255,255,.2)}.navitem>.r-item:first-child{border:none}.navitem>.blog_links,.navitem>.r-item.material-ripple{display:flex;align-items:center}.navitem .thumb{width:50px;height:50px;margin-right:8px;border-radius:50px;flex-shrink:0}.navitem .name{flex-shrink:0;padding-left:5px;margin-left:auto;font-size:.7rem;color:#4d4d4d}.sideNav.right .r-profile{padding:10px;height:70px;line-height:50px}.sideNav.right .r-profile .r-profile-img{width:50px;height:50px;margin-right:10px;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:50%;float:left}.sideNav.right .header_layer{display:block!important;background-color:#ececec}.dark .sideNav.right .header_layer{background-color:#333}.sideNav.right .header_layer::after{display:none!important}.sideNav.right .header_layer{position:relative;width:calc(100% - 20px);margin:10px auto;top:auto;right:auto}.dark .sideNav.right .header_layer{box-shadow:0 2px 5px 0 rgba(255,255,255,.2),0 0 0 1px rgba(255,255,255,.2)}.sideNav.right .list_toolbar a{display:block;padding:0 20px;line-height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sideNav.right .inner_header_layer .wrap_list{max-height:none!important}.navitem>.blog_links .link-favicon{display:block;width:16px;height:16px;margin-right:5px}.navitem.tagCloud{padding:10px}.link_tit{display:none}.tt_category svg{width:10px;height:10px;margin-left:5px}.ac-category .category_list .c_cnt{margin-left:auto;float:right;line-height:30px;padding-right:5px;order:2}.ac-category .category_list a{position:relative;display:flex;line-height:30px;padding:10px 0 10px 10px;transition:.25s}.ac-category .category_list a.link_sub_item{margin-left:10px}.category_list .link_item svg,.category_list .link_sub_item svg{width:10px;height:10px;margin-left:5px}.ac-nav .ac-category .sub_category_list{height:0;overflow:hidden;transition:.5s}.ac-menu{position:relative}.ac-menu>.link_item .c_cnt{display:none}.ac-menu .icon-chevron-down{position:absolute;position:absolute;top:10px;right:0;display:flex;width:30px;height:30px;justify-content:center;align-items:center}.ac-menu .icon-chevron-down{transition:.25s}.ac-menu .icon-chevron-down.flip-y{transform:rotate(-180deg)}

/* Main */
#main{background:var(--bg-color);padding:0 40px;outline:0}@media screen and (max-width:860px){#main{padding:0 10px}}

/* Profile */
#profile .profile{width:100px;height:100px;display:block}#profile .profileWrap{margin-top:-50px}#profile>h1{font-size:1.6rem}#profile>div,#profile>h1{line-height:1.5;margin-bottom:10px;color:#565656}#articleInfo a{color:#565656}#articleInfo a:hover{color:#aaa}#profile>.indexOnly{display:none}#tt-body-cover #profile>.indexOnly,#tt-body-index #profile>.indexOnly{display:block}

/* Social */
.social a{margin-right:5px}.social a:last-child{margin-right:0}.social a{color:#565656}.social a:hover{color:#aaa}

/* Cover */
.cover-inner.max-1310{max-width:1310px;margin:0 auto}.cover-wrapper,.m_slider{margin-bottom:2rem}.cover-wrapper h2{display:flex;width:100vw;flex-basis:100%;justify-content:center;align-items:center;margin:2rem 0 2rem calc(-50vw + 50%);font-size:1.5rem;line-height:2rem}.cover-wrapper h2::after,.cover-wrapper h2::before{content:"";background:#000;height:3px;line-height:0;flex-grow:1;font-size:0}.dark .cover-wrapper h2::after,.dark .cover-wrapper h2::before{background:#f1f1f1}.cover-wrapper h2::before{margin-right:15px}.cover-wrapper h2::after{margin-left:15px}.m_slider{position:relative;width:100%;height:80vh;margin:2rem 0;overflow:hidden;background:#000;user-select:none}.m_slider .m_slider_wrapper{display:flex;position:relative;width:100%;height:100%;transition:.5s}.m_slider .m_slider_wrapper .m_slider_item{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;width:100%;flex-shrink:0;opacity:0;transition:.75s ease-in-out;pointer-events:none}.m_slider .m_slider_wrapper .m_slider_item.reveal{pointer-events:all;opacity:1}.m_slider .m_slider_wrapper .m_thumbnail{width:100%;height:100%;object-fit:cover;opacity:.5}.m_slider .m_slider_wrapper .m_slider_item .text_box{position:absolute;display:flex;justify-content:center;flex-direction:column;width:100%;top:0;left:0;right:0;margin-left:auto;margin-right:auto;height:100%;padding:100px;color:#f1f1f1;z-index:20}.m_slider.fixed .m_slider_wrapper .indexArticle .text_box{padding:calc(5% + 130px) 0}.m_slider .m_slider_wrapper .m_slider_item .text_box .title{margin-bottom:1rem;font-size:1.5rem;line-height:1.5rem;color:#f1f1f1}.m_slider .m_slider_wrapper .m_slider_item .text_box .desc{display:box;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.2rem;max-height:3.6rem;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;color:#fff}.m_slider .m_slider_wrapper .m_slider_item .text_box .desc:hover{color:#aaa}.m_slider .m_slider_wrapper .m_slider_item .text_box .view{position:relative;display:inline-block;text-align:center;width:130px;padding:10px;box-shadow:inset 0 0 0 3px var(--main-color);color:#f1f1f1;border-radius:30px;overflow:hidden}.m_slider .m_slider_wrapper .m_slider_item .text_box .view:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--main-color);transform:scale(0);border-radius:30px;transition:.5s;z-index:-2}.m_slider .m_slider_wrapper .m_slider_item .text_box .view:hover:before{opacity:1;transform:scale(1);transition:.5s}.m_slider .m_slider_paging_list{position:absolute;display:flex;justify-content:center;width:100%;padding:0 20px;bottom:30px;z-index:50}.m_slider .m_slider_paging_list .m_thumbnail{display:inline-block;width:100px;height:56.25px;margin-right:15px;border:1px solid #ddd;object-fit:cover;max-width:calc((100% - 60px)/5);opacity:.5;transition:.75s}.m_slider .m_slider_paging_list .indexArticle:last-child{margin:0}.m_slider .m_slider_paging_list .m_thumbnail:hover{opacity:.75}.m_slider .m_slider_paging_list .m_thumbnail.highlight{opacity:1}.m_slider .m_slider_wrapper .m_slider_item .text_box .title:hover,.m_slider .text_box a:hover{color:#aaa}.m_slider .side_btn{width:30px;height:30px;font-size:30px;color:#fff;position:absolute;top:calc(50% - 15px);z-index:200;margin:10px;text-align:center}.m_slider .side_btn::before{display:block;width:100%}.m_slider .side_btn:hover{color:rgba(200,200,200,.5)}.m_slider .m_slider_prev{left:0}.m_slider .m_slider_next{right:0}.cover-thumbnail-list .cover-inner,.postList.square{display:flex;flex-wrap:wrap}.cover-thumbnail-list .indexArticle{position:relative;width:24.25%;border-radius:15px;overflow:hidden;margin-right:1%}.cover-thumbnail-list .indexArticle:nth-of-type(4n){margin-right:0}.cover-thumbnail-list .indexArticle .bg{padding-bottom:70%}.cover-thumbnail-list .indexArticle .index_information{position:absolute;bottom:0;left:0;width:100%;padding:7px 14px;background:rgba(0,0,0,.5);color:#fff;text-align:center;transition:.5s}html.untouchable .cover-thumbnail-list .indexArticle:hover .index_information{transform:translateY(calc(1rem + 14px))}.parallax-item{position:relative;width:100vw;width:100vw;margin-left:calc(-50vw + 50%)}.parallax-item .bg-wrap{clip:rect(0,auto,auto,0);position:absolute;top:0;left:0;right:0;bottom:0}.parallax-item .bg-wrap .bg{position:fixed;display:block;top:0;left:0;width:100%;height:100vh;pointer-events:none;transform:translateZ(0)}.parallax-item.with-title{background:#000}.parallax-item.with-title .bg-wrap .bg:not(canvas){opacity:.5}.parallax-item .title{position:relative;display:flex;justify-content:center;align-items:center;padding:10rem 2rem;font-size:2rem;line-height:2.5rem;color:#fff;z-index:2}.cover-wide .indexArticle .detail-info .excerpt{max-height:2.4rem;line-height:1.2rem;overflow:hidden}.cover-wide .indexArticle{position:relative;display:block;width:100%;padding-bottom:23.5%;background:#000;overflow:hidden}.cover-wide .indexArticle .bg{position:absolute;top:0;left:0;width:100.1%;height:100%;opacity:.5;transition:.5s}.cover-wide .indexArticle .detail-info{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;flex-direction:column;justify-content:space-around;color:#fff;padding:20px;pointer-events:all;opacity:1;transition:.5s}.cover-wide .indexArticle:nth-child(odd)>.detail-info{align-items:flex-end}.cover-wide .indexArticle .detail-info .title{max-width:100%;font-size:1.5rem;line-height:1.5}.cover-wide .indexArticle:hover .bg{opacity:1}.cover-wide .indexArticle:hover .detail-info{pointer-events:none;opacity:0}.cover-gallery .cover-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.cover-gallery .indexArticle{position:relative;width:25%;padding-bottom:25%;background:#000;overflow:hidden}.cover-gallery .indexArticle .bg{position:absolute;display:block;width:100.1%;height:100%;top:0;left:0;transition:.35s}.cover-gallery .indexArticle:hover .bg,html.touchable .cover-gallery .indexArticle .bg{opacity:.4}.cover-gallery .indexArticle figcaption{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:2em;color:#fff;font-size:1.25em}.cover-gallery .indexArticle figcaption::after,.cover-gallery .indexArticle figcaption::before{content:'';position:absolute;top:30px;right:30px;bottom:30px;left:30px;opacity:0;transition:.35s}.cover-gallery .indexArticle figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1)}.cover-gallery .indexArticle figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0)}.cover-gallery .indexArticle .title{width:100%;padding:1.5rem 2.5rem;opacity:0;transform:translate3d(0,20px,0);line-height:1.5rem;max-height:6rem;text-align:center;transition:.35s}.cover-gallery .indexArticle:hover figcaption::after,.cover-gallery .indexArticle:hover figcaption::before,html.touchable .cover-gallery .indexArticle figcaption::after,html.touchable .cover-gallery .indexArticle figcaption::before{opacity:1;transform:scale(1)}.cover-gallery .indexArticle:hover .title,html.touchable .cover-gallery .indexArticle .title{opacity:1;transform:translate3d(0,0,0)}@media screen and (max-width:1180px){.cover-gallery .indexArticle{width:50%;padding-bottom:50%}}@media screen and (max-width:780px){.m_slider .m_slider_wrapper .m_slider_item .text_box{padding:0 calc(5% + 50px)}.m_slider .m_slider_wrapper .m_slider_item .text_box .summary{margin:10px 0;-webkit-line-clamp:2;line-height:1.2rem;max-height:2.4rem}.m_slider .m_slider_paging_list .m_thumbnail{height:50px}.cover-thumbnail-list .indexArticle{width:47%;margin-bottom:3%}.cover-thumbnail-list .indexArticle:nth-child(2n){margin-right:0}.cover-wide .indexArticle{height:200px}.cover-wide .indexArticle .detail-info .title{font-size:1.5rem}.cover-wide .indexArticle .detail-info{padding:10px}.cover-wide .indexArticle .detail-info .excerpt{display:none}}@media screen and (max-width:480px){.cover-thumbnail-list .indexArticle{width:100%;margin-bottom:3%;margin-right:0}.cover-list .indexArticle{height:111px}.cover-wide .indexArticle{height:130px}.cover-gallery .indexArticle{width:100%;padding-bottom:100%}}

/* Article Wrapper */
#articleWrapper{padding:50px 0}#tt-body-cover #articleWrapper,#tt-body-page #articleWrapper{padding:0}#articleWrapper::after,#articleWrapper::before{content:"";position:absolute;left:50%;display:none;width:50px;height:50px;background-image:url(images/loader.svg);background-position:center;background-size:contain;background-repeat:no-repeat;transform:translateX(-50%)}#articleWrapper::before{top:0}#articleWrapper::after{bottom:0}#articleWrapper.loadingNext::after,#articleWrapper.loadingPrev::before{display:block}

/* Index Article */
.gutterSizer{width:0}.masonry .indexArticle{display:inline-block;width:100%;overflow:hidden;margin-bottom:4px}.masonry .indexArticle.new::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;-webkit-box-shadow:inset 0 0 0 3px var(--main-color);-moz-box-shadow:inset 0 0 0 3px var(--main-color);box-shadow:inset 0 0 0 3px var(--main-color)}.masonry .indexArticle .index_img{display:block;width:100%}.masonry.center-blur .indexArticle .index_img{transition:filter .3s}.masonry .indexArticle .indexInfo,.relatedArticle .desc{position:absolute;left:0;display:flex;width:100%;font-size:16px;color:#fff;opacity:0;transition:transform .3s,opacity .3s}.masonry.default .indexArticle .indexInfo,.relatedArticle .desc,html.touchable .masonry .indexArticle .indexInfo{position:absolute;bottom:0;height:36px;line-height:36px;padding:0 8px;transform:translateY(26px);background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.35) 60%,transparent)}html.untouchable .masonry.center-blur .indexArticle .indexInfo,html.untouchable .masonry.center-title .indexArticle .indexInfo{position:absolute;top:0;height:100%;padding:10px;background:rgba(0,0,0,.8);color:#fff;flex-direction:column;align-items:center;justify-content:center}html.untouchable .masonry.center-blur .indexArticle .indexInfo>h2,html.untouchable .masonry.center-blur .indexArticle .indexInfo>h3,html.untouchable .masonry.center-title .indexArticle .indexInfo>h2,html.untouchable .masonry.center-title .indexArticle .indexInfo>h3{margin-bottom:10px}.masonry.default .indexArticle .indexInfo .date,.relatedArticle .desc .date,html.touchable .masonry .indexArticle .indexInfo .date{flex-shrink:0;padding-left:7px;margin-left:auto}html.untouchable .masonry.center-blur .indexArticle .indexInfo .date,html.untouchable .masonry.center-title .indexArticle .indexInfo .date{font-size:11px}html.touchable .masonry.default .indexArticle .indexInfo,html.touchable .relatedArticle .desc{transform:none;opacity:1}.masonry.default .indexArticle:hover .indexInfo,.relatedArticle:hover .desc,html.touchable .masonry .indexArticle .indexInfo{opacity:1;transform:translateY(0)}html.untouchable .masonry.center-blur .indexArticle:hover .indexInfo,html.untouchable .masonry.center-title .indexArticle:hover .indexInfo{opacity:1}html.untouchable .masonry.center-blur .indexArticle:hover .index_img{filter:blur(5px)}@media screen and (min-width:480px){.gutterSizer{width:4px}.masonry .indexArticle{width:calc((100% - 8px)/ 2)}}@media screen and (min-width:860px){.masonry .indexArticle{width:calc((100% - 12px)/ 3)}}

/* Article */
#article .admin{margin:10px 0;line-height:1}#articleInfo{text-align:center}#articleInfo>div{line-height:1.5;margin-bottom:10px;color:#565656}#article div,#article li,#article p{line-height:2}.expand-image #article .imageblock.image-only{width:calc(100vw - var(--difference))!important;max-width:100vw!important;margin:0 0 0 calc((-100vw + 100%)/ 2)!important}.expand-image #article .txc-textbox .imageblock.image-only{width:100%!important;max-width:100%!important;margin:0!important}.expand-image #article .imageblock.image-only>img{display:block!important;width:auto!important;margin:0 auto!important}#article .imageblock.image-only>figcaption,#article .imageblock.image-only>span:not(.ExifInfo){width:auto!important;padding:10px 10% 0 10%;font-size:13px;line-height:1.6;text-align:center}#article{counter-reset:section}#article.margin div,#article.margin h1,#article.margin h2,#article.margin h3,#article.margin h4,#article.margin h5,#article.margin ol,#article.margin p,#article.margin ul{margin-bottom:1.625rem}#article.margin #TixIntroMap,#article.margin #TixIntroMap div,#article.margin .container_postbtn,#article.margin .container_postbtn div{margin-bottom:0}#article #TixIntroMap a{padding:0;background:0 0}#article.margin table div,#article.margin table p{margin-bottom:0}#article.fancy-headings h1,#article.fancy-headings h3,#article.fancy-headings h4{line-height:1.625;font-size:1.4rem;padding-left:8px;background:linear-gradient(135deg,var(--sub-color) 0,var(--bg-color));z-index:6}#article.fancy-headings h1,#article.fancy-headings h3,#article.fancy-headings h4{position:relative}#article.fancy-headings h1{position:sticky;top:49px}#article.fancy-headings h3{padding-left:8px;border-left:8px solid var(--sub-color);border-bottom:2px solid var(--sub-color);background:0 0}#article.fancy-headings h2{font-size:1.4rem;line-height:170%}#article:not(.fancy-headings) h1{font-size:1.8rem}#article:not(.fancy-headings) h2{font-size:1.65rem}#article:not(.fancy-headings) h3{font-size:1.5rem}#article:not(.fancy-headings) h4{font-size:1.35rem}#article ol:not(.footnotes) li::before,#article.fancy-headings h2::before{display:inline-block;line-height:40px;width:40px;text-align:center;margin:5px 5px 5px 0}#article.fancy-headings h2::before{width:50px}#article.fancy-headings h2::before{counter-increment:section;content:counter(section);border-radius:50%;background:var(--sub-color-opacity);border:5px solid var(--sub-color)}#article ol{counter-reset:li}#article ol:not(.footnotes) li::before{counter-increment:li;content:counter(li);background:var(--sub-color);border-radius:50%}#article ul li{list-style:circle inside}html:not(.fancy-anchor) #article a:not(.button),html:not(.fancy-anchor) .autoLink{color:var(--main-color)}html:not(.fancy-anchor) #article a:not(.button):hover,html:not(.fancy-anchor) .autoLink:hover{color:var(--sub-color)}html.fancy-anchor #article a:not(.button),html.fancy-anchor .autoLink{padding:0 .75rem;background-size:100% 200%;background-image:linear-gradient(to top,transparent 0,transparent 50%,var(--main-color) 50%,var(--main-color) 100%);background-position:0 0;color:#fff;border-radius:15px;transition:.3s}html.fancy-anchor #article a:not(.button):hover,html.fancy-anchor .autoLink:hover{color:var(--main-color);background-position:0 calc(-100% - 1px)}html.fancy-anchor #article a[href^="#footnote"]{padding:0;background:0 0}html.fancy-anchor #article .fileblock a,html.fancy-anchor #article a.link_ccl{padding:0;background:0 0;border-radius:0;color:inherit}#article .imageblock a img{display:none}#article .imageblock a,html.fancy-anchor #article .imageblock a{display:inline-flex;padding:5px 15px 5px 5px;border:1px solid var(--main-color-opacity);border-radius:60px;max-width:100%;line-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--main-color-opacity) 0 0 0 0 inset;transition:.2s cubic-bezier(.39,.5,.15,1.36);background:0 0}html.dark #article .imageblock a{color:#fff}#article .imageblock a::before{content:"";display:inline-block;background-color:var(--main-color-opacity);background-image:url(images/dl.svg);background-repeat:no-repeat;background-size:contain;width:50px;height:50px;margin-right:5px;border-radius:50%;text-align:center;flex-shrink:0}#article .imageblock a:hover,html.fancy-anchor #article .imageblock a:hover{color:rgba(255,255,255,.85);box-shadow:var(--main-color-opacity) 0 0 0 40px inset;border-color:transparent}.footnote{font-size:.6rem;vertical-align:super}#article .footnotes a{background:0 0;border-radius:0;padding:0;font-size:.7rem;color:inherit}#article blockquote:not(.Tweet){padding:10px 0;text-align:center}#article blockquote:not(.Tweet) div,#article blockquote:not(.Tweet) p{font-size:1.5rem;text-align:center;padding:0 2rem}#article blockquote:not(.Tweet)::after,#article blockquote:not(.Tweet)::before{font-family:marshallIcon;display:block;font-size:2rem;padding:0 1rem}#article blockquote:not(.Tweet)::before{content:"\f10d";text-align:left}#article blockquote:not(.Tweet)::after{content:"\f10e";text-align:right}#article table:not(.colorscripter-code-table){width:100%}#article table .imageblock{width:auto!important}#article .btn_less,#article .btn_more{display:inline-flex;width:auto;height:auto;align-items:center;line-height:1.7;padding:5px 10px;background:var(--sub-color);border-radius:1.5rem;outline:0;color:#000}#article .btn_less:last-child{float:right}#article .btn_less::before,#article .btn_more::before{font-family:marshallIcon}#article .btn_less::before{content:"\f062"}#article .btn_more::before{content:"\f063"}div[id*=tistoryFootnoteLayer]{color:#000!important}@media screen and (max-width:980px){#article blockquote:not(.Tweet) p{font-size:2rem}}@media screen and (max-width:650px){#article blockquote:not(.Tweet) p{font-size:1.8rem}.a-title{font-size:1.5rem;line-height:2.5rem;max-height:5rem}}

/* another category */
.another_category{padding:10px;border:1px solid #ddd;margin:20px auto}.another_category table{display:block;width:100%}.another_category td,.another_category th :not(a):not(.current){display:none}.another_category h4{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ddd;font-size:17px;line-height:30px}.another_category h4 a::after,.another_category h4 a::before{content:"'"}.another_category tbody{display:flex;flex-wrap:wrap}.another_category tbody tr{display:block;width:50%;padding:0 10px}.another_category table .current,.another_category table a,.another_category table th{display:block;width:100%;height:2rem;line-height:2rem;text-align:left}.another_category table .current,.another_category table a{position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right:20px}.another_category table .current::after,.another_category table a::after{font-family:marshallIcon;position:absolute;right:0;font-size:16px}.another_category table .current::after{content:'\f00c'}.another_category table a::after{content:'\f0c1'}.another_category table a:hover::after{content:'\f061'}@media screen and (max-width:650px){.another_category tbody tr{width:100%}}

/* Protected */
#article.protected,.protected_form{display:flex;flex-direction:column;align-items:center;text-align:center;word-break:keep-all}#article.protected .protected_form,#article.protected p{line-height:2.1;margin:10px 0}#article.protected .protected_password{position:relative;width:200px;padding:0 10px;margin-bottom:10px;border-bottom:1px solid #000;outline:0}.dark #article.protected .protected_img{fill:#fff}.dark #article.protected .protected_password{background:#000;border-color:#fff}#article.protected .protected_password::after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #aaa;transform:scaleX(0);transition:trasnform .5s}#article.protected .protected_password:focus::after{transform:scaleX(1)}.dark .protected_img{fill:#fff}

/* Related Article */
#relatedArticles{display:flex;flex-wrap:wrap;width:calc(100% + 80px);margin-left:-40px;margin-bottom:15px}#relatedArticles h3{display:block;width:100%;padding:0 10px;font-size:1.3rem;line-height:1.9rem;font-weight:700;margin-bottom:15px;text-align:center}.relatedArticle{position:relative;display:inline-block;width:25%;height:0;padding-bottom:25%}.relatedArticle .index_img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}@media screen and (max-width:860px){#relatedArticles{width:calc(100% + 20px);margin-left:-10px}.relatedArticle{width:50%;padding-bottom:50%}}@media screen and (max-width:400px){.relatedArticle{width:100%;padding-bottom:100%}}

/* Article Tag */
#main .tagCloud{color:transparent;margin:40px auto}.tagCloud>a,html.dark .tagCloud>a{display:inline-block;color:var(--anchor-color);margin-right:5px;line-height:1.5}.tagCloud>a::before{content:"# "}

/* Article Prev Next */
#prev-next{display:flex;justify-content:space-between;margin:100px auto}.thumb-bg{display:inline-block;position:relative;width:49%;height:150px;border-radius:15px;overflow:hidden}.thumb-bg.next_btn{margin-left:auto}.thumb-bg .bg,.thumb-bg .detail{width:100%;height:100%;border-radius:15px;transition:.3s}.thumb-bg .bg{display:inline-block;width:100.1%}.thumb-bg .detail{position:absolute;top:0;left:0;display:inline-flex;padding:10px;font-size:30px;line-height:60px;align-items:center;background:rgba(0,0,0,.3);color:#fff}.thumb-bg.next_btn .detail{justify-content:flex-end}.thumb-bg:hover .detail{opacity:0}@media screen and (max-width:720px){.thumb-bg{width:100%}.thumb-bg.prev_btn{margin-bottom:10px}#prev-next{flex-wrap:wrap}}

/* Gallery */
#gallery{position:fixed;top:0;left:0;width:100%;height:100%;padding:50px;background:rgba(0,0,0,.65);overflow-y:scroll;z-index:10000}#gallery.hidden{display:none}#gallery>div{width:100%}#gallery .galleryItem{display:block;width:100%;margin-bottom:4px}#gallery .galleryItem img{width:100%}#gallery .galleryGutter{width:0}@media screen and (min-width:480px){#gallery .galleryGutter{width:4px}#gallery .galleryItem{width:calc((100% - 8px)/ 2)}}@media screen and (min-width:860px){#gallery .galleryItem{width:calc((100% - 12px)/ 3)}}

/* Iframe Wrapper */
.youtubevid{position:relative;width:100%;padding-bottom:56.25%;margin:auto}.youtubevid iframe{position:absolute;width:100%;height:100%}.youtubevid.alt{width:35%;padding-bottom:62.22%}.youtubevid.square{width:70%;padding-bottom:70%}.youtubevid.old{width:80%;padding-bottom:60%}@media screen and (max-width:1000px){.youtubevid.alt{width:50%;padding-bottom:88.89%}}@media screen and (max-width:600px){.youtubevid.alt{width:100%;padding-bottom:177.78%}.youtubevid.square{width:100%;padding-bottom:100%}}@media screen and (min-width:650px){.youtubevid-wrapper{min-width:400px}}

/* Textarea */
.mk-textarea{width:100%;padding:10px;line-height:170%;background:0 0;outline:0;border-radius:.325rem;overflow-y:hidden;resize:none}.t-bubble{border-radius:25px;background:var(--comment-color-2)}.dark .mk-textarea{color:#fff}.t-wrapper{display:flex;padding:10px 0}.t-ico{width:50px;height:50px;object-fit:cover;flex-shrink:0;margin:0}.t-bubble{position:relative;margin-left:15px;margin-top:15px;width:100%;padding:10px}.t-bubble::after{content:"";box-sizing:content-box;position:absolute;width:17.5px;height:25px;border:0 solid var(--comment-color-2);border-width:0 20px;border-radius:50%;clip:rect(0,25px,12px,0);display:block;z-index:1;left:-35.5px;top:5px;transform:scaleX(-1)}.guest_input{display:flex;margin:10px 0;justify-content:space-between}.guest_input p{width:49.2%}.dark .guest_input p input{color:#fff!important}.guest_input p input{width:100%;background:rgba(255,255,255,.3);border-radius:15px;padding:10px 5px;outline:0}.dark .guest_input p input::placeholder{color:#f0f0f0}

/* Secret */
#secret-cbx{display:inline-flex;width:37px;height:37px;font-size:26px;margin-right:5px}#secret-cbx input{display:none}.cbxlabel{height:21px}.secret-box+label:before{font-family:marshallIcon;content:"\f13e";display:inline-block}.secret-box:checked+label:before{font-family:marshallIcon;content:"\f023";color:var(--sub-color)}

/* button */
.button_wrapper{display:flex;justify-content:flex-end;align-items:center}.button{display:inline-block;text-decoration:none;text-align:center;border-radius:4px;padding:10px 15px;box-shadow:var(--sub-color) 0 0 0 2px inset;-webkit-transition:all .2s cubic-bezier(.39,.5,.15,1.36);-moz-transition:all .2s cubic-bezier(.39,.5,.15,1.36);-ms-transition:all .2s cubic-bezier(.39,.5,.15,1.36);-o-transition:all .2s cubic-bezier(.39,.5,.15,1.36);transition:all .2s cubic-bezier(.39,.5,.15,1.36)}.button.hidden,.button.p{display:none}#commentList .button.circle{width:37px;height:37px;font-size:16px;padding:0;border-radius:50%}#commentList .button.circle::before{content:"\f062";font-family:marshallIcon}#commentList.comments.reverse .button.circle::before,#commentList.guestbook:not(.reverse) .button.circle::before{content:"\f063"}.button:hover{color:#000;box-shadow:var(--sub-color) 0 0 0 40px inset}.dark .button:hover{color:#000}

/* Commetns */
#commentList.comments:not(.reverse),#commentList.guestbook.reverse,#commentList.reverse ol{display:flex;flex-direction:column-reverse}.c-container{display:flex;padding:10px 0}.r-copy{padding-top:10px;border-top:1px solid var(--comment-color-2);margin-top:10px}#commentList.comments:not(.reverse) .r-copy,#commentList.guestbook.reverse .r-copy{border-top:none;border-bottom:1px solid var(--comment-color-2)}.reply-list .guest_admin,.reply-list .rp_admin{flex-direction:row-reverse}.c-container>.circle.overHidden,.c-ico{width:50px;height:50px;object-fit:cover;flex-shrink:0}.c-bubble{position:relative;border-radius:25px;margin-left:15px;margin-top:15px;background:var(--comment-color-2)}.c-bubble::after{content:"";box-sizing:content-box;position:absolute;width:17.5px;height:25px;border:0 solid var(--comment-color);border-width:0 20px;border-radius:50%;clip:rect(0,25px,12px,0);display:block;z-index:1;left:-35.5px;top:5px;transform:scaleX(-1)}.reply-list .guest_admin .c-bubble,.reply-list .rp_admin .c-bubble{margin-left:0;margin-right:15px}.reply-list .guest_admin .c-bubble::after,.reply-list .rp_admin .c-bubble::after{left:auto;right:-35.5px;transform:scaleX(1)}.c-head{display:flex;align-items:center;flex-wrap:wrap;padding:7.5px 20px;background:var(--comment-color);border-radius:25px 25px 0 0;line-height:2.2}.c-head .date,.c-head .name,.c-head>a{display:inline-block;margin-right:5px}.c-head .date,.c-head>a{font-size:.8rem}.c-content{padding:15px 25px;line-height:1.625}.highlighted{background:0 0!important}.highlighted>.c-container>.c-bubble{background:#cc99c8}#commentList.comments .tt_more_preview_comments_text{display:inline-block;padding:10px 20px;border:1px solid #ddd;border-radius:50px;transition:.5s}#commentList.comments .tt_more_preview_comments_text::before{font-family:marshallIcon;content:"\f062";margin-right:5px}#commentList.comments.reverse .tt_more_preview_comments_text::before{content:"\f063"}#commentList.comments .tt_more_preview_comments_text:hover{border-color:#aaa;color:#aaa}.attach-wrapper{display:flex;margin-bottom:5px}#emoji-list li,.attach-btn{display:inline-block}.attach-btn{margin:0 5px;font-size:1.2rem}.emoji-trigger{position:relative}#emoji-list{display:block;position:absolute;top:30px;width:360px;padding:0 10px;text-align:center;border-radius:200px;z-index:10;border:1px solid #eee}@media screen and (max-width:540px){#emoji-list{width:180px}}.abuseReport::before{font-family:marshallIcon;content:"\f0a1"}.guest_admin .name::before,.rp_admin .name::before{display:inline-block;font-family:marshallIcon;content:"\f005";color:#ff0;margin-right:5px;animation:star 3s infinite}

/* Image Layer */
#imgLayer{position:fixed;top:0;left:0;display:flex;width:100vw;height:100%;opacity:0;pointer-events:none;background:rgba(0,0,0,.9);overflow-x:auto;overflow-y:hidden;transition:opacity .5s;user-select:none;z-index:20000}html:not(.touchable) #imgLayer::-webkit-scrollbar-track{background:0 0}html:not(.touchable) #imgLayer::-webkit-scrollbar{height:7px;background-color:transparent}html:not(.touchable) #imgLayer::-webkit-scrollbar-thumb{background:linear-gradient(0deg,var(--main-color),var(--sub-color));border-radius:3.5px}#imgLayer.reveal{opacity:1;pointer-events:all}#imgLayer img{display:block;max-width:none;max-height:100%;margin:auto}#imgLayer.loading::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(images/loading.svg);background-repeat:no-repeat;background-size:contain;background-position:center}#imgLayer div{position:fixed;top:0;display:flex;justify-content:center;align-items:center;width:20%;max-width:200px;height:100%;opacity:0;font-size:3rem;color:#fff;text-shadow:2px 2px 4px #000;transition:opacity .3s}#imgLayer div:hover{opacity:1}html.touchable #imgLayer div{opacity:1}#imgLayer div.hide{display:none}#imgNext{right:0}#imgPrev{left:0}

/* Paging */
#paging .paging-list{display:none}html.list-load #paging .paging-list{display:block;text-align:center;margin:30px 0}.paging-list>.numbox>a,.paging-list>a{padding:5px;margin:0 3.5px}.paging-list .selected{color:var(--sub-color)}html.btn-load .paging-btn{padding:30px 0;text-align:center}.paging-btn-alt{position:absolute;top:0;left:0;width:100%;text-align:center}.paging-btn-alt.p{display:none}.no-more-next,.no-more-prev{display:none}

/* Right Click */
#rightClick{position:absolute;padding:5px 10px;background:rgba(0,0,0,.5);color:#fff;border-radius:10px;font-size:11px;z-index:999999999}

/* Bottom Btn */
.bottomBtn{position:fixed;bottom:5px;padding:8px;font-size:13px;border:3px solid var(--sub-color);background:var(--sub-color-opacity)}#top{right:5px;opacity:0;pointer-events:none;transition:opacity .5s}#top.reveal{opacity:1;pointer-events:all}#galleryBtn{left:5px}#galleryBtn.p{display:none}

/* Toast */
#toast{position:fixed;bottom:30px;left:50%;padding:15px 20px;transform:translate(-50%,10px);border-radius:30px;overflow:hidden;font-size:.8rem;opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;background:rgba(0,0,0,.35);color:#fff;z-index:10000}#toast.reveal{opacity:1;transform:translate(-50%,0)}