*,html,:before,:after{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;text-align:left}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}a img{border:0}a{text-decoration:none}b,strong{font-weight:900}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;cursor:pointer;background-color:transparent}.content_center{display:flex;justify-content:center;align-items:center}.hide{display:none}



:root, :before, :after{
  --site-container:1280px;
  --size-1:5px;
  --size-2:8px;
  --size-3:13px;
  --size-4:21px;
  --size-5:34px;
  --size-6:55px;
  --size-7:89px;
  --max-zindex:2147483648;
  --fontsize:14px;
  --menu-height:40px;
  --bg-1:#F8F8F8;
  --bodypadding:var(--size-4);
}



body, html{font-family:'Montserrat',sans-serif; font-size:var(--fontsize); font-weight:normal; font-optical-sizing:auto; font-style:normal; letter-spacing:0.13px; 
font-feature-settings:'lnum' 1; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale; text-rendering:optimizeSpeed;}
html{scroll-behavior:smooth; min-height:100vh;}
body{background-color:var(--bg-1); overflow-x:hidden;}
a, button{font-weight:bold;}
.btn, a.btn, button.btn{padding:var(--size-3) var(--size-4); font-weight:bold; -webkit-appearance:none; text-transform:capitalize; 
display:flex; text-align:center; align-items:center; justify-content:center;}
.rancak-popup{display:none;}
.width-max{position:relative; width:100%; max-width:var(--site-container); margin:0 auto;}



.flex_ori{display:block; overflow:hidden; position:relative; line-height:0;}
.flex_ori:before{content:''; display:block; padding-top:calc(100% / calc(var(--aspect-ratio)));}
.flex_ori img{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.flex_ori img:not([src]){visibility:hidden;}



.share-list{display:flex;}



header{position:-webkit-sticky; position:sticky; z-index:calc(var(--max-zindex) - 2000); top:0;}
.header-container{display:flex; width:100%; justify-content:space-between;}
.header-box{height:calc(var(--header-height) + (var(--size-3) * 2)); padding:0 var(--size-2); display:flex; align-items:center;}
.header-logo{padding-left:var(--size-4); position:relative;}
.header-logo svg{width:auto; height:var(--header-height);}
.header-logo-name{position:absolute; bottom:30%; left:51%; text-transform:uppercase; font-weight:bold; font-size:calc(var(--header-height) - 180%); letter-spacing:0;}

.header-nav-button{padding-right:var(--size-4);}
.hnb-box{line-height:0%; position:relative; width:25.2px; height:21px;}
.hnb-box svg{width:auto; height:var(--size-4);}
.hnb-box .svgicon-close{display:none;}



.nav-list:not(:last-child){margin-right:var(--size-1);}
.nav-link{display:flex; align-items:center; padding:var(--size-3); height:var(--menu-height); font-weight:normal;}
.nav-link-label{white-space:nowrap;}
.navsub{padding-top:5px;}
.nav-close{position:relative;}
.nav-close-button{border:1px solid; width:var(--menu-height); padding:var(--size-3) !important; justify-content:center;}



.rancak-container{position:relative; min-height:100vh; min-height:100svh; padding:var(--size-4) 0;}
.rancak-section{padding:0 var(--bodypadding); margin-bottom:var(--size-6);}
.rancak-section-title{font-weight:bold; text-transform:uppercase;}



.content-list, .content-list-card{display:grid; grid-gap:var(--size-4); grid-template-columns:repeat(1,1fr);}
.content-box{border:1px solid; overflow:hidden;}

.article-box{height:100%; display:grid; grid-template-rows:auto 1fr;}
.article-thumb{--aspect-ratio:16/9;}
.article-info{padding:var(--size-3); display:grid; grid-gap:var(--size-3); grid-template-rows:auto 1fr;
font-size:calc(var(--fontsize) - 2px); font-weight:normal;}
.article-title, .article-desc{display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; line-height:150%;}
.article-title{-webkit-line-clamp:2; font-weight:bold; font-size:var(--fontsize); text-wrap:balance;}
.article-desc{-webkit-line-clamp:8; font-family:'Bitter',sans-serif;}
.article-misc{display:flex; justify-content:space-between; align-items:flex-end;}
.article-misc-ad{padding:var(--size-1);}

.content-box-1 .article-title{font-size:calc(var(--fontsize) + 2px); -webkit-line-clamp:4;}

.content-box-popular{--title-height:36px; min-height:300px; position:relative;}
.content-popular-title{height:var(--title-height); align-items:flex-end; padding-bottom:var(--size-1); font-weight:bold; text-transform:uppercase;}
.content-popular-list{position:absolute; top:var(--title-height); left:0; width:100%; height:calc(100% - var(--title-height)); 
overflow-y:auto; overflow-x:hidden;}
.content-popular-list::-webkit-scrollbar{width:var(--size-1);}
.content-popular-box{border-top:1px dashed; grid-gap:var(--size-1);}
.content-popular-box:first-child{border-top:0;}

.content-loadmore-button{display:grid; grid-gap:var(--size-3); align-items:center; grid-template-columns:auto 1fr; padding:var(--size-4) var(--size-5) !important;}
.clb-icon{line-height:0;}



.content-detail{padding-bottom:var(--size-6); border-bottom:1px solid; display:grid; grid-gap:var(--size-5);}

.content-detail-top{display:grid; grid-gap:var(--size-4);}
.cdt-container{padding:var(--size-3) var(--size-4); display:flex; flex-wrap:wrap;}
.cdt-link{padding-right:var(--size-2); margin-right:var(--size-2); border-right:1px solid; display:block; font-weight:normal; font-size:calc(var(--fontsize) - 2px);}
.cdt-link:last-child{padding-right:0; margin-right:0; border-right:0;}
.cdt-title, .cdt-summary{text-align:center; text-wrap:balance;}
.cdt-title{font-size:calc(var(--fontsize) + 10px); line-height:120%; font-weight:bold;}
.cdt-summary{font-family:'Bitter',sans-serif; line-height:150%;}
.cdt-info{display:grid; grid-gap:var(--size-4); align-items:center;}
.cdt-info-left{display:grid; grid-gap:var(--size-2);}
.cdt-info-row{display:grid; grid-gap:var(--size-3); grid-template-columns:64px 1fr; line-height:140%;}
.cdt-info-right{display:flex;}
.cdt-info-right .share-link{--share-size:36px; width:var(--share-size); height:var(--share-size); border:1px solid;}
.cdt-info-right .share-link svg{width:auto; height:16px;}

.hero-image-frame{--aspect-ratio:16/9;}
.hero-image-info{margin-top:var(--size-3); padding-left:var(--size-2); border-left:1px solid; font-size:var(--fontsize); line-height:140%;}
.hero-image-label{font-weight:bold;}

.content-main{font-size:calc(var(--fontsize) + 4px); font-family:'Bitter',sans-serif; line-height:150%; display:grid; grid-row-gap:var(--size-4);
word-wrap:break-word; word-break:break-word; hyphens:auto;}
.content-main h2, .content-main h3, .content-main h4, .content-main b{font-weight:bold;}
.content-main h2, .content-main h3, .content-main h4{font-size:calc(var(--fontsize) + 6px);}
.content-main > ul, .content-main > ol{padding-left:var(--size-4);}
.content-main > ul{list-style:square;}
.content-main > ol{list-style:decimal;}
.content-main > ul > li, .content-main > ol > li{padding:2px 0;}

.content-disclaimer{padding:var(--size-4); font-size:calc(var(--fontsize) - 2px); display:grid; grid-gap:var(--size-2);}
.content-origin, .content-disclaimer-detail{position:relative; z-index:1;}
.content-origin{display:grid; grid-gap:var(--size-1); grid-template-columns:auto 1fr;}
.content-disclaimer-detail{line-height:140%;}

.content-related .rancak-section-title{margin-bottom:var(--size-3);}







@media screen and (min-width:0px) and (max-width:1023px){
  :root, :before, :after{
    --header-height:36px;
  }
  
  
  
  .desktop-only, .share-box-static{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
  
  
  
  nav{overflow-x:auto;}
  .nav-container{display:grid; grid-auto-flow:column;}
  .nav-list:first-child, .nav-close{padding-left:var(--size-4);}
  .nav-list:last-child{padding-right:var(--size-4);}
  
  
  
  .content-detail{padding:0;}
  .content-detail > .content-mobile-space{padding:0 var(--bodypadding);}
  .content-disclaimer, .hero-image-outside .hero-image-info{margin-left:var(--bodypadding); margin-right:var(--bodypadding);}
  
  
  
  .cdt-info-right .share-link{margin-right:var(--size-3);}
}







@media screen and (min-width:640px){
  .content-list, .content-list-card{grid-template-columns:repeat(2,1fr);}
  .content-list-card, .content-list .rancak-section-title{grid-column:1/3;}
  
  .content-box-1{grid-column:1/2; grid-row:1/3;}
  .content-box-1 .article-title{font-size:calc(var(--fontsize) + 4px); -webkit-line-clamp:4;}
  .content-box-1 .article-desc{font-size:var(--fontsize);}
  .content-box-2{grid-column:2/3; grid-row:1/2;}
  .content-box-3{grid-column:2/3; grid-row:2/3;}
  
  .content-box-popular{min-height:200px;}
}