/*
# @media Options
  iphone 12 pro	390*844 
  phone XR		414*896 @
  iphone SE		375*667
  iPad Air		820*1180
  iPad mini		768*1024 @
  Gallaxy S8+		360*740
  Gallaxy S20 U	412*915
-----------------------------------------------
# device width test
 x < 576px
 577px < x <= 768px
 769px < x <= 992px
 993px < x <= 1240px
 1240px < x
-----------------------------------------------
# CSS @media
 @media all and (min-width:993px) and (max-width:1200px) { //PC 
 @media all and (min-width:769px) and (max-width:992px){}
 @media all and (min-width:577px) and (max-width:768px){} 
 @media all and (max-width:576px){} 

-----------------------------------------------
# CSS <link rel="stylesheet" href="/_css/min.style_nsp.css"/>
 <link rel="stylesheet" media="screen and (max-width: 1180px)" href="/_css/min.style_nsp_1240.css"/>
 <link rel="stylesheet" media="screen and (max-width: 992px)" href="/_css/min.style_nsp_992.css" />
 <link rel="stylesheet" media="screen and (max-width: 768px)" href="/_css/min.style_nsp_768.css" />
 <link rel="stylesheet" media="screen and (max-width: 576px)" href="/_css/min.style_nsp_576.css" />
*/


/*======================= (max-width: 1200px) =======================*/

@media (min-width: 993px) and (max-width: 1200px) {

	/*===============================================
	# html, bodt, wrap, header, gnb
	===============================================*/

	/*html, body{background:#ffffee;} test color*/

	.wrap_panel {
	  padding:0 var(--wrap_panel-padding-1240);
	}
	/*-----------------------------------------------
	# gnb_nav
	-----------------------------------------------*/
	.gnb_nav .menu-wrapper{
	  white-space: normal; /*메뉴 항목이 줄바꿈되지 않도록 합니다.*/
	}
	/*-----------------------------------------------
	# footer
	-----------------------------------------------*/
	#footer .menubar .menu ul li.menu-copyright {
	   display: none;
	}
	#footer .menubar .sns ul li a .sns-name{
	   display: none;
	}
	#footer .copyright .global-info {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	}

	/*===============================================
	# news_list
	===============================================*/
	.news-list ul li .image{
	  width:200px;
	  min-width:200px;
	}
	.news-list ul li .text .subject {font-size:18px;font-weight:500;}
	.news-more {margin-bottom:30px;}
	/*===============================================
	# home main
	===============================================*/
	/*top1-A*/
	.main .grid1 .top1-A  {
	  grid-template-columns: 1fr;
	}
	.main .grid1 .top1-A .top1-1, 
	.main .grid1 .top1-A .top1-2, 
	.main .grid1 .top1-A .top1-3 {
	  grid-column: auto;
	  grid-row: auto;
	}
	.main .grid1 .top1-A .top1-1 ul li {
	  position:relative;
	  grid-template-columns: minmax(18.75rem, 50%) minmax(18.75rem, 50%); /*minmax(300px, 50.0%);*/
	}
	.main .grid1 .top1-A .top1-1 ul li .subject {
	  font-size:32px;
	}
	.main .grid1 .top1-A .top1-2{margin-bottom:20px}
	.main .grid1 .top1-A .top1-3 ul li:first-child{position:relative;padding:15px 0;border-top:1px solid #ddd;}
	.main .grid1 .top1-A .top1-3 ul li .text .subject { font-size: 18px; font-weight: 500;}
	.main .grid1 .top1-A .top1-3::before {
	  display:none;
	}
	/*-----------------------------------------------*/
	/*top1-B*/
	.main .grid1 .top1-B {
	  display: grid;
	  grid-template-columns:  1fr minmax(auto, 18.75rem);
	  gap: 30px 50px;
	}
	.main .grid1 .top1-B .top1-1 { grid-column: 1; grid-row: 1;}
	.main .grid1 .top1-B .top1-2 { grid-column: 2; grid-row: 1;}
	.main .grid1 .top1-B .top1-3 { grid-column: 1 / span 2; grid-row: 2;}
	.main .grid1 .top1-B .top1-2::after {
	  display:none;
	}
	.main .grid1 .top1-B .top1-1 ul li {
	  display: grid;
	  grid-template-columns: 1fr;
	}
	.main .grid1 .top1-B .top1-1 ul li .title { order: 2; }
	.main .grid1 .top1-B .top1-1 ul li .image { order: 1; }
	.main .grid1 .top1-B .top1-1 ul li .text { order: 3;}
	.main .grid1 .top1-B .top1-3 ul li:first-child {
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}
	/*-----------------------------------------------*/
	/*top1-C*/
	.main .grid1 .top1-C {
	  gap: 0 50px;
	}
	.main .grid1 .top1-C .top1-1 ul li .toptitle .subject {
	  font-size:32px;
	  font-weight:700;
	  line-height:1.4;
	  margin-bottom:20px;
	}
	.main .grid1 .top1-C .top1-1 ul li .text{display:none}

	.main .grid1 .top1-C .top2 {
	  position:relative;
	  width:100%;
	  padding-left:0;
	  padding-right:0;
	  display:flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
	.main .grid1 .top1-C .top2 ul{display:flex;flex-direction: column;}
	.main .grid1 .top1-C .top2 ul li{position:relative;padding:15px 0;border-top:0 solid #ddd;}
	.main .grid1 .top1-C .top2 ul li:first-child {padding-top:15px;border-top:1px solid #ddd;}
	.main .grid1 .top1-C .top2 ul li:last-child {padding-bottom:0;}
	.main .grid1 .top1-C .top2 ul li .image{display:none;}
	.main .grid1 .top1-C .top2 ul li .text{position:relative;margin-right:0;min-height:auto;}
	.main .grid1 .top1-C .top2 ul li .text .title{font-size:18px;font-weight:500;}
	.main .grid1 .top1-C .top2 ul li .text{position:relative;}
	.main .grid1 .top1-C .top2 ul li .text .title{font-size:18px;font-weight:500;}

	.main .grid1 .top1-3 ul li .image{
	  width:200px;
	  min-width:200px;
	}
	/*-----------------------------------------------*/

	/* main panel3 : top3(주요쥬스) + aside-right(bestnews) */
	.main .grid3 {
	  display: grid;
	  grid-template-columns: 1fr;
	  justify-content: center;
	  gap: 20px 0;
	}
	.main .grid3 > div:not(:first-child)::before {
	  display:none;
	}
	.main .grid3 .top3-1 ul li .image{
	  width:200px;
	  min-width:200px;
	}
	.main .grid3 .top3-2{
	  border-top:1px solid #ddd;
	  margin-top:0;
	  padding-top: 15px;
	}
	.main .grid3 .top3-2 .image{
	  display:none;
	}
	.main .grid3 .top3-3{
	  margin-top: 30px;
	  padding-top: 30px;
	  border-top:0 solid #ddd;
	}
	.main .grid3 .top3-3 ul li .image{
	  width:200px;
	  min-width:200px;
	}
	/*-----------------------------------------------*/
	/* main panel4 : top4(주요쥬스)  */
	.main .grid4 {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	  flex-wrap: nowrap;
	  gap: 30px;
	}
	.main .grid4 > div {
	  padding: 0;
	  position: relative;
	}
	.main .grid4 > div:not(:last-child)::after {
	  display:none;
	}
	.main .grid4 .top4:nth-child(2),
	.main .grid4 .top4:nth-child(3) {
	  border-top:1px solid #ddd;
	  padding-top:30px;
	}
	.main .grid4 .top4 ul li{padding:10px 0;min-height:auto;border-top:0px solid #ddd;}
	.main .grid4 ul li .image{
	  width:200px;
	  min-width:200px;
	}
	/*-----------------------------------------------*/
	/* main panel5 : country  */
	.main .grid5 .country {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  flex-wrap: nowrap;
	  gap: 50px;
	}
	.main .grid5 .country > div:last-child {
	  grid-column: 1 / span 2; /* 두 칸 전체 차지 */
	}
	.main .grid5 .country .country3::before {
	  display:none;
	}
	.main .grid5 .country .country2 ul li .image {
	  width: 180px;
	  min-width: 180px;
	}
	.main .grid5 .country .country3 .network ul{
	  display: grid; 
	  grid-template-columns: repeat(5, 1fr); 
	  grid-gap: 8px; 
	}
	/*-----------------------------------------------*/
	/* main panel6 : kfme  */
	.main .grid6 .kfme {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  max-margin:0;
	  gap:30px 50px;
	}
	.main .grid6 .kfme > div:last-child { grid-column: 1 / span 2;}
	.main .grid6 .kfme .kfme3::before {
	  display:none;
	}

	.main .grid6 .kfme .kfme2 ul li .image {
	  width: 180px;
	  min-width: 180px;
	}
	.main .grid6 .kfme .kfme3 {padding-top:30px;border-top:1px solid #ddd;}
	/*-----------------------------------------------*/
	/* main panel7 (신상품+시승기+사신속) */
	.main .grid7 {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 30px;
	}
	.main .grid7 > div:not(:last-child)::after {
	  display:none;
	}
	.main .grid7 .top7-2,
	.main .grid7 .top7-3 {
	  border-top:1px solid #ddd;
	  padding-top:30px;
	}
	.main .grid7 ul {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-template-rows: auto auto;
	  gap:0  30px;
	}
	.main .grid7 ul li:nth-child(1) {
	  grid-column: 1;
	  grid-row: 1 / span 2; 
	}
	.main .grid7 ul li:nth-child(2) {
	  grid-column: 2;
	  grid-row: 1;
	  border-top:1px solid #ddd;
	}
	.main .grid7 ul li:nth-child(3) {
	  grid-column: 2;
	  grid-row: 2;
	}

	.main .grid7 ul li {
	  display:flex;
	  flex-direction: row-reverse;
	  justify-content:space-between;
	  align-items:flex-start;
	  padding:15px 0;
	  border-top:1px solid #ddd;
	}
	.main .grid7 ul li:nth-child(1) {margin-bottom:0;padding-bottom:0;}
	.main .grid7 ul li:nth-child(1) .text{margin-right:0;}
	.main .grid7 ul li:nth-child(1) .text .subject {
	  margin-top: 15px;
	  font-size: 20px;
	  font-weight:700;
	  padding:0;
	}
	.main .grid7 ul li:nth-child(2) {margin-top:0;padding-top:0;border-top:0;}
	.main .grid7 ul li .image {
	  width:200px;
	  min-width:200px;
	}
	.main .grid7 ul li .text .subject {margin-top:0;font-weight:400;}
	/*===============================================
	# sub main...
	===============================================*/

	/*-----------------------------------------------
	# submain  category
	-----------------------------------------------*/
	.submain-category .sub-category .sub-item ul li {
	  margin-left:10px;
	  white-space : nowrap;
	}
	/*-----------------------------------------------
	# submain  top news
	-----------------------------------------------*/
	.submain-top .top {
	  display: grid;
	  grid-template-columns:  1fr minmax(auto, 18.75rem);
	  gap: 30px 50px;
	}
	.submain-top .top .top1 { grid-column: 1; grid-row: 1;}
	.submain-top .top .top2 { grid-column: 2; grid-row: 1;}
	.submain-top .top .top3 { grid-column: 1 / span 2; grid-row: 2;}
	.submain-top .top .top2::after {
	  display:none;
	}
	.submain-top .top .top1 ul li .title {
	  position:relative;
	  font-size:30px;
	  
	}
	.submain-top .top .top1 ul li .text .summary {
	  font-size: 20px;
	}
	.submain-top .top .top1 ul li .text .category{margin-top:0px;}

	.submain-top .top .top2 ul li{
	  padding:15px 0;
	}

	.submain-top .top .top3 {flex: 1; padding-top:30px ;border-top:1px solid #ddd;}
	.submain-top .top .top3 ul li{padding:10px 0;border-top:0;}
	.submain-top .top .top3 ul li .image {
	  width:200px;
	  min-width: 200px;
	}
	/*-----------------------------------------------
	# submain news view
	-----------------------------------------------*/
	.submain .news {
	  flex-direction: column;
	  display:flex;
	  gap:10px;
	}
	.submain .news .contents::after {
	  display:none;
	}
	.submain .news .aside {
	  flex:0 0 100%;
	  width:100%; /* 고정 */
	  margin-top:50px;
	}
	/*-----------------------------------------------
	# submain aside element
	-----------------------------------------------*/
	.aside .aside_news ul li .image{
	  width:200px;
	  min-width:200px;
	}
	.aside .aside_news ul li .text .subject {font-size:20px;font-weight:500;}
	.aside .aside_issue_42 ul li .text {width:100%;flex:1;}
	.aside .aside_issue_42 ul li .text .subject {margin-top:10px;font-size:20px;font-weight:500;}
	/*
	.aside_ad {
	  width: calc(100% + (var(--wrap_panel-padding-1240) * 2));
	  margin-left: calc(var(--wrap_panel-padding-1240) * -1);
	  margin-right: calc(var(--wrap_panel-padding-1240) * -1);
	}
	*/
	/*-----------------------------------------------
	#news_footer_headline
	-----------------------------------------------*/
	.news_footer .news {
	  display: grid; 
	  grid-template-columns: 1fr;
	  grid-gap: 50px; 
	}
	.news_footer .news > div:not(:last-child)::after {
	  display:none;
	}
	/*-----------------------------------------------
	# issue
	-----------------------------------------------*/
	.issue_main .issue-top {
	  display: grid; 
	  grid-template-columns: 300px 1fr;
	  grid-gap: 50px; 
	}
	/*-----------------------------------------------
	# tv main 
	-----------------------------------------------*/
	.main-tv .top-tv .tv-list ul{
	   grid-template-columns: repeat(2, 1fr);
	}
	/*-----------------------------------------------
	# tv index list
	-----------------------------------------------*/
	.tv-list ul{
	   grid-template-columns: repeat(2, 1fr);
	}
	.tv-list ul li .text .content{
	  display:none;
	}
	.tv-list  ul li .link-news-list {
	  display:none;
	}
	.tv-list  ul li .text .content{
	  display:none;
	}
	.tv-list  ul li .link-news-list {
	  display:none;
	}
	}


/*======================= (max-width: 992px) =======================*/

@media all and (min-width:769px) and (max-width:992px) {

	/*===============================================
	# html, bodt, wrap, header, gnb
	===============================================*/

	/* body{background:#ffffcc;} test color*/

	/*-----------------------------------------------
	#wrap & header
	-----------------------------------------------*/
	.wrap_panel {
	  padding:0 var(--wrap_panel-padding-992);
	}

	/*-----------------------------------------------
	#header > gnb2
	-----------------------------------------------*/
	#header .gnb2 .panel{
	  padding:20px 0;
	}
	#header .gnb2 .panel .gnb-logo .logo .logo-svg {
	  width: 120px;
	}
	#header .gnb2 .panel .gnb-left div,
	#header .gnb2 .panel .gnb-right div{
	  display:none;
	}
	/*-----------------------------------------------
	#header > gnb3
	-----------------------------------------------*/
	#header .gnb3 .panel .gnb3-subject {
	   display:none;
	}
	/*-----------------------------------------------
	#gnb_nav > topmenu
	-----------------------------------------------*/
	/* only 576 */
	/*-----------------------------------------------
	# footer
	-----------------------------------------------*/
	#footer .menubar{
	  display: flex;
	  flex-direction: column;
	  margin-bottom:30px;
	}
	#footer .menubar .menu ul li.menu-copyright {
	  display: none;
	}
	#footer .menubar .sns{
	  margin-top: 15px;
	}
	#footer .menubar .sns ul li:first-child{
	   margin-left: 0;
	}
	#footer .copyright {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	  margin-top: 10px;
	  margin-bottom: 20px;
	  padding: 0;
	}
	#footer .copyright .global-info {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	}
	#footer .logo-partner .logo_kina{
	   width:180px;
	   margin-left:0;
	}
	/*-----------------------------------------------
	# gnb_nav
	-----------------------------------------------*/
	.gnb_nav .menu-wrapper{
	  white-space: normal; /*메뉴 항목이 줄바꿈되지 않도록 합니다.*/
	}
	#header .gnb2 .panel .gnb_left{display:none;}
	#header .gnb_nav .panel .sidemenu .side_menu a{display:none;}


	/*===============================================
	# news_list
	===============================================*/
	.news-list ul li .image{
	  width:180px;
	  min-width:180px; 
	}
	.news-list ul li .text .subject {font-size:18px;font-weight:500;}
	.news-list ul li .text .category{display:block;}
	.news-list ul li .text .content {display:block;}
	.news-more {display:block; margin-bottom:30px;}
	/*-----------------------------------------------
	# nsp-best-news  23A8E0/007aff
	-----------------------------------------------*/
	ul.nsp-best-news li {
	   padding-top:20px;
	}
	ul.nsp-best-news li .text .num {
	  line-height: 25px;
	  font-size: 18px;
	}
	/*===============================================
	# home main
	===============================================*/
	.main .grid1  {
	  display: flex;
	  gap:20px;
	  flex-direction: column;
	}
	.main .grid1 .top1 {padding-left:0;padding-right:0;}
	.main .grid1 .top1:after {
	  display:none;
	}
	/*-----------------------------------------------*/
	/*top1-A*/
	.main .grid1 .top1-A  {
	  grid-template-columns: 1fr;
	}
	.main .grid1 .top1-A .top1-1, 
	.main .grid1 .top1-A .top1-2, 
	.main .grid1 .top1-A .top1-3 {
	  grid-column: auto;
	  grid-row: auto;
	}
	.main .grid1 .top1-A .top1-2{margin-bottom:20px}
	.main .grid1 .top1-A .top1-3 ul li:first-child{position:relative;padding:15px 0;border-top:1px solid #ddd;}

	.main .grid1 .top1-A .top1-3::before {
	  display:none;
	}

	.main .grid1 .top1-A .top1-1 ul li {
	  display: flex;
	  flex-direction: column;
	  gap: 30px;
	}
	.main .grid1 .top1-A .top1-1 ul li .title {
	  font-size:28px;
	  padding:0 20px;
	}
	.main .grid1 .top1-A .top1-2 ul li{
	  margin-top:20px;
	}
	.main .grid1 .top1-A .top1-3::before {
	  display:none;
	}

	/*-----------------------------------------------*/
	/*top1-B*/
	.main .grid1 .top1-B {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 0 50px;
	}
	.main .grid1 .top1-A .top1-1, 
	.main .grid1 .top1-A .top1-2, 
	.main .grid1 .top1-A .top1-3 {
	  grid-column: auto;
	  grid-row: auto;
	}
	.main .grid1 .top1-B .top1-1 { grid-column: 1; grid-row: 1; }
	.main .grid1 .top1-B .top1-2 { grid-column: 1; grid-row: 2; }
	.main .grid1 .top1-B .top1-3 { grid-column: 1; grid-row: 3; }
	.main .grid1 .top1-B > div:not(:last-child)::after {
	  display:none;
	}

	.main .grid1 .top1-B .top1-1 ul li {
	  display: grid;
	  grid-template-columns: 1fr;
	}
	.main .grid1 .top1-B .top1-1 ul li .toptitle { order: 2; }
	.main .grid1 .top1-B .top1-1 ul li .image { order: 1; }
	.main .grid1 .top1-B .top1-1 ul li .text { order: 3;}
	.main .grid1 .top1-B .top1-1 ul li .toptitle {
	  position:relative;
	  font-size:30px;
	  font-weight:700;
	  line-height:1.4;
	  
	  margin-bottom:20px;
	}
	.main .grid1 .top1-B .top1-1 ul li .image {
	  position:relative;
	  width:100%;
	  max-width:100%;
	  aspect-ratio: auto 16 / 9;
	  margin-bottom:20px;
	}
	.main .grid1 .top1-B .top1-1 ul li .text .content{display:block;margin-top:0;}

	.main .grid1 .top1-B .top1-2{
	  width:100%;
	  margin-top:25px;
	  margin-bottom: 20px;
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}
	.main .grid1 .top1-B .top1-2 ul li{
	  display:flex;
	  flex-direction: row-reverse;
	  justify-content: space-between;
	}

	.main .grid1 .top1-B .top1-2 ul li .image {
	  position:relative;
	  width:180px;
	  height:100px;
	  margin-left:20px;
	  margin-bottom:10px;
	}
	.main .grid1 .top1-B .top1-2 ul li .text {width:100%;flex:1;}
	.main .grid1 .top1-B .top1-2 ul li .text .subject {font-size:20px;font-weight:500;}
	.main .grid1 .top1-B .top1-2 ul li .text .content {margin-top:5px;font-size:15px;font-weight:400;color:#666;}
	.main .grid1 .top1-B .top1-3::before {
	  display:none;
	}

	.main .grid1 .top1-B .top1-3 ul li:first-child {
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}
	/*-----------------------------------------------*/
	/*top1-C*/
	.main .grid1 .top1-C {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 0 50px;
	}
	.main .grid1 .top1-C .top1-1, 
	.main .grid1 .top1-C .top1-2, 
	.main .grid1 .top1-C .top1-3 {
	  grid-column: auto;
	  grid-row: auto;
	}
	.main .grid1 .top1-C > div:not(:last-child)::after {
	  display:none;
	}

	.main .grid1 .top1-C .top1-1 ul li {
	  display: grid;
	  grid-template-columns: 1fr;
	}
	.main .grid1 .top1-C .top1-1 ul li .toptitle { order: 2; }
	.main .grid1 .top1-C .top1-1 ul li .image { order: 1; }
	.main .grid1 .top1-C .top1-1 ul li .text { order: 3;}

	.main .grid1 .top1-C .top1-1 ul li .toptitle .subject {
	  font-size:30px;
	  font-weight:700;
	  line-height:1.4;
	}
	.main .grid1 .top1-C .top1-1 ul li .image {
	  position:relative;
	  width:100%;
	  max-width:100%;
	  aspect-ratio: auto 16 / 9;
	}
	.main .grid1 .top1-C .top1-1 ul li .text{display:none}

	.main .grid1 .top1-C .top1-2{
	  width:100%;
	  margin-bottom: 20px;
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}
	.main .grid1 .top1-C .top1-2 ul li{
	  display:flex;
	  flex-direction: row-reverse;
	  justify-content: space-between;
	  margin-top:10px;
	  padding:0;
	  border-top:0;
	}

	.main .grid1 .top1-C .top1-2 ul li .image {
	  width:200px;
	  min-width:200px;
	  margin-left:20px;
	}
	.main .grid1 .top1-C .top1-2 ul li .text {width:100%;flex:1;}
	.main .grid1 .top1-C .top1-2 ul li .text .subject {font-size:20px;font-weight:500;}
	.main .grid1 .top1-C .top1-2 ul li .text .content {margin-top:5px;font-size:15px;font-weight:400;color:#666;}
	.main .grid1 .top1-C .top1-3::before {
	  display:none;
	}

	.main .grid1 .top1-C .top1-3 ul li:first-child {
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}

	.main .grid1 .top1-3 ul li .image{
	  width:180px;
	  min-width:180px;
	}
	/*-----------------------------------------------*/
	/* main panel3 : top3(주요쥬스) + aside-right(bestnews) */
	.main .grid3 {
	  display: grid;
	  grid-template-columns: 1fr;
	  justify-content: center;
	  gap: 20px 0;
	}
	.main .grid3 > div:not(:first-child)::before {
	  display:none;
	}
	.main .grid3 .top3-1 ul li .image{
	  width:180px;
	  min-width:180px;
	}
	.main .grid3 .top3-2{
	  border-top:1px solid #ddd;
	  margin-top:0;
	  padding-top: 15px;
	}
	.main .grid3 .top3-2 .image{
	  display:none;
	}
	.main .grid3 .top3-3{
	  margin-top: 30px;
	  padding-top: 30px;
	  border-top:0 solid #ddd;
	}
	.main .grid3 .top3-3 ul li .image{
	  width:180px;
	  min-width:180px;
	}
	/*-----------------------------------------------*/
	/* main panel4 : top4(리포트+알아보니+들어보니 등)  */
	.main .grid4 {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	  flex-wrap: nowrap;
	  gap: 30px;
	}
	.main .grid4 > div {
	  padding: 0;
	  position: relative;
	}
	.main .grid4 > div:not(:last-child)::after {
	  content:none;
	}
	.main .grid4 .top4:nth-child(2),
	.main .grid4 .top4:nth-child(3) {
	  border-top:1px solid #ddd;
	  padding-top:30px;
	}
	.main .grid4 .top4 ul li{padding:10px 0;min-height:auto;border-top:0px solid #ddd;}
	.main .grid4 .top4 ul li{padding:10px 0;min-height:auto;border-top:0px solid #ddd;}
	.main .grid4 ul li .image{
	  width:180px;
	  min-width:180px;
	}

	/*-----------------------------------------------*/
	/* main panel5 : country  */
	.main .grid5 .country {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 20px;
	}
	.main .grid5 .country > div:not(:first-child)::before {
	  display:none;
	}
	.main .grid5 .country .country2 ul li:first-child {position:relative;padding:20px 0;border-top:1px solid #ddd;}
	.main .grid5 .country .country2 ul li .image {
	  width: 180px;
	  min-width: 180px;
	}
	.main .grid5 .country .country3 {padding-top:30px;}

	.main .grid5 .country .country3 .network ul{
	  display: grid; 
	  grid-template-columns: repeat(5, 1fr); 
	  grid-gap: 8px; 
	}
	/*-----------------------------------------------*/
	/* main panel6 : kfme  */
	.main .grid6 .kfme {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 20px;
	}
	.main .grid6 .kfme > div:not(:first-child)::before {
	  display:none;
	}
	.main .grid6 .kfme .kfme2 {
	  margin-top: 0;
	}
	.main .grid6 .kfme .kfme2 ul li:first-child {position:relative;padding:20px 0;border-top:1px solid #ddd;}
	.main .grid6 .kfme .kfme2 ul li .image {
	  width: 180px;
	  min-width: 180px;
	}
	.main .grid6 .kfme .kfme3 {padding-top:30px;border-top:1px solid #ddd;}
	/*-----------------------------------------------*/
	/* main panel7 (신상품+시승기+사신속) */
	.main .grid7 {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 30px;
	}
	.main .grid7 > div:not(:last-child)::after {
	  display:none;
	}
	.main .grid7 .top7-2,
	.main .grid7 .top7-3 {
	  border-top:1px solid #ddd;
	  padding-top:30px;
	}

	.main .grid7 ul li:nth-child(1) .text .subject {
	  margin-top: 15px;
	  font-size: 20px;
	  font-weight:700;
	  padding:0;
	}
	.main .grid7 ul li .image {
	  width:180px;
	  min-width:180px;
	}
	/*===============================================
	# sub main...
	===============================================*/
	/*-----------------------------------------------
	# submain  category
	-----------------------------------------------*/
	.submain-category .sub-category .sub-item{
	  display:none;
	}
	/*-----------------------------------------------
	# submain  top news
	-----------------------------------------------*/
	.submain-top .top {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap:30px;
	}
	.submain-top .top .top1{ order: 1; }
	.submain-top .top .top2{ order: 2; }
	.submain-top .top .top3{ order: 3; }

	.submain-top .top > div:not(:last-child)::after {
	  display:none;
	}
	.submain-top .top .top2{
	  width:100%;
	  margin-top:0;
	  margin-bottom: 0;
	  padding-top:25px;
	  border-top:1px solid #ddd;
	}
	.submain-top .top .top2 ul li{
	  display:flex;
	  flex-direction: row-reverse;
	  justify-content: space-between;
	  align-items: flex-start;
	  gap:30px;
	  border-top:0;
	  padding-top:20px;
	}

	.submain-top .top .top2 ul li .image {
	  width: 240px;
	  min-width: 240px;
	}
	.submain-top .top .top2 ul li .text {width:100%;flex:1;}
	.submain-top .top .top2 ul li .text .subject {font-size:20px;font-weight:500;}
	.submain-top .top .top2 ul li .text .content {margin-top:5px;font-size:15px;font-weight:400;color:#666;}
	/*.submain-top .top .top3 ul li:first-child {*/
	/*  padding-top:15px;*/
	/*}*/
	.submain-top .top .top3::before {
	  display:none;
	}

	.submain-top .top .top3 {flex: 1; padding-top:30px ;border-top:1px solid #ddd;}
	.submain-top .top .top3 ul li{padding:10px 0;border-top:0;}
	.submain-top .top .top3 ul li .image {
	  width: 180px;
	  min-width: 180px;
	}
	/*-----------------------------------------------
	# submain news view
	-----------------------------------------------*/
	.submain .news {
	  flex-direction: column;
	  display:flex;
	  gap:10px;
	}
	.submain .news .contents::after {
	  display:none;
	}
	.submain .news .aside {
	  flex:0 0 100%;
	  width:100%; /* 고정 */
	  margin-top:50px;
	}

	/*-----------------------------------------------
	# submain aside element
	-----------------------------------------------*/
	.aside .aside_news ul li .image{
	  width: 180px;
	  min-width: 180px;
	}
	.aside .aside_news ul li .text .subject {font-size:20px;font-weight:500;}
	.aside .aside_issue_42 ul li .text {width:100%;flex:1;}
	.aside .aside_issue_42 ul li .text .subject {margin-top:10px;font-size:20px;font-weight:500;}
	/*
	.aside .aside_ad {
	  width: calc(100% + (var(--wrap_panel-padding-992) * 2));
	  margin-left: calc(var(--wrap_panel-padding-992) * -1);
	  margin-right: calc(var(--wrap_panel-padding-992) * -1);
	}
	*/
	/*===============================================
	submain news_list
	===============================================*/

	/*-----------------------------------------------
	#news_footer_headline
	-----------------------------------------------*/
	.news_footer .news {
	  display: grid; 
	  grid-template-columns: 1fr;
	  grid-gap: 50px; 
	}
	.news_footer .news > div:not(:last-child)::after {
	  display:none;
	}

	.news_footer_headline ul {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  gap:30px;
	}

	.news_footer_headline ul li .image{
	  position:relative;
	  width:min(400px, 100%);
	  aspect-ratio: 16 / 9;
	  overflow:hidden;
	  background:#f9f9f9;
	}
	/*-----------------------------------------------
	# issue
	-----------------------------------------------*/
	.issue_main .issue-top {
	  display: grid; 
	  grid-template-columns: 280px 1fr;
	  grid-gap: 30px; 
	}
	/*-----------------------------------------------
	# tv main 
	-----------------------------------------------*/
	.main-tv .top-tv .tv-list ul{
	   grid-template-columns: repeat(2, 1fr);
	}
	/*-----------------------------------------------
	# tv index list
	-----------------------------------------------*/
	.tv-list ul{
	   grid-template-columns: repeat(2, 1fr);
	}
	.tv-list ul li .text .content{
	  display:none;
	}
	.tv-list ul li .link-news-list {
	  display:none;
	}

	.tv-list ul li .text .content{
	  display:none;
	}
	.tv-list ul li .link-news-list {
	  display:none;
	}
}


/*======================= (max-width: 768px) =======================*/

@media all and (min-width:577px) and (max-width:768px) {

	/*==================================================================*/
	/* body{background:#eeffff;} test color*/

	/*-----------------------------------------------
	#wrap & header
	-----------------------------------------------*/
	.wrap_panel {
	  padding:0 var(--wrap_panel-padding-768);
	}
	#header .gnb1{display:none;}
	#header .gnb2{display:block;border-bottom:1px solid #ddd;}
	#header .gnb2 .wrap_panel .panel .gnb_left{display:none;}
	#header .gnb3{display:block;position: relative;}
	/*-----------------------------------------------
	#header > gnb_topbar
	-----------------------------------------------*/
	#header .gnb_topbar{
	  padding: 10px 20px;
	}
	#header .gnb_topbar a{
	  color:#fff;
	  font-size: 15px;
	  font-weight: 500;
	}
	/* 닫기 버튼 */
	#header .gnb_topbar #topbox-close {
	  position:absolute;
	  top:10px;
	  right:20px;
	}
	/*-----------------------------------------------
	#header > gnb2
	-----------------------------------------------*/
	#header .gnb2 .panel{
	  padding:15px 0;
	}
	#header .gnb2 .panel .gnb-logo .logo .logo-svg {
	  width: 120px;
	}
	#header .gnb2 .panel .gnb-left div,
	#header .gnb2 .panel .gnb-right div{
	  display:none;
	}
	/*-----------------------------------------------
	#header > gnb3
	-----------------------------------------------*/
	#header .gnb3 .panel .gnb3-subject {
	   display:none;
	}
	/*-----------------------------------------------
	#gnb_nav > topmenu
	-----------------------------------------------*/
	/* only 576 */
	/*-----------------------------------------------
	# footer
	-----------------------------------------------*/
	#footer .menubar{
	  display: flex;
	  flex-direction: column;
	  margin-bottom:30px;
	}
	#footer .menubar .menu ul li.menu-copyright,
	#footer .menubar .menu ul li.menu-ombudsman,
	#footer .menubar .menu ul li.menu-joinad {
	  display: none;
	}
	#footer .menubar .sns{
	  margin-top: 15px;
	}
	#footer .menubar .sns ul li:first-child{
	   margin-left: 0;
	}
	#footer .menubar .sns ul li a .sns-name{
	  display: none;
	}
	#footer .copyright {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	  margin-top: 10px;
	  margin-bottom: 20px;
	  padding: 0;
	}
	#footer .copyright .global-info {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	}

	#footer .copyright .company-info{
	   font-size: 13px;
	}
	#footer .copyright .global-info .factiva,
	#footer .copyright .global-info .global .item a{
	   font-size: 14px;
	}
	#footer .logo-partner .logo_kina{
	   width:180px;
	   margin-left:0;
	}
	/*===============================================
	# news_list
	===============================================*/
	.news-list ul li .image{
	  width:180px;
	  min-width:180px; 
	  margin-left:20px;
	}
	.news-list ul li .text .subject {font-size:18px;font-weight:500;}
	.news-list ul li .text .category{display:block;}
	.news-list ul li .text .content {display:none;}
	.news-more {display:block; margin-bottom:0px;}
	.news-more > span,
	.news-more > a span {
	   display:flex;
	   align-items: center;
	   justify-content: center;
	   font-size:16px;
	   font-weight:700;
	   border-radius:30px;
	   padding:15px;
	}
	/*-----------------------------------------------
	# nsp-best-news  23A8E0/007aff
	-----------------------------------------------*/
	ul.nsp-best-news li {
	   padding-top:20px;
	}
	ul.nsp-best-news li .text .num {
	  line-height: 25px;
	  font-size: 18px;
	}
	/*===============================================
	# home main
	===============================================*/
	.main .grid1  {
	  display: flex;
	  gap:20px;
	  flex-direction: column;
	}
	.main .grid1 .top1 {padding-left:0;padding-right:0;}
	.main .grid1 .top1:after {
	  display:none;
	}
	/*-----------------------------------------------*/
	/*top1-A*/
	.main .grid1 .top1-A  {
	  grid-template-columns: 1fr;
	}
	.main .grid1 .top1-A .top1-1, 
	.main .grid1 .top1-A .top1-2, 
	.main .grid1 .top1-A .top1-3 {
	  grid-column: auto;
	  grid-row: auto;
	}
	.main .grid1 .top1-A .top1-2{margin-bottom:20px}
	.main .grid1 .top1-A .top1-3 ul li:first-child{position:relative;padding:15px 0;border-top:1px solid #ddd;}

	.main .grid1 .top1-A .top1-3::before {
	  display:none;
	}

	.main .grid1 .top1-A .top1-1 ul li {
	  display: flex;
	  flex-direction: column;
	  gap: 30px;
	}
	.main .grid1 .top1-A .top1-1 ul li .title {
	  font-size:28px;
	  padding:0 20px;
	}
	.main .grid1 .top1-A .top1-2 ul li{
	  margin-top:20px;
	}
	.main .grid1 .top1-A .top1-2 ul li .text .subject {
		font-size: 18px;
		font-weight: 500;
	}
	.main .grid1 .top1-A .top1-2 ul li .content {
	  display:none;
	}
	.main .grid1 .top1-A .top1-3::before {
	  display:none;
	}

	/*-----------------------------------------------*/
	/*top1-B*/
	.main .grid1 .top1-B {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 0 50px;
	}
	.main .grid1 .top1-A .top1-1, 
	.main .grid1 .top1-A .top1-2, 
	.main .grid1 .top1-A .top1-3 {
	  grid-column: auto;
	  grid-row: auto;
	}
	.main .grid1 .top1-B .top1-1 { grid-column: 1; grid-row: 1; }
	.main .grid1 .top1-B .top1-2 { grid-column: 1; grid-row: 2; }
	.main .grid1 .top1-B .top1-3 { grid-column: 1; grid-row: 3; }
	.main .grid1 .top1-B > div:not(:last-child)::after {
	  display:none;
	}

	.main .grid1 .top1-B .top1-1 ul li {
	  display: grid;
	  grid-template-columns: 1fr;
	}
	.main .grid1 .top1-B .top1-1 ul li .toptitle { order: 2; }
	.main .grid1 .top1-B .top1-1 ul li .image { order: 1; }
	.main .grid1 .top1-B .top1-1 ul li .text { order: 3;}
	.main .grid1 .top1-B .top1-1 ul li .toptitle {
	  position:relative;
	  font-size:30px;
	  font-weight:700;
	  line-height:1.4;
	  
	  margin-bottom:20px;
	}
	.main .grid1 .top1-B .top1-1 ul li .image {
	  position:relative;
	  width:100%;
	  max-width:100%;
	  aspect-ratio: auto 16 / 9;
	  margin-bottom:20px;
	}
	.main .grid1 .top1-B .top1-1 ul li .text .content{display:block;margin-top:0;}

	.main .grid1 .top1-B .top1-2{
	  width:100%;
	  margin-top:25px;
	  margin-bottom: 20px;
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}
	.main .grid1 .top1-B .top1-2 ul li{
	  display:flex;
	  flex-direction: row-reverse;
	  justify-content: space-between;
	  margin-top:10px;
	  padding:0;
	  border-top:0;
	}

	.main .grid1 .top1-B .top1-2 ul li .image {
	  position:relative;
	  width:200px;
	  min-width:200px;
	  aspect-ratio: auto 16 / 9;
	  margin-left:20px;
	}
	.main .grid1 .top1-B .top1-2 ul li .text {width:100%;flex:1;}
	.main .grid1 .top1-B .top1-2 ul li .text .subject {font-size:20px;font-weight:500;}
	.main .grid1 .top1-B .top1-2 ul li .text .content {margin-top:5px;font-size:15px;font-weight:400;color:#666;}
	.main .grid1 .top1-B .top1-3::before {
	  display:none;
	}

	.main .grid1 .top1-B .top1-3 ul li:first-child {
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}
	/*-----------------------------------------------*/
	/*top1-C*/
	.main .grid1 .top1-C {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 0 50px;
	}
	.main .grid1 .top1-C .top1-1, 
	.main .grid1 .top1-C .top1-2, 
	.main .grid1 .top1-C .top1-3 {
	  grid-column: auto;
	  grid-row: auto;
	}
	.main .grid1 .top1-C > div:not(:last-child)::after {
	  display:none;
	}

	.main .grid1 .top1-C .top1-1 ul li {
	  display: grid;
	  grid-template-columns: 1fr;
	}
	.main .grid1 .top1-C .top1-1 ul li .toptitle { order: 2; }
	.main .grid1 .top1-C .top1-1 ul li .image { order: 1; }
	.main .grid1 .top1-C .top1-1 ul li .text { order: 3;}

	.main .grid1 .top1-C .top1-1 ul li .toptitle .subject {
	  font-size:30px;
	  font-weight:700;
	  line-height:1.4;
	}
	.main .grid1 .top1-C .top1-1 ul li .image {
	  position:relative;
	  width:100%;
	  max-width:100%;
	  aspect-ratio: auto 16 / 9;
	}
	.main .grid1 .top1-C .top1-1 ul li .text{display:none}

	.main .grid1 .top1-C .top1-2{
	  width:100%;
	  margin-bottom: 20px;
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}
	.main .grid1 .top1-C .top1-2 ul li{
	  display:flex;
	  flex-direction: row-reverse;
	  justify-content: space-between;
	  margin-top:10px;
	  padding:0;
	  border-top:0;
	}

	.main .grid1 .top1-C .top1-2 ul li .image {
	  width:200px;
	  min-width:200px;
	  margin-left:20px;
	}
	.main .grid1 .top1-C .top1-2 ul li .text {width:100%;flex:1;}
	.main .grid1 .top1-C .top1-2 ul li .text .subject {font-size:20px;font-weight:500;}
	.main .grid1 .top1-C .top1-2 ul li .text .content {margin-top:5px;font-size:15px;font-weight:400;color:#666;}
	.main .grid1 .top1-C .top1-3::before {
	  display:none;
	}

	.main .grid1 .top1-C .top1-3 ul li:first-child {
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}

	.main .grid1 .top1-3 ul li .image{
	  width:180px;
	  min-width:180px;
	}
	/*-----------------------------------------------*/
	/* main panel3 : top3(주요쥬스) + aside-right(bestnews) */
	.main .grid3 {
	  display: grid;
	  grid-template-columns: 1fr;
	  justify-content: center;
	  gap: 20px 0;
	}
	.main .grid3 > div:not(:first-child)::before {
	  display:none;
	}
	.main .grid3 .top3-1 ul li .image{
	  width:180px;
	  min-width:180px;
	}
	.main .grid3 .top3-2{
	  border-top:1px solid #ddd;
	  margin-top:0;
	  padding-top: 15px;
	}
	.main .grid3 .top3-2 .image{
	  display:none;
	}
	.main .grid3 .top3-3{
	  margin-top: 30px;
	  padding-top: 30px;
	  border-top:0 solid #ddd;
	}
	.main .grid3 .top3-3 ul li .image{
	  width:180px;
	  min-width:180px;
	}
	/*-----------------------------------------------*/
	/* main panel4 : top4(리포트+알아보니+들어보니 등)  */
	.main .grid4 {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	  flex-wrap: nowrap;
	  gap: 30px;
	}
	.main .grid4 > div {
	  padding: 0;
	  position: relative;
	}
	.main .grid4 > div:not(:last-child)::after {
	  content:none;
	}
	.main .grid4 .top4:nth-child(2),
	.main .grid4 .top4:nth-child(3) {
	  border-top:1px solid #ddd;
	  padding-top:30px;
	}
	.main .grid4 .top4 ul li{padding:10px 0;min-height:auto;border-top:0px solid #ddd;}
	.main .grid4 .top4 ul li{padding:10px 0;min-height:auto;border-top:0px solid #ddd;}
	.main .grid4 ul li .image{
	  width:180px;
	  min-width:180px;
	}

	/*-----------------------------------------------*/
	/* main panel5 : country  */
	.main .grid5 .country {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 20px;
	}
	.main .grid5 .country > div:not(:first-child)::before {
	  display:none;
	}
	.main .grid5 .country .country2 ul li:first-child {position:relative;padding:20px 0;border-top:1px solid #ddd;}
	.main .grid5 .country .country2 ul li .image {
	  width: 180px;
	  min-width: 180px;
	}
	.main .grid5 .country .country3 {padding-top:30px;}

	.main .grid5 .country .country3 .network ul{
	  display: grid; 
	  grid-template-columns: repeat(5, 1fr); 
	  grid-gap: 8px; 
	}
	/*-----------------------------------------------*/
	/* main panel6 : kfme  */
	.main .grid6 .kfme {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 20px;
	}
	.main .grid6 .kfme > div:not(:first-child)::before {
	  display:none;
	}
	.main .grid6 .kfme .kfme2 {
	  margin-top: 0;
	}
	.main .grid6 .kfme .kfme2 ul li:first-child {position:relative;padding:20px 0;border-top:1px solid #ddd;}
	.main .grid6 .kfme .kfme2 ul li .image {
	  width: 180px;
	  min-width: 180px;
	}
	.main .grid6 .kfme .kfme3 {padding-top:30px;border-top:1px solid #ddd;}
	/*-----------------------------------------------*/
	/* main panel7 (신상품+시승기+사신속) */
	.main .grid7 {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 30px;
	}
	.main .grid7 > div:not(:last-child)::after {
	  display:none;
	}
	.main .grid7 .top7-2,
	.main .grid7 .top7-3 {
	  border-top:1px solid #ddd;
	  padding-top:30px;
	}

	.main .grid7 ul li:nth-child(1) .text .subject {
	  margin-top: 15px;
	  font-size: 20px;
	  font-weight:700;
	  padding:0;
	}
	.main .grid7 ul li .image {
	  width:180px;
	  min-width:180px;
	}

	/* =========================
	   Category Menu
	========================= */
	.main_menu_box .wrap_panel{
	  padding:0 20px;
	}
	.main_menu_box ul{
	  grid-template-columns:repeat(3,1fr);
	  gap:9px;
	}
	.main_menu_box li a{
	  min-height:42px;
	  padding:9px 10px;
	  font-size:15px;
	}
	/*===============================================
	# sub main...
	===============================================*/
	/*-----------------------------------------------
	# submain  category
	-----------------------------------------------*/
	.submain-category .sub-category .sub-item{
	  display:none;
	}
	/*-----------------------------------------------
	# submain  top news
	-----------------------------------------------*/
	.submain-top .top {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap:30px;
	}
	.submain-top .top .top1{ order: 1; }
	.submain-top .top .top2{ order: 2; }
	.submain-top .top .top3{ order: 3; }

	.submain-top .top > div:not(:last-child)::after {
	  display:none;
	}
	.submain-top .top .top2{
	  width:100%;
	  margin-top:0;
	  margin-bottom: 0;
	  padding-top:25px;
	  border-top:1px solid #ddd;
	}
	.submain-top .top .top2 ul li{
	  display:flex;
	  flex-direction: row-reverse;
	  justify-content: space-between;
	  align-items: flex-start;
	  gap:30px;
	  border-top:0;
	  padding-top:20px;
	}

	.submain-top .top .top2 ul li .image {
	  width: 240px;
	  min-width: 240px;
	}
	.submain-top .top .top2 ul li .text {width:100%;flex:1;}
	.submain-top .top .top2 ul li .text .subject {font-size:20px;font-weight:500;}
	.submain-top .top .top2 ul li .text .content {margin-top:5px;font-size:15px;font-weight:400;color:#666;}
	/*.submain-top .top .top3 ul li:first-child {*/
	/*  padding-top:15px;*/
	/*}*/
	.submain-top .top .top3::before {
	  display:none;
	}

	.submain-top .top .top3 {flex: 1; padding-top:30px ;border-top:1px solid #ddd;}
	.submain-top .top .top3 ul li{padding:10px 0;border-top:0;}
	.submain-top .top .top3 ul li .image {
	  width: 180px;
	  min-width: 180px;
	}
	/*-----------------------------------------------
	# submain news view
	-----------------------------------------------*/
	.submain .news {
	  flex-direction: column;
	  display:flex;
	  gap:10px;
	}
	.submain .news .contents::after {
	  display:none;
	}
	.submain .news .aside {
	  flex:0 0 100%;
	  width:100%; /* 고정 */
	  margin-top:50px;
	}

	/*-----------------------------------------------
	# submain aside element
	-----------------------------------------------*/
	.aside .aside_news ul li .image{
	  width: 180px;
	  min-width: 180px;
	}
	.aside .aside_news ul li .text .subject {font-size:20px;font-weight:500;}
	.aside .aside_issue_42 ul li .text {width:100%;flex:1;}
	.aside .aside_issue_42 ul li .text .subject {margin-top:10px;font-size:20px;font-weight:500;}
	/*
	.aside .aside_ad {
	  width: calc(100% + (var(--wrap_panel-padding-992) * 2));
	  margin-left: calc(var(--wrap_panel-padding-992) * -1);
	  margin-right: calc(var(--wrap_panel-padding-992) * -1);
	}
	*/
	/*===============================================
	submain news_list
	===============================================*/

	/*-----------------------------------------------
	#news_footer_headline
	-----------------------------------------------*/
	.news_footer .news {
	  display: grid; 
	  grid-template-columns: 1fr;
	  grid-gap: 50px; 
	}
	.news_footer .news > div:not(:last-child)::after {
	  display:none;
	}

	.news_footer_headline ul {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  gap:30px;
	}

	.news_footer_headline ul li .image{
	  position:relative;
	  width:min(400px, 100%);
	  aspect-ratio: 16 / 9;
	  overflow:hidden;
	  background:#f9f9f9;
	}
	/*-----------------------------------------------
	# issue
	-----------------------------------------------*/
	.issue_main .issue-top {
	  display: grid; 
	  grid-template-columns: 250px 1fr;
	  grid-gap: 30px; 
	}
	/*-----------------------------------------------
	# tv main 
	-----------------------------------------------*/
	.main-tv .top-tv .tv-list ul{
	   grid-template-columns: repeat(2, 1fr);
	}
	/*-----------------------------------------------
	# tv index list
	-----------------------------------------------*/
	.tv-list ul{
	   grid-template-columns: repeat(2, 1fr);
	}
	.tv-list ul li .text .content{
	  display:none;
	}
	.tv-list ul li .link-news-list {
	  display:none;
	}
	.tv-list ul li .text .content{
	  display:none;
	}
	.tv-list ul li .link-news-list {
	  display:none;
	}

}


/*======================= (max-width: 576px) =======================*/

@media all and (max-width:576px) {

	/*-----------------------------------------------
	#wrap & header
	-----------------------------------------------*/
	.wrap_panel {
	  width:100%;
	   padding:0 var(--wrap_panel-padding-576);
	}
	#header .gnb1{display:none;}
	#header .gnb2{display:block;border-bottom:1px solid #ddd;}
	#header .gnb2 .wrap_panel .panel .gnb_left{display:none;}
	#header .gnb3{display:block;position: relative;}
	/*-----------------------------------------------
	#header > gnb_topbar
	-----------------------------------------------*/
	#header .gnb_topbar{
	  padding: 10px 20px;
	}
	#header .gnb_topbar a{
	  color:#fff;
	  font-size: 15px;
	  font-weight: 500;
	}
	/* 닫기 버튼 */
	#header .gnb_topbar #topbox-close {
	  position:absolute;
	  top:10px;
	  right:20px;
	}
	/*-----------------------------------------------
	#header > gnb2
	-----------------------------------------------*/
	#header .gnb2 .panel{
	  padding:15px 0;
	}
	#header .gnb2 .panel .gnb-logo .logo .logo-svg {
	  width: 100px;
	}
	#header .gnb2 .panel .gnb-left,
	#header .gnb2 .panel .gnb-right {
	  height: 40px;
	}
	#header .gnb2 .panel .gnb-left div,
	#header .gnb2 .panel .gnb-right div{
	  display:none;
	}
	/*-----------------------------------------------
	#header > gnb3
	-----------------------------------------------*/
	#header .gnb3 .panel .gnb3-subject {
	   display:none;
	}
	/*-----------------------------------------------
	#gnb_nav topmenu
	-----------------------------------------------*/
	.gnb_nav .panel .topmenu ul {
	  gap:16px;
	}
	/*-----------------------------------------------
	# footer
	-----------------------------------------------*/
	#footer .menubar{
	  display: flex;
	  flex-direction: column;
	  margin-bottom:30px;
	}
	#footer .menubar .menu ul li.menu-copyright,
	#footer .menubar .menu ul li.menu-ombudsman,
	#footer .menubar .menu ul li.menu-joinad {
	  display: none;
	}
	#footer .menubar .menu ul li{
	  font-size: 14px;
	  line-height: 14px;
	  font-weight:400;
	}
	#footer .menubar .menu ul li + li{
	  position:relative;
	  line-height: 13px;
	  font-weight:400;
	  margin-left:7px;
	  padding-left:7px
	}

	#footer .menubar .sns{
	  margin-top: 15px;
	}
	#footer .menubar .sns ul li:first-child{
	   margin-left: 0;
	}
	#footer .copyright {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	  margin-top: 10px;
	  margin-bottom: 20px;
	  padding: 0;
	}
	#footer .copyright .global-info {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	}

	#footer .copyright .company-info{
	   font-size: 13px;
	}
	#footer .copyright .global-info .factiva,
	#footer .copyright .global-info .global .item a{
	   font-size: 14px;
	}
	#footer .logo-partner .logo_kina{
	   width:180px;
	   margin-left:0;
	}
	/*===============================================
	# news_list
	===============================================*/
	.news-list ul li .image{
	  width:180px;
	  min-width:180px; 
	  margin-left:15px;
	}
	.news-list ul li .text .subject {font-size:18px;font-weight:500;}
	.news-list ul li .text .category{display:block;}
	.news-list ul li .text .content {display:none;}
	.news-more {display:block; margin-bottom:30px;}
	/*===============================================
	# news_list
	===============================================*/
	.news-list ul li .image{
	  width:150px;
	  min-width:150px; 
	}
	.news-list ul li .text .subject {font-size:18px;font-weight:500;}
	.news-list ul li .text .category{display:block;}
	.news-list ul li .text .content {display:none;}
	.news-more {display:block; margin-bottom:0px;}
	.news-more > span,
	.news-more > a span {
	   display:flex;
	   align-items: center;
	   justify-content: center;
	   font-size:16px;
	   font-weight:700;
	   border-radius:30px;
	   padding:15px;
	}
	/*.news-list .scrollAD {*/
	/*  width: calc(100% + (var(--wrap_panel-padding-992) * 2));*/
	/*  margin-left: calc(var(--wrap_panel-padding-992) * -1);*/
	/*  margin-right: calc(var(--wrap_panel-padding-992) * -1)*/
	/*}*/
	/*-----------------------------------------------
	# nsp-best-news  23A8E0/007aff
	-----------------------------------------------*/
	ul.nsp-best-news li {
	   padding-top:20px;
	}
	ul.nsp-best-news li .text .num {
	  line-height: 25px;
	  font-size: 18px;
	}
	/*===============================================
	# home main
	===============================================*/
	.main .grid1  {
	  display: flex;
	  gap:20px;
	  flex-direction: column;
	}
	.main .grid1 .top1 {padding-left:0;padding-right:0;}
	.main .grid1 .top1:after {
	  display:none;
	}
	/*-----------------------------------------------*/
	/*top1-A*/
	.main .grid1 .top1-A  {
	  grid-template-columns: 1fr;
	}
	.main .grid1 .top1-A .top1-1, 
	.main .grid1 .top1-A .top1-2, 
	.main .grid1 .top1-A .top1-3 {
	  grid-column: auto;
	  grid-row: auto;
	}
	.main .grid1 .top1-A .top1-2{margin-bottom:20px}
	.main .grid1 .top1-A .top1-3 ul li:first-child{position:relative;padding:15px 0;border-top:1px solid #ddd;}

	.main .grid1 .top1-A .top1-3::before {
	  display:none;
	}

	.main .grid1 .top1-A .top1-1 ul li {
	  display: flex;
	  flex-direction: column;
	  gap: 30px;
	}
	.main .grid1 .top1-A .top1-1 ul li .title {
	  font-size:28px;
	  padding:0 20px;
	}
	.main .grid1 .top1-A .top1-2 ul li{
	  margin-top:20px;
	}
	.main .grid1 .top1-A .top1-2 ul li .text .subject {
		font-size: 18px;
		font-weight: 500;
	}
	.main .grid1 .top1-A .top1-2 ul li .content {
	  display:none;
	}
	.main .grid1 .top1-A .top1-3::before {
	  display:none;
	}

	/*-----------------------------------------------*/
	/*top1-B*/
	.main .grid1 .top1-B {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 0 50px;
	}
	.main .grid1 .top1-A .top1-1, 
	.main .grid1 .top1-A .top1-2, 
	.main .grid1 .top1-A .top1-3 {
	  grid-column: auto;
	  grid-row: auto;
	}
	.main .grid1 .top1-B .top1-1 { grid-column: 1; grid-row: 1; }
	.main .grid1 .top1-B .top1-2 { grid-column: 1; grid-row: 2; }
	.main .grid1 .top1-B .top1-3 { grid-column: 1; grid-row: 3; }
	.main .grid1 .top1-B > div:not(:last-child)::after {
	  display:none;
	}

	.main .grid1 .top1-B .top1-1 ul li {
	  display: grid;
	  grid-template-columns: 1fr;
	}
	.main .grid1 .top1-B .top1-1 ul li .toptitle { order: 2; }
	.main .grid1 .top1-B .top1-1 ul li .image { order: 1; }
	.main .grid1 .top1-B .top1-1 ul li .text { order: 3;}
	.main .grid1 .top1-B .top1-1 ul li .toptitle {
	  position:relative;
	  font-size:30px;
	  font-weight:700;
	  line-height:1.4;
	  
	  margin-bottom:20px;
	}
	.main .grid1 .top1-B .top1-1 ul li .image {
	  position:relative;
	  width:100%;
	  max-width:100%;
	  aspect-ratio: auto 16 / 9;
	  margin-bottom:20px;
	}
	/*.main .grid1 .top1-B .top1-1 ul li .image picture{*/
	/*  width: calc(100% + (var(--wrap_panel-padding-576) * 2));*/
	/*  margin-left: calc(var(--wrap_panel-padding-576) * -1);*/
	/*  margin-right: calc(var(--wrap_panel-padding-576) * -1);*/
	/*}*/

	.main .grid1 .top1-B .top1-1 ul li .text .content{
	  display:block;
	  margin-top:0;
	}

	.main .grid1 .top1-B .top1-2 ul li{
	  display:flex;
	  flex-direction: row-reverse;
	  justify-content: space-between;
	  position:relative;
	  padding:15px 0;
	  border-top:1px solid var(--gray-ddd);
	}
	.main .grid1 .top1-B .top1-2 ul li:first-child {
	  margin-top:25px;
	  padding:15px 0;
	  border-top:1px solid var(--gray-ddd);
	}
	.main .grid1 .top1-B .top1-2 ul li .image {
	  position:relative;
	  width:150px;
	  height:85px;
	  margin-left:20px;
	  margin-bottom:10px;
	}
	.main .grid1 .top1-B .top1-2 ul li .text {width:100%;flex:1;}
	.main .grid1 .top1-B .top1-2 ul li .text .subject {font-size:20px;font-weight:500;}
	.main .grid1 .top1-B .top1-2 ul li .text .content {margin-top:5px;font-size:15px;font-weight:400;color:#666;}
	.main .grid1 .top1-B .top1-3::before {
	  display:none;
	}
	.main .grid1 .top1-B .top1-3 ul li:first-child {
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}
	/*-----------------------------------------------*/
	/*top1-C*/
	.main .grid1 .top1-C {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 0 50px;
	}
	.main .grid1 .top1-C .top1-1, 
	.main .grid1 .top1-C .top1-2, 
	.main .grid1 .top1-C .top1-3 {
	  grid-column: auto;
	  grid-row: auto;
	}
	.main .grid1 .top1-C > div:not(:last-child)::after {
	  display:none;
	}

	.main .grid1 .top1-C .top1-1 ul li {
	  display: grid;
	  grid-template-columns: 1fr;
	}
	.main .grid1 .top1-C .top1-1 ul li .toptitle { order: 2; }
	.main .grid1 .top1-C .top1-1 ul li .image { order: 1; }
	.main .grid1 .top1-C .top1-1 ul li .text { order: 3;}

	.main .grid1 .top1-C .top1-1 ul li .toptitle .subject {
	  font-size:30px;
	  font-weight:700;
	  line-height:1.4;
	}
	.main .grid1 .top1-C .top1-1 ul li .image {
	  position:relative;
	  width:100%;
	  max-width:100%;
	  aspect-ratio: auto 16 / 9;
	}
	.main .grid1 .top1-C .top1-1 ul li .text{display:none}

	.main .grid1 .top1-C .top1-2{
	  width:100%;
	  margin-bottom: 20px;
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}
	.main .grid1 .top1-C .top1-2 ul li{
	  display:flex;
	  flex-direction: row-reverse;
	  justify-content: space-between;
	  margin-top:10px;
	  padding:0;
	  border-top:0;
	}

	.main .grid1 .top1-C .top1-2 ul li .image {
	  width:150px;
	  min-width:150px;
	  margin-left:20px;
	}
	.main .grid1 .top1-C .top1-2 ul li .text {width:100%;flex:1;}
	.main .grid1 .top1-C .top1-2 ul li .text .subject {font-size:20px;font-weight:500;}
	.main .grid1 .top1-C .top1-2 ul li .text .content {margin-top:5px;font-size:15px;font-weight:400;color:#666;}
	.main .grid1 .top1-C .top1-3::before {
	  display:none;
	}

	.main .grid1 .top1-C .top1-3 ul li:first-child {
	  padding-top:15px;
	  border-top:1px solid #ddd;
	}

	.main .grid1 .top1-3 ul li .image{
	  width:150px;
	  min-width:150px;
	}
	/*-----------------------------------------------*/
	/* main panel3 : top3(주요쥬스) + aside-right(bestnews) */
	.main .grid3 {
	  display: grid;
	  grid-template-columns: 1fr;
	  justify-content: center;
	  gap: 20px 0;
	}
	.main .grid3 > div:not(:first-child)::before {
	  display:none;
	}
	.main .grid3 .top3-1 ul li .image{
	  width:150px;
	  min-width:150px;
	}
	.main .grid3 .top3-2{
	  border-top:1px solid #ddd;
	  margin-top:0;
	  padding-top: 15px;
	}
	.main .grid3 .top3-2 .image{
	  display:none;
	}
	.main .grid3 .top3-3{
	  margin-top: 30px;
	  padding-top: 30px;
	  border-top:0 solid #ddd;
	}
	.main .grid3 .top3-3 ul li .image{
	  width:150px;
	  min-width:150px;
	}
	/*-----------------------------------------------*/
	/* main panel4 : top4(리포트+알아보니+들어보니 등)  */
	.main .grid4 {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	  flex-wrap: nowrap;
	  gap: 30px;
	}
	.main .grid4 > div {
	  padding: 0;
	  position: relative;
	}
	.main .grid4 > div:not(:last-child)::after {
	  content:none;
	}
	.main .grid4 .top4:nth-child(2),
	.main .grid4 .top4:nth-child(3) {
	  border-top:1px solid #ddd;
	  padding-top:30px;
	}
	.main .grid4 .top4 ul li{padding:10px 0;min-height:auto;border-top:0px solid #ddd;}
	.main .grid4 .top4 ul li{padding:10px 0;min-height:auto;border-top:0px solid #ddd;}
	.main .grid4 ul li .image{
	  width:150px;
	  min-width:150px;
	}

	/*-----------------------------------------------*/
	/* main panel5 : country  */
	.main .grid5 .country {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 20px;
	}
	.main .grid5 .country > div:not(:first-child)::before {
	  display:none;
	}
	.main .grid5 .country .country2 ul li:first-child {position:relative;padding:20px 0;border-top:1px solid #ddd;}
	.main .grid5 .country .country2 ul li .image {
	  width: 150px;
	  min-width: 150px;
	}
	.main .grid5 .country .country3 {padding-top:30px;}

	.main .grid5 .country .country3 .network ul{
	  display: grid; 
	  grid-template-columns: repeat(5, 1fr); 
	  grid-gap: 8px; 
	}
	/*-----------------------------------------------*/
	/* main panel6 : kfme  */
	.main .grid6 .kfme {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 20px;
	}
	.main .grid6 .kfme > div:not(:first-child)::before {
	  display:none;
	}
	.main .grid6 .kfme .kfme2 {
	  margin-top: 0;
	}
	.main .grid6 .kfme .kfme2 ul li:first-child {position:relative;padding:20px 0;border-top:1px solid #ddd;}
	.main .grid6 .kfme .kfme2 ul li .image {
	  width: 150px;
	  min-width: 150px;
	}
	.main .grid6 .kfme .kfme3 {padding-top:30px;border-top:1px solid #ddd;}
	/*-----------------------------------------------*/
	/* main panel7 (신상품+시승기+사신속) */
	.main .grid7 {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 30px;
	}
	.main .grid7 > div:not(:last-child)::after {
	  display:none;
	}
	.main .grid7 .top7-2,
	.main .grid7 .top7-3 {
	  border-top:1px solid #ddd;
	  padding-top:30px;
	}

	.main .grid7 ul li:nth-child(1) .text .subject {
	  margin-top: 15px;
	  font-size: 20px;
	  font-weight:700;
	  padding:0;
	}
	.main .grid7 ul li .image {
	  width:150px;
	  min-width:150px;
	}

	/* =========================
	   Category Menu
	========================= */
	.main_menu_box .wrap_panel{
	  padding:0 20px;
	}
	.main_menu_box ul{
	  grid-template-columns:repeat(3,1fr);
	  gap:8px;
	}
	.main_menu_box li a{
	  min-height:40px;
	  padding:8px 10px;
	  font-size:15px;
	}
	/*===============================================
	# sub main...
	===============================================*/
	.submain-category .sub-category .sub-item{
	  display:none;
	}
	/*-----------------------------------------------
	# submain  top news
	-----------------------------------------------*/
	.submain-top {
	  padding-top: 30px;
	}
	.submain-top .top {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap:30px;
	}
	.submain-top .top .top1{ order: 1; }
	.submain-top .top .top2{ order: 2; }
	.submain-top .top .top3{ order: 3; }

	.submain-top .top > div:not(:last-child)::after {
	  display:none;
	}
	.submain-top .top .top1 ul li .toptitle .subject {font-size:26px;font-weight:700;}
	.submain-top .top .top1 ul li .text .content{
	  display:none;
	}
	.submain-top .top .top2{
	  width:100%;
	  margin-top:0;
	  margin-bottom: 0;
	  padding-top:25px;
	  border-top:1px solid #ddd;
	}
	.submain-top .top .top2 ul li{
	  display:flex;
	  flex-direction: row-reverse;
	  justify-content: space-between;
	  align-items: flex-start;
	  gap:30px;
	  border-top:0;
	  padding-top:20px;
	}

	.submain-top .top .top2 ul li .image {
	  width: 150px;
	  min-width: 150px;
	  aspect-ratio: auto 16 / 9;
	}
	.submain-top .top .top2 ul li .text {width:100%;flex:1;}
	.submain-top .top .top2 ul li .text .subject {font-size:18px;font-weight:500;}
	.submain-top .top .top2 ul li .text .content {
	  display:none;
	}
	.submain-top .top .top3::before {
	  display:none;
	}

	.submain-top .top .top3 {flex: 1; padding-top:30px ;border-top:1px solid #ddd;}
	.submain-top .top .top3 ul li{padding:10px 0;border-top:0;}
	.submain-top .top .top3 ul li .image {
	  width: 150px;
	  min-width: 150px;
	}
	/*-----------------------------------------------
	# submain news view
	-----------------------------------------------*/
	.submain .news {
	  flex-direction: column;
	  display:flex;
	  gap:10px;
	}
	.submain .news .contents::after {
	  display:none;
	}
	.submain .news .aside {
	  flex:0 0 100%;
	  width:100%; /* 고정 */
	  margin-top:50px;
	}

	/*-----------------------------------------------
	# submain aside element
	-----------------------------------------------*/
	.aside .aside_news ul li .image{
	  width: 150px;
	  min-width: 150px;
	}
	.aside .aside_news ul li .text .subject {font-size:20px;font-weight:500;}
	.aside .aside_issue_42 ul li .text {width:100%;flex:1;}
	.aside .aside_issue_42 ul li .text .subject {margin-top:10px;font-size:20px;font-weight:500;}

	/*.aside .aside_ad {*/
	/*  width: calc(100% + (var(--wrap_panel-padding-576) * 2));*/
	/*  margin-left: calc(var(--wrap_panel-padding-576) * -1);*/
	/*  margin-right: calc(var(--wrap_panel-padding-576) * -1);*/
	/*}*/
	/*===============================================
	submain news_list
	===============================================*/

	/*-----------------------------------------------
	#news_footer_headline
	-----------------------------------------------*/
	.news_footer .news {
	  display: grid; 
	  grid-template-columns: 1fr;
	  grid-gap: 50px; 
	}
	.news_footer .news > div:not(:last-child)::after {
	  display:none;
	}

	.news_footer_headline ul {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  gap:30px;
	}

	.news_footer_headline ul li .image{
	  position:relative;
	  width:min(400px, 100%);
	  aspect-ratio: 16 / 9;
	  overflow:hidden;
	  background:#f9f9f9;
	}
	/*-----------------------------------------------
	# issue
	-----------------------------------------------*/
	.issue_main .issue-top {
	  display: grid; 
	  grid-template-columns: 1fr;
	  grid-gap: 30px; 
	}
	.issue_main .issue-top .top1 .subject{font-size:20px;font-weight:500;}
	.issue_main .issue-top .top2 ul.item li .text .subject{font-size:20px;font-weight:500;}
	.issue_main .issue-top .top2 ul.item li .text .category{margin-top:3px;font-size:13px;color:var(--gray-666)}
	/*-----------------------------------------------
	# tv main 
	-----------------------------------------------*/
	.main-tv .top-tv .tv-list ul{
	   grid-template-columns: repeat(1, 1fr);
	}
	/*-----------------------------------------------
	# tv index list
	-----------------------------------------------*/
	.tv-list ul{
	   grid-template-columns: repeat(1, 1fr);
	}
	.tv-list ul li .text .content{
	  display:none;
	}
	.tv-list ul li .link-news-list {
	  display:none;
	}
	.tv-list ul li .text .content{
	  display:none;
	}
	.tv-list ul li .link-news-list {
	  display:none;
	}
}

/*======================= (media print) =======================*/
@media print {
  .NoPrint {
      display: none
  }
  .bg_body {
      background: 0
  }
  #container {
      padding: 0
  }
  #container .snb {
      display: none
  }
  #container .snb2 {
      display: none
  }
}
/*@media end*/