#wrapper #content { font-size:0; }

#stateBar { position:fixed; top:0; left:0; height:4px; background-color:#fff; width:0; transition-property:top; z-index:200; }

@media screen and (min-width:900px){
 :is(.contentArea,.infoArea) { display:inline-block; position:sticky; top:var(--headerHeight); vertical-align:top; }
 .contentArea { width:calc(66.666% - var(--column)/3); margin-right:var(--column); }
 .contentArea img { width:100%; margin-bottom:12px; }

 .infoArea { width:calc(33.333% - var(--column)*2/3); }
 }
 .infoArea .titleArea { position:relative; color:#fff; }
 .infoArea .titleArea .backBtn { position:absolute; top:0; left:0; cursor:pointer; }
 .infoArea .titleArea .shareBtn { position:absolute; top:0; right:0; cursor:pointer; }
 .infoArea .titleArea span.subTitle { font-size:1rem; text-decoration:underline; text-transform:uppercase; padding-left:calc(20px + 6px); }
 .infoArea .titleArea span.subTitle a { color:#fff; }
 .infoArea .titleArea h2 { font-size:1.6rem; margin:12px 0 24px; }
 .infoArea .titleArea span.subDesc { font-size:0.8rem; }
 .infoArea .descArea { margin-top:15px; padding-top:15px; border-top:1px solid; border-color:#fff; font-size:1rem; color:#fff; }
 .infoArea .descArea p { margin-bottom:1.6rem; }


 /* css 추가 */
 .contentArea { overflow:hidden; }
 .contentArea * { font-size:1rem; color:#fff; line-height:1.642; background-color:#1D1D1D; font-family:'Satoshi', Satoshi, 'Pretendard', Pretendard, sans-serif !important;}
 .contentArea > div { white-space:pre-line !important; }
 .contentArea iframe { width:100%; height:34.25vw; }
 .infoArea .titleArea span.subTitle a{cursor:pointer;}

@media screen and (max-width:900px){
    .contentArea iframe {height:52.25vw; }
    .infoArea{margin-bottom:30px;}
}