@charset "utf-8";

.mvt_box {
	margin: 0;
	left: 30px;
	right: 30px;
}

.mvt {
	padding: 0 60px;
}

/* 하단 컨텐츠 */
.m_left {
	width: 150px;
}

.m_right {
	margin-left: 160px;
	float: none;
	width: auto;
}

/* list */
.m_grid .item {
	width: 24.2%;
}


/* 타블렛 세로 */
@media all and (max-width:1023px) {


   .m_header #logo {
      display: block;
   }

   /* layout */
   .mvt_box {
      top: 30px;
      bottom: 30px;
   }

   .m_content {
      margin-top: -125px;
   }

   /* main visual */
   .mvt_logo {
      display: none;
   }

   .mvt .tit img,
   .mvt .bar,
   .mv_search {
      margin-left: auto;
      margin-right: auto;
   }

   .mvt .desc {
      text-align: center;
   }

   /* 하단 컨텐츠 */
   .m_left {
      float: none;
      width: auto;
   }

   .m_right {
      margin-left: 0;
   }

   .m_cate {
      overflow: hidden;
      margin-bottom: 15px;
      margin: 0 auto 5px auto;
      width: 400px;
   }

   .m_cate li {
      float: left;
      width: 24.4%;
      margin-bottom: 0;
   }

   .m_cate li+li {
      margin-left: 0.8%;
   }

   .m_cate a {
      padding: 0;
      text-align: center;
      height: 43px;
      line-height: 43px;
   }

   .desktop .m_cate a:hover,
   .desktop .m_cate a:focus,
   .m_cate .on a {
      background: #b4d012;
   }

   /* list */
   /* .m_grid_box {margin:0 -0.4%;}
		.m_grid .item {width:32.53%;} */
   .m_grid_box {
      margin: 0 auto;
      width: 400px;
   }

   .m_grid {
      margin: 0 -1.5%;
   }

   .m_grid .item {
      padding: 0;
      margin: 1.5%;
      width: 47%;
   }
}

/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {

   /* layout */
   .mv_wrap, .mv .item span {
      height: 480px;
   }

   .mvt_box {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      padding-bottom: 40px;
      margin: 20px;
   }

   .mvt_tbl {
      height: 320px;
      margin-top: -160px;
      ;
   }

   .m_content {
      margin-top: -75px;
      padding-bottom: 50px;
   }

   /* 메인비주얼 */
   .mvt {
      padding: 0;
   }

   .mvt .tit img {
      height: 32px;
   }

   .mvt .bar {
      margin: 15px auto;
      height: 1px;
      width: 16px;
   }

   .mvt .desc {
      font-size: 1em;
   }

   .mv_search {
      width: 215px;
      height: 45px;
      padding-right: 45px;
      margin-top: 30px;
   }

   .mv_search input[type="text"] {
      width: 200px;
      height: 45px;
      padding: 0 0 0 15px;
      font-size: 1em;
   }

   .mv_search input[type="image"] {
      width: 45px;
      height: 45px;
   }

   /* 하단 컨텐츠 */
   .m_cate {
      margin-bottom: 5px;
   }

   .m_cate a {
      height: 25px;
      line-height: 25px;
      font-size: 12px;
   }
}

/* 모바일 가로 */
@media all and (max-width:568px) {

   /* layout */
   .mv_wrap {
      height: auto;
   }

   .mv .item span {
      height: auto;
      padding-bottom: 150%;
   }
}

/* 모바일 상세 */
@media all and (max-width:440px) {

   /* list */
   .m_content .inner {
      overflow: visible;
   }

   .m_cate {
      width: auto;
   }

   .m_grid_box {
      margin: 0 -1.5%;
      width: auto;
   }

   .m_grid {
      margin: 0;
   }

   .m_grid .item {
      padding: 0;
      margin: 1.46%;
      width: 47%;
   }

   .m_grid .item .more {
      height: 40px;
      line-height: 40px;
   }
}

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

   /* layout */
   .mvt_box {
      margin: 15px;
   }

   /* list */
   .m_grid .item .txt {
      padding: 15px 10px;
   }

   .m_grid .thumb_court em {
      font-size: 1.08em;
   }

   .m_grid .cate {
      margin-bottom: 2px;
   }

   .m_grid .tit {
      font-size: 1.08em;
   }

   .m_grid .desc {
      margin-top: 10px;
   }

   .m_grid .date {
      margin-top: 10px;
   }
}

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

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

   /* main visual */
   .mvt .tit img {
      height: 26px;
   }

   .mvt .desc {
      font-size: .9em;
   }
}