/* CSS Document */
[class*="mot"]{opacity:0; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
[class*="-left"] {-webkit-transform:translateX(-10%); -ms-transform:translateX(-10%); transform:translateX(-10%);}
[class*="-right"] {-webkit-transform:translateX(10%); -ms-transform:translateX(10%); transform:translateX(10%);}
[class*="-top"] {-webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px);}
[class*="-bottom"] {-webkit-transform:translateY(80px); -ms-transform:translateY(80px); transform:translateY(80px);} 
.mtBox [class*="mot"][class$="-left"] { transform: translateX(-100%); -webkit-transform: translateX(-100%);}
[class*="scale"]{ transform: scale(0); }

.start .active [class*="mot"] {opacity:1;}
.start .active [class*="mot0"] {-webkit-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s;}
.start .active [class*="mot1"] {-webkit-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
.start .active [class*="mot2"] {-webkit-transition-delay:0.4s; -ms-transition-delay:0.4s; transition-delay:0.4s;}
.start .active [class*="mot3"] {-webkit-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.start .active [class*="mot4"] {-webkit-transition-delay:0.6s; -ms-transition-delay:0.6s; transition-delay:0.6s;}
.start .active [class*="mot5"] {-webkit-transition-delay:0.7s; -ms-transition-delay:0.7s; transition-delay:0.7s;} 
.start .active [class*="mot6"] {-webkit-transition-delay:0.8s; -ms-transition-delay:0.8s; transition-delay:0.8s;} 
.start .active [class*="mot7"] {-webkit-transition-delay:0.9s; -ms-transition-delay:0.9s; transition-delay:0.9s;} 
.start .active [class*="mot8"] {-webkit-transition-delay:1s; -ms-transition-delay:1s; transition-delay:1s;} 
.start .active [class*="mot9"] {-webkit-transition-delay:1.1s; -ms-transition-delay:1.1s; transition-delay:1.1s;} 
.start .active [class*="mot10"] {-webkit-transition-delay:1.3s; -ms-transition-delay:1.3s; transition-delay:1.3s;} 
.start .active [class*="mot11"] {-webkit-transition-delay:1.5s; -ms-transition-delay:1.5s; transition-delay:1.5s;} 
.start .active [class*="mot12"] {-webkit-transition-delay:1.6s; -ms-transition-delay:1.6s; transition-delay:1.6s;} 
.start .active [class*="mot13"] {-webkit-transition-delay:1.7s; -ms-transition-delay:1.7s; transition-delay:1.7s;} 
.start .active [class*="mot14"] {-webkit-transition-delay:1.9s; -ms-transition-delay:1.9s; transition-delay:1.9s;}
.start .active [class*="moT15"] {-webkit-transition-delay:2s; -ms-transition-delay:2s; transition-delay:2s;} 
.start .active [class*="moT16"] {-webkit-transition-delay:2.1s; -ms-transition-delay:2.1s; transition-delay:2.1s;} 
.start .active [class*="moT17"] {-webkit-transition-delay:2.2s; -ms-transition-delay:2.2s; transition-delay:2.2s;} 
.start .active [class*="moT18"] {-webkit-transition-delay:2.3s; -ms-transition-delay:2.3s; transition-delay:2.3s;} 
.start .active [class*="moT19"] {-webkit-transition-delay:2.4s; -ms-transition-delay:2.4s; transition-delay:2.4s;} 
.start .active [class*="moT20"] {-webkit-transition-delay:2.5s; -ms-transition-delay:2.5s; transition-delay:2.5s;}  
.start .active [class*="moT21"] {-webkit-transition-delay:2.6s; -ms-transition-delay:2.6s; transition-delay:2.6s;}  
.start .active [class*="moT22"] {-webkit-transition-delay:2.7s; -ms-transition-delay:2.7s; transition-delay:2.7s;}  
.start .active [class*="-left"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.start .active [class*="-right"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.start .active [class*="-top"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
.start .active [class*="-bottom"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);} 
.start .active [class*="-big"] {-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }
.start .active [class*="scale"]{ transform: scale(1); }

/* slick slide common */
.slick-slider {-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide {display:none;/* height:100%; */min-height:1px;vertical-align:middle;outline: none;}
.slick-list.dragging { cursor:pointer;}
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none;}
.slick-current {opacity:1; display:block;}
.slick-track {position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto;}
.slick-list, .slick-track {/* height:100%; */}

/* 공통 타이틀 */
h3.heading { font-size:4rem; color:#111; font-weight:600; white-space: nowrap; overflow: hidden; font-family: var(--krds-typo-font-sb-family);}
h3.heading strong {color:#343474;}

/* 더보기 버튼 */
.moreBtn { display: inline-flex; align-items: center; justify-content: center; background: #4d4d4d; border-radius: 50%; height: 4rem; gap: 0; font-size: 1.8rem; font-weight: 500; width: 4rem; text-indent:-9999px; color: #fff; position: absolute; right: 0; top: 1rem; }
.moreBtn > i { transition: 0.2s; font-size: 1.8rem; text-indent:0; }
.moreBtn > i,
.moreBtn > i::before { line-height: 1; }
.moreBtn:hover,
.moreBtn:focus {color:#fff;}
.moreBtn:hover i,
.moreBtn:focus i { transform: rotate(180deg); }

/* 슬라이더 컨트롤 */
.control { position: absolute; right: 5rem; top: 1.5rem; display: flex; gap: 0.5rem;}
.control > a { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; color: #444444; }
.control > a > i { font-size: 2.4rem; }   
.control > a.play { display: none; }

/* 통합검색 */
.M_search {position:relative; z-index:0; width:100%; display:flex; gap:3rem; align-items:center; justify-content:center; flex-direction:column; padding:0 5rem 0 0rem;}
.M_search h3.heading {display:flex; justify-content:center; flex-direction:column;}
.M_search h3.heading strong {display:flex; justify-content:center;  color:#1e2678; font-size:5rem; font-weight:600;}
.M_search h3.heading span {display:flex; justify-content:center; font-size:1.8rem; color:#1e2678; font-weight:400; margin-top:1.5rem;}
.M_search h3.heading + form {width:100%;}
.M_search .search-box {width:100%; height:7rem; display:flex; align-items:center; gap:1rem; transition:all 0.3s; border-radius:2rem;}
.M_search .search-box input[type="text"] {height:100%; border-radius:2rem; width:100%; flex:1; padding:0 2rem; outline:0; font-size:1.6rem; color:#00a29a; font-weight:700; border: 2px solid #00a29a;}
.M_search .search-box input[type="text"]::placeholder {color: #666; font-weight: 400; opacity: 1;}
.M_search .search-box a {width:7rem; height:100%; border-radius:2rem; background:#00a29a; display:flex; align-items:center; justify-content:center;}
.M_search .search-box a > i {font-size:3.5rem; color:#fff;}
.M_search .grade-img {display:flex; gap:1.8rem; margin-top:1.5rem;}
.M_search .grade-img img {width:6.5rem;}
.M_search .icon-box {position:absolute; z-index:-1; width:100%; height:100%;}
.M_search .icon-box p {position:absolute; transform-origin: 50% 50%; animation-name: character_action; animation-timing-function: ease-in-out; animation-iteration-count: infinite;}
.M_search .icon-box p:nth-child(1) {left:-2rem; top:-2rem; animation-duration:6s; animation-delay:1s;}
.M_search .icon-box p:nth-child(2) {right:-2rem; top:-2rem; animation-duration:9s; animation-delay:3s;}
.M_search .icon-box p:nth-child(3) {left:0; bottom:-5rem; animation-duration:7s; animation-delay:1.5s;}
.M_search .icon-box p:nth-child(4) {right:-1rem; bottom:-3rem; animation-duration:8s; animation-delay:2s;}

@keyframes character_action {
	0%{transform:rotatez(0deg)}
	2%{transform:rotatez(20deg)}
	5%{transform:rotatez(0deg)}
	100%{transform:rotatez(0deg)}
}

/* 비주얼 */
.M_visual {position:relative;width:100%;/* height:100%; */border-radius:3rem;/* overflow:hidden; */}
.M_visual .control {position:absolute; width: fit-content; top:auto; z-index:10; bottom:8rem; left:5rem; height:6rem; border-radius:3rem; background:rgba(255,255,255,0.75); display:flex; align-items:center; justify-content:space-between; gap:0.5rem; color:#fff; padding:0 3.5rem;}
.M_visual .control p {font-size:2rem; font-weight:400; margin-right:0.75rem; color:#333;}
.M_visual .control p strong {font-weight:700; color:#1e2678; padding-right:1.5rem; margin-right:1.5rem; position:relative;}
.M_visual .control p strong:after {content:''; position:absolute; width:2px; height:1.5rem; transform:translate(0, -50%) rotate(90deg); right:-0.25rem; top:50%; background:#333;}
.M_visual .control a {width:auto;}
.M_visual .control a > i {font-size:2.5rem;}
.M_visual .control a.play {display:none;}
.M_visual .slick-slider {/* display: flex; */overflow: hidden;/* height:100%; */border-radius:3rem;}
.M_visual .slick-list {min-width: 0;}
.M_visual .item {width:100%;/* height:100%; */position:relative;overflow:hidden;}
.M_visual .item a {display:block;width:100%;/* height:100%; */position:relative; }
#visual {visibility:hidden;}
#visual.slick-initialized {visibility:visible;}

/* 공지사항 */
.notice { position: relative; }
.notice .tabBox { display: flex; flex-wrap: wrap; gap: 6rem; align-items: center;}
.notice .tabBox li { max-width: calc(100% / 3); }
.notice .tabBox li a { position:relative; display: block; white-space: nowrap; overflow: hidden; color: #9e9e9e; font-size:2.4rem; font-weight: 500; transition:all 0.2s;}
.notice .tabBox li a.current:before,
.notice .tabBox li a:hover:before,
.notice .tabBox li a:focus:before {content:'\EB80'; position:absolute; left:0; top:50%; transform:translate(0, -50%); font-family:'remixicon'; font-size:2.4rem; color:#1e2678; font-weight:600;}
.notice .tabBox li a.current,
.notice .tabBox li a:hover,
.notice .tabBox li a:focus { font-weight: 700; color: #1e2678; padding-left:3rem;}
.notice .notice-header {position:relative; display:flex; justify-content:space-between;}
.notice .notice-header .control {position:relative; align-items: center; top:0;}
.notice .slick-list {overflow: hidden; margin: 0 -1.5rem;}
.notice .slick-track {display: flex!important; min-width:0; align-items: stretch;}
.notice .slick-slide {height: auto; padding: 0 1.5rem; float: none !important; display: flex; justify-content: stretch; align-items: center;}
.notice .item { flex:1; display: flex; }
.notice .lstBox {width:100%; margin-top:3rem;}
.notice .lstBox .box { display: none; height: 100%; }
.notice .lstBox .box.on { display: block; }
.notice .lstBox .box .no_data { display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 1.7rem; height: 25.3rem; width: 100%; color:#555; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.notice .lstBox .box .lst { position: relative; height: 100%; }
.notice .lstBox .box .lst > ul li a { position: relative; width:100%; height:100%; padding: 3rem; display: flex; border:1px solid #ddd; border-radius:3rem; flex-direction:column; transition:all 0.3s; background:#fff;}
.notice .lstBox .box .lst > ul li a strong {font-size:1.8rem; font-weight:700; color:#1e2678;}
.notice .lstBox .box .lst > ul li a > p.tit { font-size: 2rem; color: #111; font-weight:700; display:block; width:100%; min-width:0; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:0.5rem; transition:all 0.3s;}
.notice .lstBox .box .lst > ul li a > p.txt {color: #444; font-size: 1.7rem; font-weight:400;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height:7.5rem; overflow: hidden; text-overflow: ellipsis; margin:1.5rem 0;}
.notice .lstBox .box .lst > ul li a > em { position: static; right: 0; color: #777; font-size: 1.6rem; font-weight:400;}
.notice .lstBox .box .lst > ul li a:focus,
.notice .lstBox .box .lst > ul li a:hover {border-color:#1e2678;}
.notice .lstBox .box .lst > ul li a:focus p.tit,
.notice .lstBox .box .lst > ul li a:hover p.tit {color:#1e2678;}
.notice .tab-panel { display:none; }
.notice .tab-panel.on { display:block; }
.notice .moreBtn {background:#fff; border:1px solid #ccc;}
.notice .moreBtn > i {color:#444;}

/* OTT 자체등급분류정보 */
.ottInfo { position: relative; overflow: hidden; }
.ottInfo h3.heading {color:#fff; font-size:3.6rem;}
.ottInfo .lst { margin-top: 3rem; }
.ottInfo .lst .slick-track {display: flex!important; min-width:0; align-items:flex-start;}
.ottInfo .lst .slick-slide {height: auto; float: none !important; display: flex; justify-content: center; align-items: center; padding: 0 2rem;}
.ottInfo .lst .slick-list {margin: 0 -2rem;}
.ottInfo .lst .item a { display: block; position: relative; width: 100%; }
.ottInfo .lst .item.ottList {flex-direction:column;}
.ottInfo .lst .item.ottList .detail {display:flex; align-items:center; justify-content:center; gap:0.5rem; margin-top:3rem;}
.ottInfo .lst .item.ottList .detail a img {width:4.5rem;}
/* .ottInfo .lst .item a::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: transparent; border: 2px solid #e60012; opacity: 0; visibility: hidden; } */
.ottInfo .lst .item a > p {margin: 0 auto 1rem; text-align:center;} 
.ottInfo .lst .item a p img {margin:0 auto}
.ottInfo .lst .item a p.img  { position: relative; display: block; width: 100%; aspect-ratio: 1.5 / 2; overflow: hidden; border-radius: 1.2rem; }
.ottInfo .lst .item a p.img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block; margin:0 auto;}
.ottInfo .lst .item a .detail { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; margin-top: 1.3rem; gap:0.5rem;}
.ottInfo .lst .item a .detail img {width:3.5rem; height:3.5rem;}
.ottInfo .lst .item a p.img img,
.ottInfo .lst .item a::before { transition: 0.2s; }
.ottInfo .lst .item a:hover p.img img,
.ottInfo .lst .item a:focus p.img img { transform: scale(1.2); }
.ottInfo .lst .item a:focus::before { opacity: 1; visibility: visible; z-index: 1; }
.ottInfo .control > a { color: #fff; }
.ottInfo .control > a > i { color:#fff; }
.ottInfo .moreBtn {background:#fff; color:#444;}

/* OTT 바로보기 */
.ottLink {position:relative;}
.ottLink h3.heading {color:#fff; font-size:3.6rem;}
.ottLink .moreBtn {background:#fff; color:#444;}
.ottLink .ott-list { margin-top:3rem; }
.ottLink .ott-list ul {display:flex; flex-direction:column; gap:2rem; justify-content:space-between;}
.ottLink .ott-list ul li {height:100%; min-height:20.5rem;}
.ottLink .ott-list ul li a {position:relative; display:block; height:100%; border-radius:1rem; overflow:hidden; z-index:0;}
.ottLink .ott-list ul li a > p {display:flex; align-items:center; gap:1rem; width:100%; height:5.5rem; background:#fff; padding:0 2rem; font-size:1.8rem; color:#111; font-weight:700; transition:all 0.3s;}
.ottLink .ott-list ul li a > p.youtube i {width:3.3rem; height:3.3rem; border-radius:50%; background:#d50000; color:#fff; display:flex; align-items:center; justify-content:center;}
.ottLink .ott-list ul li a:hover > p,
.ottLink .ott-list ul li a:focus > p {padding-left:3rem; color:#d50000;}

/* 영등위 소식 */
.news { position: relative; z-index:0; }
.news h3.heading strong {font-family:'Pretendard GOV'; font-size:3rem; font-weight:700;}
.news .popImg { margin-top: 2rem; width: 100%; overflow: hidden; }
.news .slick-list {overflow: hidden; margin: 0 -2rem!important;}
.news .slick-track {display: flex!important; min-width:0;}
.news .slick-slide {height: auto; float: none !important; display: flex; justify-content: center; align-items: center;}
.news .item {padding:0 2rem;}
.news .popImg .item a { display: block; width:100%; position: relative; background:#fff; border-radius:3rem; overflow:hidden;}
.news .popImg .item a p.img { position: relative; display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; width: 100%; height: 24rem; background-color: #e1e1e1; overflow:hidden;}
.news .popImg .item a > img { max-width: 100%; } 
.news .popImg .item a .txt {padding:2.5rem 2.5rem 3rem 2.5rem;}
.news .popImg .item a .txt span { font-size: 1.8rem; font-weight: bold; color: #1e2678; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news .popImg .item a .txt p {word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; color: #444; font-size: 1.8rem; font-weight: 400; height:5rem; line-height:1.4; margin-top:0.5rem;}
.news .popImg .item a:hover p.img::before,
.news .popImg .item a:focus p.img::before { transform: rotate(45deg); }
.news .popImg .item a p.img img { transition: 0.4s; min-height:18rem; }
.news .popImg .item a:hover p.img img,
.news .popImg .item a:focus p.img img { transform: scale(1.1); }

/* 최신영화개봉작 */
.newMovie { position: relative; z-index:0; }
.newMovie:before {content:''; width:calc(100% + 24rem); height:44rem; border-radius:4rem; background:#343474 url('../../images/main/newMovie_bg.png') no-repeat 0% 0%; background-size:100%; position:absolute; z-index:-1; bottom:-5rem; left:50%; transform:translate(-50%, 0);}
.newMovie:after {content: 'Latest movie releases'; position:absolute; top:-5rem; left:0; word-break: break-all; letter-spacing:0.1rem; font-size: clamp(5rem, 8.5vw, 14rem); ; font-weight:900; color: transparent; -webkit-text-stroke: 0.05rem #e5e4e4; z-index:-1; font-kerning: none;}
.newMovie .lst {margin-top:3rem;}
.newMovie .slick-list {overflow: hidden; margin: 0  -2rem!important;}
.newMovie .slick-track {display: flex!important; min-width:0;}
.newMovie .slick-slide {height: auto; float: none !important; display: flex; justify-content: center; align-items: center;}
.newMovie .lst .item {padding:0 2rem;}
.newMovie .lst .item a { display: block; position: relative; width: 100%; }
/* .newMovie .lst .item a::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: transparent; border: 2px solid #e60012; opacity: 0; visibility: hidden; } */
.newMovie .lst .item a p.img { border-radius:2rem; overflow:hidden; display: flex; align-items: center; justify-content: center; background: #e1e1e1; height: 51rem; width: 100%; font-size: 0; line-height: 0; overflow: hidden; }
.newMovie .lst .item a .detail { display: flex; align-items: center; justify-content: space-between; font-size: 0; line-height: 0; margin-top: 1.3rem; }
.newMovie .lst .item a .detail > span { color: #fff; font-size: 2rem; font-weight: bold; line-height: 5rem; }
.newMovie .lst .item a .detail ul {display:flex; align-items:center; gap: 0.5rem;}
.newMovie .lst .item a .detail ul li > img {width:3.6rem; height:3.6rem;}
.newMovie .lst .item a p.img img,
.newMovie .lst .item a::before { transition: 0.4s; min-height:25rem; }
.newMovie .lst .item a:hover p.img img,
.newMovie .lst .item a:focus p.img img { transform: scale(1.1); }
.newMovie .lst .item a:focus::before { opacity: 1; visibility: visible; z-index: 1; }

/* 바로가기 */
.bookmark {position:relative; display:flex; gap:4rem;}
.bookmark .list {flex:1; border-radius:2rem; border:1px solid #ccc; padding:3rem; display:flex; flex-direction:column; justify-content:space-between; transition:all 0.3s;}
.bookmark .list p {display:flex; align-items:center; justify-content:center; height:10rem; border-bottom:1px solid #ccc; margin-bottom:2rem; padding-bottom: 2rem;}
.bookmark .list p img {display:block;}
.bookmark .list > a {background:#f5f5f5; height:4.8rem; border-radius:0.5rem; width:100%; display:flex; align-items:center; font-size:1.8rem; color:#444; font-weight:600; padding:0 1.5rem; justify-content:space-between; transition:all 0.3s;}
.bookmark .list > a > i {font-size:1.8rem; color:#444; font-weight:400;}
.bookmark .list:focus,
.bookmark .list:hover {border-color:#343474;}
.bookmark .list:focus a,
.bookmark .list:hover a {background:#343474; color:#fff;}
.bookmark .list:focus a > i,
.bookmark .list:hover a > i {color:#fff;}

/* 배너모음 */
.M_banner {position:relative; display:flex; align-items:center; padding:2rem 0; width:100%; gap:8rem; background:#fff; border:1px solid #ccc; border-radius:1rem; height:8rem; z-index:0; transition:all 0.3s;}
.M_banner:hover,
.M_banner:focus {border-color:#1e2678;}

.M_banner .lst .item a:hover img,
.M_banner .lst .item a:focus img {transform:translateY(-0.5rem);} 

.M_banner .banner-title {flex-basis:0; flex-shrink:0; display: flex; align-items:center; gap:4rem;}
.M_banner .banner-title h3 {font-size:2rem; font-weight:700; color:#222;}
.M_banner .control {display:flex; align-items:center; gap:0.25rem;}
.M_banner .control > a { border:1px solid #d5d5d5; width:3rem; height:3rem; border-radius:0.4rem; display:flex; align-items:center; justify-content:center;}
.M_banner .control > a > i {font-size:2rem; color:#222;}
.M_banner .control > a.play {display:none;}
.M_banner .lst {width:100%; position:relative;  min-width:0; overflow:hidden; height:8rem;}
.M_banner .lst .slick-track {display: flex;  align-items:center; gap: 4.3rem;}
.M_banner .lst .item a {position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.M_banner .lst .item a:after {content:''; position:absolute; right:-2.5rem; width:0.7rem; height:0.7rem; border-radius:50%; background:#d9d9d9; top:50%; transform:translate(0, -50%);}
.M_banner .lst .item:last-child a:after {display:none;}
.M_banner .lst .item a img {transition:all 0.3s; transform:translateY(0rem);}
.M_banner .slick-list, .M_banner .slick-track {height:100%;}





@media screen and (max-width: 1850px){
	.newMovie:before {width:100%; height:50%;}
	.newMovie .lst {padding:0 4rem;}
	.newMovie .lst .item a p.img {height:48rem;}
}

@media screen and (max-width: 1600px){	
	.M_search {padding:0 5rem;}
	.news .popImg .item a p.img,
	.newMovie .lst .item a p.img {height:auto;}
}


@media screen and (max-width: 1440px){
	.control > a { width: 2.8rem; height: 2.8rem; }
	.control > a > i { font-size: 2.2rem; }
	
	.M_visual .control {bottom:7rem;}

	.M_search { gap: 2rem; }
	.M_search h3.heading strong { font-size: 4.2rem; }
	.M_search h3.heading span { font-size: 1.7rem; margin-top:0; }
	.M_search .search-box { height: 6.2rem; }
	.M_search .search-box input[type="text"] { font-size: 1.5rem; }

	.notice .tabBox { gap: 4rem; }
	.news .slick-list,
	.newMovie .slick-list { margin: 0 -1.5rem !important; }
	.news .item,
	.newMovie .lst .item { padding: 0 1.5rem; }

	/* 썸네일 높이 살짝↓ */
	.ottInfo .lst .item a p.img { height: 34rem; }
	.newMovie .lst .item a p.img { height: auto; }
}



@media screen and (max-width: 1280px){
	h3.heading { font-size: 2.8rem!important; }
	.M_visual .item a img {width:100%;}
	
	.M_search .icon-box > p img { transform:scale(0.65);}
	.M_search .icon-box p:nth-child(1) {left:-4rem; top:-4rem;}
	.M_search .icon-box p:nth-child(2) {right:-4rem; top:-4rem;}
	
	/* 바로가기 2열(원래 있던 규칙 보강) */
	.bookmark { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
	.bookmark .list { padding: 2.4rem; }
	.bookmark .list > a { height: 4.4rem; font-size: 1.7rem; }

	/* 탭: 한 줄 폭 넘치면 세로 스택 */
	.notice .tabBox { gap: 2rem; flex-wrap:nowrap; margin-right:auto; margin-left:2rem;}
	.notice .tabBox li { max-width: 100%; width: 100%; }
	.notice .tabBox li a { font-size: 2.2rem; padding-left: 0; }
	.notice .tabBox li a.current,
	.notice .tabBox li a:hover,
	.notice .tabBox li a:focus { padding-left: 3rem; }
	.notice .moreBtn {top:0.5rem;}

	/* 비주얼 컨트롤 하단 고정 */
	.M_visual .control { bottom: 2rem; left: 2rem; }

	/* 섹션 카드 간격 조정 */
	.news .popImg .item a .txt { padding: 2rem; }
	.news .popImg .item a .txt span { font-size: 1.7rem; }
	.news .popImg .item a .txt p { font-size: 1.7rem; height: 4.4rem; }

	/* 썸네일 높이 */
	.ottInfo .lst .item a p.img { height: 40rem; }	
}


@media screen and (max-width: 1024px){
	.control {right:3.5rem; top:1rem;}
	.moreBtn {width:3rem; height:3rem;}
	h3.heading { font-size: 2.4rem; }

	.M_search { padding: 0; gap: 1.5rem; }
	.M_search h3.heading strong { font-size: 3.6rem; }
	.M_search h3.heading span { font-size: 1.6rem; margin-top: 1rem; }
	.M_search .search-box { height: 5.6rem; }
	.M_search .grade-img { gap: 1.2rem; }
	.M_search .grade-img img { width: 5.4rem; }

	/* 리스트 마진 축소 */
	.news .slick-list,
	.newMovie .slick-list { margin: 0 -1.2rem !important; }
	.news .item,
	.newMovie .lst .item { padding: 0 1.2rem; }

	/* 배너 바: 높이 자동 */
	.M_banner { gap: 2rem; height: auto; padding: 1.5rem 1.5rem; }
	.M_banner .banner-title { gap: 2rem; }
	.M_banner .lst .slick-track { gap: 2.4rem; }

	/* 썸네일 높이 */
	.ottInfo .lst .item a p.img { height: 38rem; }	
	.ottInfo .lst .slick-track {width:fit-content!important;}
	.ottInfo .lst .item.ottList {margin:0 auto;}
	.ottInfo .lst .slick-slide {min-width:20rem;}
	.newMovie:after {top:-1rem;}
}

@media screen and (max-width: 900px){
	.control > a { width: 2.6rem; height: 2.6rem; }
	.control > a > i { font-size: 2rem; }

	.notice .lstBox .box .lst > ul li a { padding: 2rem; border-radius: 2rem; }
	.notice .lstBox .box .lst > ul li a > p.tit { font-size: 1.9rem; }
	.notice .lstBox .box .lst > ul li a > p.txt { font-size: 1.6rem; height: 6.75rem; }

	.ottLink .ott-list ul { gap: 1.4rem; }
	.ottLink .ott-list ul li { min-height: 18rem; }
	.ottLink .ott-list ul li a > p { height: 5rem; font-size: 1.7rem; }

	.news .popImg .item a .txt span { font-size: 1.6rem; }
	.news .popImg .item a .txt p { font-size: 1.6rem; height: 4.2rem; }

	.newMovie .lst .item a .detail > span { font-size: 1.8rem; line-height: 4.4rem; }
	.newMovie .lst .item a .detail ul li > img { width: 3.2rem; height: 3.2rem; }

	/* 모션 거리 축소(모바일 대비) */
	[class*='-top'] { transform: translateY(-20px); }
	[class*='-bottom'] { transform: translateY(40px); }
	
	.ottInfo .control {display:none;}
}

@media screen and (max-width: 768px){
	h3.heading { font-size: 2.2rem!important; display:block; white-space:normal; overflow:inherit;} 
	
	.news h3.heading strong {font-size:1.8rem;}
	.moreBtn,
	.control {top:0;}
	.control > a {width:auto;}
	
	.M_search h3.heading strong { font-size: 3rem; }
	.M_search h3.heading span { font-size: 1.5rem; }
	.M_search .search-box { height: 5rem; }
	.M_search .search-box a { width: 6rem; }
	.M_search .grade-img img { width: 4.8rem; }
	
	/* 탭: 줄바꿈 간격 최적화 */
	.notice .tabBox {flex-wrap: wrap; width: 70%; gap:0.25rem 1.2rem;}
	.notice .tabBox li a { font-size: 2rem; }
	.notice .slick-list { margin: 0 -1rem !important; }
	.notice .slick-slide { padding: 0 1rem; }
	.notice .notice-header {flex-direction:column;}
	.notice .tabBox {margin:0.5rem 0 0 0;}
	.notice .tabBox li {width:auto;}
	.notice .moreBtn {top:0;}
	.notice .notice-header .control {position:absolute; right:0; top:4rem;}

	/* 뉴스/무비 카드 간격 & 높이 */
	.news .item,
	.newMovie .lst .item { padding: 0 1rem; }
	.news .popImg .item a .txt { padding: 1.6rem; }
	.newMovie:before { width: 100%; border-radius: 2rem; bottom: -4rem; }
	.newMovie .lst { margin-top: 2rem; }
	

	/* 배너: 점 구분자 제거 */
	.M_banner { gap: 1.2rem; padding: 1.2rem; }
	.M_banner .lst .slick-track { gap: 1.6rem; }
	.M_banner .lst .item a:after { display: none; }

	/* 바로가기 1열 */	
	.bookmark .list { padding: 2rem; }
	.bookmark .list p { height: 8rem; }
	.bookmark .list > a { height: 4.2rem; font-size: 1.6rem; }
	
	/* ott 바로보기 */
	.ottLink .ott-list ul li a > img {width:100%;}
	.ottInfo .control  {display:block;}
	
	[class*='-top'] {-webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform: translateY(-10px); }
	[class*='-bottom'] {-webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform: translateY(20px); }	
	[class*='-left'] {-webkit-transform:translateX(-3%); -ms-transform:translateX(-3%); transform: translateX(-3%); }
	[class*='-right'] {-webkit-transform:translateX(3%); -ms-transform:translateX(3%); transform: translateX(3%); }
}

@media screen and (max-width: 600px){
	h3.heading { font-size: clamp(2rem, 4vw, 2.4rem); }

	.M_visual .control { left: 1.5rem; bottom: 1.5rem; padding: 0 1.2rem; height: auto; }
	.M_visual .control p { font-size: 1.6rem; }
	.M_visual .control a > i { font-size: 2.2rem; }

	.ottInfo h3.heading,
	.ottLink h3.heading { font-size: 3rem; }

	
	
	/*바로가기*/
	.bookmark { grid-template-columns: 1fr; gap: 1.2rem; }
	
	
}

@media screen and (max-width: 480px){
	.M_search h3.heading strong { font-size: 2.6rem; }
	.M_search .search-box { height: 4.6rem; }
	.M_search .search-box a { width: 5.2rem; }
	.M_search .grade-img img { width: 4rem; }

	.notice .tabBox li a { font-size: 1.5rem; }
	.notice .lstBox .box .lst > ul li a { padding: 1.6rem; border-radius: 1.2rem; }
	.notice .lstBox .box .lst > ul li a > p.tit { font-size: 1.8rem; }
	.notice .lstBox .box .lst > ul li a > p.txt { font-size: 1.5rem; height: 6.5rem; }
	
	.notice .tabBox li a.current:before, 
	.notice .tabBox li a:hover:before, 
	.notice .tabBox li a:focus:before {font-size:2rem;}
	.notice .tabBox li a.current, 
	.notice .tabBox li a:hover, 
	.notice .tabBox li a:focus {padding-left:2.4rem;}
	.notice .lstBox {margin-top:1.5rem;}
	
	.news .popImg .item a .txt { padding: 1.4rem; }
	.news .popImg .item a .txt span { font-size: 1.5rem; }
	.news .popImg .item a .txt p { font-size: 1.5rem; height: 4.2rem; }

	.newMovie .lst .item a .detail > span { font-size: 1.6rem; line-height: 4rem; }

	.M_banner { gap: 0.8rem; }
	.M_banner .banner-title h3 { font-size: 1.8rem; }
	
	
}

@media screen and (max-width: 400px){
	h3.heading {display:flex; flex-wrap:wrap; width:80%;}
	.ottInfo .control,
	.newMovie .control,
	.news .control {display:none;}
	.M_search h3.heading p {text-align:center; font-size:1.5rem;}
	#krds-masthead .toggle-head .nuri-txt {font-size:1rem!important;}
	.ottInfo .lst .item.ottList {border-radius: 2rem; overflow: hidden;}
	.ottInfo .lst .item a p.img {height:fit-content; }
	.ottInfo .lst .item a p.img img {max-width:100%; transform:scale(1);}
}