main #container .main-header{ padding-top: 0;}

.main-header .category a{position: relative; font-size: 1rem;letter-spacing: -.065em; padding-right: 14px; }
.main-header .category a:after{content: "";position: absolute; right: 7px; top:3px; width: 1px; height: 1rem; border: 0 none; background-color: #7a7a7a;}
.main-header .category a:last-child:after{display: none;}
.main-header .category a:first-child{ color:#0074A6; font-weight: 700;}

.main-header .headline{font-size: 2.375rem; font-weight: 700; letter-spacing: 0; line-height: 1.3; word-break:keep-all;}
.main-header .view-option .view-reporter .view-date p span{color:#757575;}
.main-header .view-option .view-reporter .view-info{border-bottom-color: #0074A6;}

.view-subtitle p{ border-left-width:1px; }
.view-subtitle p span{font-size: 1.25rem; font-weight: 700; line-height: 1.37; letter-spacing: -.3px; padding: 4px 0; word-break:keep-all;}
.view-image .img-center{padding: 0;}

.layer-share-view .btn-share{display: inline-flex; gap:3px; font-size: 0.875rem; font-weight:600; color:#6C727A; border: 1px solid #ccc; padding:6px 10px; border-radius: 50px;}
.layer-share-view .btn-share:hover, .layer-share-view .btn-share:focus{ text-decoration: none;}

.main-content{ position: relative; padding-top: 30px;}
.main-content .content-area{ overflow: unset;}
.main-content .content-area .content-left{float: none; width: 100%;}
.main-content .content-area .content-left .view-text{ line-height: 1.86; word-break: keep-all; text-align: left; letter-spacing: -0.4px; color:#111;}
.main-content .content-area .content-left .view-text > p{text-align: left; word-break: keep-all; margin-bottom: 1rem;}

.main-header > div, .main-content .content-area{width: 580px;}
/* .main-header > div,
.view_subtitle,
.view-area .view-text > :not(.view-image),
.view-image .img-center .img-caption,
.aibox,
.view-bottom > div,
.view-copyright,
.pc-ad-list, .mobile-ad-list,
.view-comment,
.trc_rbox_container, .view-editor-note{width: 580px; margin: 0 auto;box-sizing: border-box;} */
.view-related{width: 580px;margin: 30px auto 20px;}
.view-text .view-image-horizontal{margin: 30px auto !important;}

.main-content .content-area .content-left .view-area {width: -webkit-fill-available; margin: 0 auto; float: unset;}
.main-content .view-area .view-text .view-image .img-caption{ line-height: 1.48; margin-top:5px;}
.view-bottom .view-reporter .view-reporter-info{display: flex;justify-content: space-between;}
.view-bottom .view-reporter .view-image{float: unset;}
.view-bottom .view-reporter .view-text{ float: unset; }

.aibox{ border: 1px solid #c9cfe3; background-color: #FAFCFF; letter-spacing: -0.25px;padding:20px 24px 14px 24px; margin: 16px auto !important; box-sizing: border-box; }
.aibox-summary-head{ display: flex;flex-direction: column; gap:4px; border-bottom:1px dotted #E3E3E3; padding-bottom:16px}
.aibox-summary-title{ display: flex; align-items: center; gap:6px}
.aibox-summary-title span{ font-size:1rem;font-weight: 800; color:#0056B3; }
.aibox-summary-description p { font-size: 0.813rem;color: #003165; letter-spacing: -.065em;line-height: 19px; letter-spacing: -.065em;}
.aibox-summary-contents{padding:16px 0 0; position: relative; }
.aibox-summary-contents b{ position:relative; display: inline-block; font-size:0.938rem; font-weight:600; color:#003165; padding-left:10px;}
.aibox-summary-contents b:before{ content:""; position:absolute; left:0;top: 5px; width: 3px;height:15px; background-color:#003165; }
.aibox-summary-contents > div:nth-child(n+2) b{ margin-top:8px; }
.aibox-summary-contents > div:nth-child(n+2){ display:none; }
.aibox-summary-contents p{ position:relative; padding-left:10px; margin: 3px 0 6px 4px; font-size: 0.938rem; color:#111; line-height: 1.45; word-break: keep-all;}
.aibox-summary-contents p:before{ content:""; position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#222;}
.aibox-summary-contents button.more-btn{color:#333; font-size: 0.875rem; font-weight: 500; letter-spacing: -.065em;
display: flex; align-items: center;justify-content: center; width: 100%; margin-top: 24px;}
.aibox-summary-contents button.more-btn:hover{text-decoration: none; }
.aibox-summary-contents button.more-btn img{ width: 24px; height: 24px; transform:rotate(180deg); }
.aibox-summary-contents.ai-show > div:nth-child(n+2){ display:block; }
.aibox-summary-contents.ai-show button.more-btn img{ transform:rotate(0); }


.hidden-content {position: fixed; bottom:0; left:50%; transform: translateX(-50%) translateY(100%); transition: all 0.5s ease; width: 580px; padding: 16px 16px 24px 16px; box-shadow:0 0 #000, 0px 2px 8px -2px rgba(21, 21, 21, 0.18), 0px 6px 12px -2px rgba(21, 21, 21, 0.18), 0px -3px 8px -2px rgb(142 180 226 / 18%); background-color: #fff; box-sizing: border-box ;z-index: 100;}
.hidden-content.show { transform: translateX(-50%) translateY(0);border-top: 3px solid; border-image: linear-gradient(to right, #004A87, #0095D5) 1;}
.popover-head{ display: flex; justify-content: space-between; align-items: center;margin-bottom: 12px;}
.popover-head h3{font-size: 1.125rem; font-weight: 700;}
.popover-head button{background:none; border: 0 none;}
.popover-head button img{width: 20px; height: 20px;}
.popover ul{ list-style: disc;}
.popover ul li a{position: relative;display: flex; justify-content: space-between;align-items: center; font-size: 1.063rem; color:#222;}
/* .popover ul li:before{ content:""; position:absolute; left:0; top:13px; width:4px; height:4px; background-color:#222; border-radius: 8px;} */
.popover ul li p{ max-width: 78%; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;}
.popover ul li p > img{ width: 8px; height:8px; margin-top: 9px; padding-right: 2px;}
.popover ul li span{font-size: 0.813rem;color: #cccccc;}


.content .content-right{float: none; width: 220px; position: absolute; left: calc(50% + 290px + 200px); top: -36px;}
.content-right .popular{width:220px !important; position: absolute;top:0; /*transition: all 0.25s ease;*/ background-color: #fff;}
.content .content-right.sticky{ position: fixed; top:84px; z-index: 1;}
.content-right .popular> ul > li{ padding-top: 12px;}
.content-right .popular h4.popular-title{font-size: 1rem;}
.smart-summary{display: none;}

.video-show-box2 .mov-box2 iframe{margin: 0 auto;}

@media all and (max-width:1440px){
    .content-right{display: none;}
  }
  
@media all and (max-width: 1024px){
  .main-content .content-area .content-left .view-text{ line-height: 1.72;}
}

@media all and (min-width: 640px) and (max-width: 1199.98px) {
  .main-header .headline{ font-size: 2.125rem;}
  .view-bottom .view-reporter .view-text{width: 420px;}
}

@media all and (max-width: 639.98px) {
  .main-header .headline{font-size: 1.563rem;}
  #drawer.hidden-content{width: calc(100% - 24px); box-shadow:0 0 #000, 0px 2px 8px -2px rgba(21, 21, 21, 0.18), 0px 6px 12px -2px rgba(21, 21, 21, 0.18); }

  .view-subtitle p{text-align: left;}
  .view-subtitle p span{font-size: 1.125rem;}
  .progress-container-nav{top:56px!important; background-color: transparent;}
  .view-bottom .view-reporter{width: 100%; box-sizing: border-box;}
  .view-bottom .view-reporter .view-reporter-info{flex-direction: column;}
  .view-bottom .view-reporter .view-image{margin-bottom: 0!important;}
  .view-bottom .view-reporter .view-text{width: 100%; display: flex;justify-content: space-between; align-items: center; margin: 0;}
  .view-bottom .view-reporter .view-text > div{width: 100%;}
  .view-bottom .view-reporter .view-text .reporter-btn{top:40%;}
  .main-header > div, .view_subtitle, .view-area .view-text > :not(.view-image), .view-image .img-center .img-caption, .aibox, .view-bottom > div, .view-copyright, .pc-ad-list, .mobile-ad-list, .view-comment, .trc_rbox_container{
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .main-header > div, .main-content .content-area,
  .main-content .content-wrap{width: 95%;}
}