@charset "utf-8";

/* 피씨레이아웃 */
/* 내부 컨텐츠 1280 */
@media only screen and (max-width:1248px){
  .header .box-inner{width:100%;}
  .header .box-inner .top{width:calc(100% - 32px); margin:0 16px;}
  .header .box-inner .gnb .gnbSwiper {padding:0 16px;}
  
  /* 경기일정 */
  .box-mainTop .box-inner .box-schedule .inner .schedule{flex:0 0 calc(34.83% - 60px); padding:16px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .left{flex:0 1 64px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .right{flex:0 1 64px;}
  .box-mainTop .box-inner{width:calc(100% - 32px); margin:0 16px;}

  .box-listArticle{width:calc(100% - 32px); margin:0 16px;}
  .box-visualList{width:calc(100% - 32px); margin:0 16px;}

  /* 서브페이지 레이아웃 */
  .subRsp-style1{width:calc(100% - 32px); margin:0 16px;}

  footer .box-inner{width:calc(100% - 32px); margin:0 16px;}
}

/* 테스트 크기 조정 , 기사 상세 */
@media only screen and (max-width:1090px){
  .container .box-content{margin-bottom:60px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info{margin-bottom:8px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info .time{margin-bottom:0px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info .time span{font-size:16px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info .stadium{font-size:12px;}
  
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .left{flex:0 1 50px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .left img{width:100%;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .left .name{font-size:12px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .right{flex:0 1 50px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .right img{width:100%;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .right .name{font-size:12px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .score{font-size:20px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .score span:first-child{margin-right:0px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .score span:last-child{margin-left:0px;}
  
  .box-mainTop .box-inner .box-topNews .num1 .titCont .tit{font-size:28px;}
  .box-mainTop .box-inner .box-topNews .num2 .titCont .tit{font-size:18px;}
}

/* 피씨레이아웃 -> 테블릿레이아웃  */
@media only screen and (max-width:1024px){
  
}

/* 테블릿레이아웃 -> 모바일레이아웃  */
@media only screen and (max-width:960px){

  /* 경기일정 */
  .box-mainTop .box-inner .box-schedule .inner .schedule .left{flex:0 1 56px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .right{flex:0 1 56px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info .time span{font-size:10px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info .stadium{display:none;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .name{font-size:12px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .score{font-size:12px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .score span.ing{margin:0 8px; font-size:10px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .score span.end{margin:0 8px; font-size:10px;}


  .aside-right{display:none;}
}
@media only screen and (max-width:782px){
  .box-mainTop .box-inner .box-topNews{padding:0px; background-color:transparent;}
  .box-mainTop .box-inner .box-topNews .txtCont{display:none;}
  .box-mainTop .box-inner .box-topNews .linkNews{display:none;}
  .box-mainTop .box-inner .box-topNews .titCont .tit{font-size:26px; color:#fff;}
}

/* 테블릿레이아웃 -> 모바일레이아웃  */
@media only screen and (max-width:768px){

  /* 서브페이지 레이아웃 */
  .subRsp-style1{flex-direction: column; padding-top:16px;}
  .box-content .box-inner.subRsp-style1 .aside-right{display:block; margin-left:0px; padding-left:0px; border-left:none;} 
  .box-content .box-inner.subRsp-style1 .aside-right .asideR-box1{display:none;}

  .titStyle1{padding-left:14px; background-size:6px 20px; font-size:20px; }
  .titStyle1 a{padding-right:16px; background-size:8px 15px;}
  .header .box-inner {padding:16px 0; background:url(../images/img_header.png) no-repeat 100% 100%; background-size:320px 113px; }
  .header .box-inner .newsis-logo{margin-bottom:16px;}
  .header .box-inner .newsis-logo img{width:67px; height:16px;}
  .header .box-inner .newsis-logo .logo a{margin-right:4px;}
  .header .box-inner .newsis-logo .logo span{font-size:12px;}
  .header .box-inner .worldcup-logo{margin-bottom:20px;}
  .header .box-inner .worldcup-logo img{width:100%;}
  .header .box-inner nav .swiper-slide {padding:4px 12px 5px; font-size:16px; line-height:1.5;}

  .box-mainTop{margin-bottom:30px;}
  .box-mainTop .box-inner{padding:16px 0;}
  .box-mainTop .box-inner .box-schedule{margin-bottom:20px;}
  .box-mainTop .box-inner .box-schedule .tit{font-size:20px; margin-bottom:12px;}
  .box-mainTop .box-inner .box-schedule .inner{justify-content: flex-start; flex-direction: column;}
  .box-mainTop .box-inner .box-schedule .inner .schedule{margin-bottom:12px; padding:6px 12px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule:last-child{margin-bottom:0px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info{margin-bottom:0px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info .time span{font-size:12px; font-weight:normal;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info .stadium{display:none;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .left{display:flex; justify-content: flex-start; align-items: center; flex:0 0 30%;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .left .nation{margin-right:4px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .left img{width:50px; margin-bottom:0px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .left .name{line-height:1;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .right{display:flex; justify-content: flex-start; align-items: center;  flex-direction: row-reverse; flex:0 0 30%;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .right .nation{margin-left:4px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .right img{width:50px; margin-bottom:0px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .right .name{line-height:1;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info .score{margin-top:0; font-size:15px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info .score p{display:flex; justify-content: space-between;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info span.ing{margin:0 16px; font-size:12px; padding:4px 5px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info span.end{margin:0 16px; font-size:12px;}
  
  .box-mainTop .box-inner .topNews{padding-bottom:8px;}
  .box-mainTop .box-inner .box-topNews .swiper-wrapper{column-gap: 0;}
  .box-mainTop .box-inner .topNews .swiper-pagination{display: block; height:8px;}
  .box-mainTop .box-inner .box-topNews .num1 .titCont .tit{font-size:26px;}
  .box-mainTop .box-inner .box-topNews .num2 .titCont .tit{font-size:26px;}
  .box-mainTop .box-inner .box-topNews .num3 .titCont .tit{font-size:26px;}

  .box-listArticle .listArticle{flex-direction: column; flex-wrap:nowrap;}
  .box-listArticle .listArticle .box-article{margin-right:0px; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #ccc;}
  .box-listArticle .listArticle .box-article article{display:flex; justify-content:flex-start;}
  .box-listArticle .listArticle .box-article article .thumCont{order:2; flex:1 0 40.244%; margin-bottom:0px; padding-bottom:25%;}
  .box-listArticle .listArticle .box-article article .titCont{order:1; margin-right:20px;}
  .box-listArticle .listArticle .box-article article .titCont .cate{margin-bottom:4px;}
  .box-listArticle .listArticle .box-article:last-child{border-bottom:none;}

  .box-visualList{width:100%; margin:0;}
  .box-visualList{flex-direction: column;}
  .box-visualList .photoList{margin-right:0; margin-bottom:32px; padding:0 16px;}
  .box-visualList .photoList .swiper-pagination{opacity:0;}
  .box-visualList .photoList .swiper-slide{width:302px;}

  .box-visualList .graphicList{padding:0 16px;}
  .box-visualList .graphicList .swiper-wrapper .swiper-slide:nth-child(n+3){display:none;}
  .box-visualList .graphicList .swiper-wrapper .swiper-slide:first-child{margin-right:4.878%}
  .box-visualList .graphicList .swiper-wrapper .swiper-slide{flex:0 0 47.561%;}
  .box-visualList .graphicList .swiper-wrapper .swiper-slide .tit{font-size:16px;}
  
  /* 서브페이지 */
  .box-listArticle2 .listArticle .box-article article .thumCont{flex:0 0 40.244%; padding-bottom:25%;}
  .box-listArticle2 .listArticle .box-article article .titCont .tit{font-size:18px;
    -webkit-line-clamp:2;
  }
  .box-listArticle2 .listArticle .box-article article .txtCont .txt{display:none;}

  /* 포토, 그래픽뉴스 */
  .box-listArticle3 .listArticle .box-article{flex:1 1 calc(50% - 16px);}
  .box-listArticle3 .listArticle .box-article{margin-right:16px;}
  .box-listArticle3 .listArticle .box-article:nth-child(2n){margin-right:0px;}
  .box-listArticle3 .listArticle .box-article .titCont .tit{font-size:16px; line-height:1.5;}

  .box-asidePhotoG{display:flex; justify-content: flex-start;}
  .box-asidePhotoG article{flex:1 0 45%; margin-bottom:0px;}
  .box-asidePhotoG article:first-child{margin-right:4.88%;}
  .box-asidePhotoG article .thumCont{padding-bottom:62.83%;}


  /* 페이징 */
  .box-page {justify-content: center;}
  .box-page a{width:28px; height:28px; line-height:28px;}
  .box-page button.prev{width:28px; height:28px; margin-right:8px;}
  .box-page button.next{width:28px; height:28px; margin-left:8px;}
  .box-page button img{width:100%; height:100%;}


  footer .box-inner .logo{display:none;}
  footer .box-inner .info ul li{line-height:1.2;}
  footer .box-inner .info p{line-height:1.2;}
}

@media only screen and (max-width:480px){
  
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2{padding:0 3.79%;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .score span:first-child{margin-right:8px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .score span:last-child{margin-left:8px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info .score{font-size:14px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info span.end{font-size:10px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info span.ing{font-size:10px;}

  .box-mainTop .box-inner .box-schedule .inner .schedule .left img{width:40px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .right img{width:40px;}
}

@media only screen and (max-width:420px){
  .box-mainTop .box-inner .box-schedule .inner .schedule .info span.ing{margin:0 16px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info span.end{margin:0 16px;}
}
/* 최소 모바일레이아웃  갤럭시폴트 접을시(345)  */
@media only screen and (max-width:360px){
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .score{flex:0 0 90px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .score span:first-child{margin-right:4px;}
  .box-mainTop .box-inner .box-schedule .inner .schedule .info2 .score span:last-child{margin-left:4px;}
}