@charset "euc-kr";

/* =========================================================
   µ¿¿µ»ó Ȩ
========================================================= */
.M_wrap {
    overflow: hidden;
    width: 100%;
    max-width: 660px;
    background: #fff;
    margin: 0 auto;
}
.mvhome {
  background: var(--white, #fff);
  color: var(--black, #111);
    position: relative;	
	margin: 0 auto;
}

.mvhome__inner {
  width: 100%;
  max-width: 768px;	
	margin: 0 auto;
	margin-top: 106px;  
  padding: 0 20px 40px;
  box-sizing: border-box;
}

/* =========================================================
   mv page title / tabs / sub category
========================================================= */
.mvhome__header {
   display: flex;
    flex-wrap: wrap; 
	flex-direction: column;
    height: auto;    
    width: 100%;
    box-sizing: border-box;
    border-bottom: 3px solid var(--black-1, #111);
    padding-left: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.mvhome__topline {
   display: flex;
    flex-wrap: wrap;       
    align-items: center;
    gap: 62px;
    height: auto;          
    min-height: 73px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid var(--light-gray, #d9d9d9);
    padding-left: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.mvhome__title {
	flex:0 0 auto;
  display: block;
  margin: 0;
  color: var(--black-1);
  font-size: 21px;
  line-height: 29px;
  font-weight: 900;
  box-sizing: border-box;
}

/* »ó´Ü ÅÇ È¨/µ¿¿µ»ó ½Ã¸®Áî/ ¼ôÃ÷ */
.mvhome__tabs {
	  flex:1;
  overflow-x:auto;
  width: 100%;
  background: var(--white);
  box-sizing: border-box;
}

.mvhome__tabList {
  display:flex;
  gap:20px;
  white-space:nowrap;
  overflow-x:auto;
  align-items: center;
  margin: 0;
  list-style: none;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.mvhome__tabList::-webkit-scrollbar {
  display: none;
}

.mvhome__tabItem {
  flex: 0 0 auto;
}

.mvhome__tabLink {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--cate-gray);
  font-size: 15px;
  line-height: 140%;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
}

.mvhome__tabLink.is-active,
.mvhome__tabLink[aria-current="page"] {
  color: var(--black-1);
  font-weight: 700;
}

/* ¼­ºê Ä«Å×°í¸® ¸®½ºÆ® */
.header_nav {
  width: 100%;
	flex-basis:100%;
  margin-top: 0;
  padding: 12px 0 8px 0;
  border-bottom: 1px solid var(--light-gray);
  background: var(--white);
  overflow: hidden;
  box-sizing: border-box;
}

.header_nav ul {
  display: block;
  min-width: 100%;
  margin: 0;
  scrollbar-width: none;
  box-sizing: border-box;
}

.header_nav ul::-webkit-scrollbar {
  display: none;
}

.header_nav ul:nth-child(2) {
  border-top: 1px solid var(--light-gray);
}

.header_nav ul > li {
  margin: 0 3px 12px;
  border-radius: 4px;
  background: #F2F4F8;
  display: inline-block;
  vertical-align: top;
}

.header_nav ul > li a {
  display: block;
  text-decoration: none;
}

.header_nav ul > li .ssub_menu {
  display: block;
  padding: 4px 8px;
  text-align: center;
  border-radius: 4px;
  background: #F2F4F8;
  color: var(--black-1);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  box-sizing: border-box;
  /*height: 27px;
  line-height: 100%;*/
}

.header_nav ul > li .ssub_menu:hover {
  background: var(--primary);
  color: var(--white);
}

.header_nav ul > li .ssub_menu.ative {
  background: var(--primary);
  color: var(--white);
}

.cl_list_wrap {
  position: relative;
  margin: 0;
}

.Htv_snap_list {
  -webkit-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.native_scroll {
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.Htv_list_item {
  display: none;
  width: 100%;
  overflow: hidden;
  vertical-align: top;
  white-space: initial;
}

.Htv_list_item .cl_list.type_rank {
  padding: 12px 20px;
}

/* =========================================================
   ¼½¼Ç
========================================================= */
.mvhome__section {
  padding-top: 0px;
}

.mvhome__section--hero {
  padding-top: 20px;
}

.mvhome__sectionHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 40px; 
}

.mvhome__sectionTitle {
  margin: 0;
  font-size: 21px;
  line-height: 140%;
  font-weight: 700;
  color: var(--black, #111);
}
/* ´õº¸±â Ãß°¡ */
.mvhome__sectionSpan {
	font-weight: 500;
	font-size: 15px;
	line-height: 140%;
	color: #B0B0B0;
}
/* =========================================================
   ¿µ»ó Àüü º¸±â ¹öÆ°
========================================================= */
.mvhome__section--more {
  padding-top: 40px;
  width: 100%;
  margin: 0 auto;
}
/* =========================================================
   ´ëÇ¥ ¸Ç »ó´Ü Ä«µå
========================================================= */
.mvhome__featuredList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mvhome__featuredItem {
	padding-bottom: 16px;
	border-bottom: 1px solid var(--light-gray, #d9d9d9);
}
.mvhome__featuredItem + .mvhome__featuredItem {
  margin-top: 16px;
}

.mvhome__featuredSingle {
  padding-top: 16px;	  
  border-top: 0.95px solid var(--light-gray, #d9d9d9);
  margin-bottom: 16px;  
}
.mvcard {
  width: 100%;
}

.mvcard__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.mvcard__figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 0;
  aspect-ratio: 353 / 198.56;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;	
}

.mvcard__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: top;
}

.mvcard__body {
  padding-top: 10px;
}

.mvcard__category {  	
	height: 18px;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 140%;
	color: var(--primary, #BB0842);	
	margin-bottom: 4px;  
}
.mvcard__category--featured {  
    height: 21px;
	font-size: 15px;	
	margin-bottom: 4px; 

}
.mvcard__title {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--black, #333);
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    overflow-wrap: break-word;
}
.mvcard__title--featured { 
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
    -webkit-line-clamp: 3;
    min-height: 56px;
}
.mvcard__title--sub { 
	font-size: 20px;
	line-height: 140%;
    -webkit-line-clamp: 3;
    min-height: 56px;
}

/* =========================================================
   2¿­ ·¹À̾ƿô
========================================================= */
.mvgrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 132px;
  gap: 12px;
  align-items: start;
}

.mvgrid__main {
  min-width: 0;
}

.mvgrid__side {
  min-width: 0;
}

.mvcard--small + .mvcard--small {
  margin-top: 12px;
}

.mvcard__link--row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.mvcard__figure--thumb {
  aspect-ratio: 278 / 186;
  border-radius: 0;
}

/* =========================================================
   ÀÛÀº »çÁø ¿ÞÂÊ(left) ¸®½ºÆ®
========================================================= */
.mvsideList,
.mvlist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mvsideList__item {
    padding: 16px 0; 	
    border-bottom: 0.95px solid var(--light-gray, #d9d9d9);
}
.mvsideList__item:last-child {    
    border-bottom: 0px solid var(--light-gray, #d9d9d9);
	 padding-bottom: 0px;
}
.mvmini {
  width: 100%;
}

.mvmini__link {
  display: grid;
  grid-template-columns: 147px minmax(0, 1fr);    
  gap: 12px;
  align-items: start;
  color: inherit;
  text-decoration: none;
}
/* =========================================================
   ÀÛÀº »çÁø ¿À¸¥ÂÊ(right) ¸®½ºÆ®
========================================================= */
.mvmini__link_rev {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 147px ;    
  gap: 12px;
  align-items: start;
  color: inherit;
  text-decoration: none;
}
.mvmini__text {
  min-width: 0;
}
.mvmini__title {
  margin: 0;
  color: var(--black, #333);
  word-break: keep-all;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 60px;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
}
.mvmini_r_title {
  margin: 0;
  color: var(--black, #333);
  word-break: keep-all;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 60px;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 140%;
}
.mvmini__thumb {
  margin: 0;
  width: 147px;
  aspect-ratio: 147 / 82.69;
  overflow: hidden;
  outline: 1px solid rgba(0, 0, 0, 0.1);
}

.mvmini__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mvlist__item{
  padding:16px 0;
  border-bottom:1px solid var(--light-gray);
}
.mvlist__item:first-child{
 border-top:1px solid var(--light-gray);
}

/* =========================================================
   ¸ÞÀÎ(Ȩ)ÀÇ ¼ôÃ÷
========================================================= */
.mvshorts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 17px;
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
}

.mvshorts__item {
  min-width: 0;
}

.mvshort__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.mvshort__figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
  background: var(--soft-gray, #efeff0);
  aspect-ratio: 168 / 299;
	box-sizing: border-box;
	outline: 1px solid rgba(0, 0, 0, 0.1); /*border*/
}
.mvshort__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mvshort__title {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
  color: var(--black, #333);
  word-break: keep-all;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 66px;	
}

/* =========================================================
   Àüü º¸±â ¹öÆ°
========================================================= */
.mvhome__moreBtn {
  display: flex;
  width: 260px;
  height: 60px;
  align-items: center;
  justify-content: center;  
  padding: 0px 0;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 50px;
  background: #f3f3f3;
  font-size: 17px;
  line-height: 140;
  font-weight: 500;
  color: var(--black, #111);
  text-decoration: none;
}

/* =========================================================
   Á¢±Ù¼º
========================================================= */
.mvhome a:focus-visible,
.mvhome button:focus-visible {
  outline: 2px solid var(--accent, #66b2ff);
  outline-offset: 2px;
}

.blind {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  padding: 0;
}
/* =========================
   movie_02 series list
========================= */
.mvseries {
  width: 100%;
  padding: 16px 0 0;
  box-sizing: border-box;
}

.mvseries__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mvseries__item {
  margin: 0 0 16px;
  padding: 0 0 30px;
  border-bottom: 1px solid var(--light-gray, #d9d9d9);
}

.mvseriesCard {
  width: 100%;
}

.mvseriesCard__link {
  display: block;
  text-decoration: none;
}

.mvseriesCard__figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--light-gray, #d9d9d9);
  box-sizing: border-box;	
  aspect-ratio: 353 / 198.56;
}

.mvseriesCard__figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mvseriesCard__body {
  padding: 10px 0 0;
}

.mvseriesCard__title {
  min-height: 22px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--black, #333);
  word-break: keep-all;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mvseries__more {
  padding-top: 28px;
    width: 100%;
    margin: 0 auto;
}

.mvseries__moreBtn {
  display: flex;
    width: 260px;
    height: 60px;
    align-items: center;
    justify-content: center;
    padding: 0px 0;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 50px;
    background: #f3f3f3;
    font-size: 17px;
    line-height: 140;
    font-weight: 500;
    color: var(--black, #111);
    text-decoration: none;
}

.mvseries__moreBtn:focus-visible {
  outline: 2px solid var(--accent, #66b2ff);
  outline-offset: 2px;
}

/* =========================
   movie_03 shorts list
========================= */
.mvshortslist {
  width: 100%;
  padding: 20px 0px 0;
  box-sizing: border-box;
}

.mvshortslistGrid {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 32px;
}

.mvshortsGrid__item {
  position: relative;
  width: calc((100% - 16px) / 2);
}

.mvshortsGrid__item:nth-child(2n)::after {
  content: "";
  position: absolute;
  left: calc(-100% - 16px);
  bottom: -16px;
  width: calc(200% + 16px);
  height: 1px;
  background: var(--light-gray, #d9d9d9);
}

.mvshortsGrid__item:nth-last-child(1)::after,
.mvshortsGrid__item:nth-last-child(2)::after {
  display: none;
}

.mvshortsCard {
  width: 100%;
}

.mvshortsCard__link {
  display: block;
  text-decoration: none;
}

.mvshortsCard__figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
  background: var(--soft-gray, #efeff0);
  aspect-ratio: 216 / 384;
}

.mvshortsCard__figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mvshortsCard__body {
  padding-top: 8px;
}

.mvshortsCard__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
  color: var(--black, #333);
  word-break: keep-all;
}

.mvshorts__more {
  display: flex;
  justify-content: center;
  padding: 40px 0 0px;
}

.mvshorts__moreBtn {
  min-width: 260px;
  height: 60px;
  padding: 0 28px;
  border: 0;
  border-radius: 999px;
  background: #f1f1f1;
  color: var(--gray-dark, #595959);
  font-size: 16px;
  font-weight: 500;
  line-height: 44px;
  text-align: center;
}

.mvshorts__moreBtn:focus-visible {
  outline: 2px solid var(--accent, #66b2ff);
  outline-offset: 2px;
}