@import url('/css/font_vitrocore.css');/*'vitrocore'*/

html,
body,
form{ position: relative; width:100%; height:100%;}
body * { box-sizing:border-box;}
body { font-family: Noto Sans KR, sans-serif; font-size: 18px; line-height: 1.4; font-weight: 500; letter-spacing:-0.3px; background: #7b7c7c url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bg0.jpg) no-repeat center 0; background-size: 100% 100%; }
.head { width:100%; max-width:640px; height:60px; padding:0 10px; position:fixed; top:0; left:50%; transform:translateX(-50%); border-bottom:1px solid rgba(256,256,256,0.4); display:flex; justify-content:space-between; align-items:center; z-index:100;}
.head h1.nc_logo a { display: block; width: 50px; height: 100%; overflow:hidden; text-indent:-300px; color:transparent; background: url(//img.nocutnews.co.kr/mnocut/common/logo_fff107.png) no-repeat center; background-size: 100% auto; }
.head h2 { font-size: 20px; font-weight: 600; color:#fff;}
.head .btn_sns { display: block; width: 40px; height: 100%; overflow: hidden; text-indent: -300px; color: transparent; background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250617/ico_arrow.png) no-repeat center; background-size: 21px auto; }

.snslayer { font-size: 14px; }
.snslayer .sns_wrap { box-sizing:content-box;}

.container { max-width:640px; width: 100%; height:100%; top:0; position:relative; overflow:hidden;border:0 solid red; margin:0 auto;  color: #fff;}
.section,
.swiper { width: 100%; height: 100%; }
body .swiper-slide { position: relative;  font-family: vitrocore, sans-serif; display: flex; flex-direction: column; justify-content: center; align-items:center;}
.swiper-slide .cnt_b { position: relative; margin-bottom:120px; line-height: 1; text-shadow:6px 6px 7px rgba(0,0,0,0.4); }
.swiper-slide .cnt_b p { line-height:1.2;}
.swiper-slide .article_b { width: calc(100% - 60px); position: absolute !important; bottom: 80px !important; right: 0; }
.swiper-slide .article_b a{width:100%; background:#fff; padding:20px; position:relative; display:flex; align-items:center;}
.swiper-slide .article_b a .img { width:100px; height:66px;display: block; overflow: hidden; position: relative; flex-shrink: 0; background: rgba(256,256,256,0.2); border:1px solid #000;}
.swiper-slide .article_b a .img img { width:100%; height:auto; min-height:100%; position:relative; z-index:2;}
.swiper-slide .article_b a .txt {padding-left:15px; color:#000;font-family: Noto Sans KR, sans-serif; font-size:16px;width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-box-orient: vertical; line-height: 1.3em; max-height: 2.6em; -webkit-line-clamp: 2;}
.swiper-slide .article_b a .txt strong{display:block; font-weight:500;}
.swiper-slide .article_b .p_bg { display:none;}
.swiper-slide .article_b.preparing .p_bg { display:flex; align-items:center; width:100%; height:100%; position:absolute; top:0; left:0; color:#555; font-size:24px; font-weight:400; text-indent:40px; font-family: Noto Sans KR, sans-serif; background:rgba(256,256,256,0.9); z-index:10;}

.swiper-slide .font_s190 { font-size: 190px; }
.swiper-slide .font_s100 { font-size: 100px; }
.swiper-slide .font_s80 { font-size: 80px; }
.swiper-slide .font_s75 { font-size: 75px; }
.swiper-slide .font_s70 { font-size: 70px; }
.swiper-slide .font_s65 { font-size: 65px; }
.swiper-slide .font_s60 { font-size: 60px; }
.swiper-slide .font_s55 { font-size: 55px; }
.swiper-slide .font_s50 { font-size: 50px; }
.swiper-slide .font_s45 { font-size: 45px; }
.swiper-slide .font_s40 { font-size: 40px; }
.swiper-slide .font_s35 { font-size: 35px; }
.swiper-slide .font_s30 { font-size: 30px; }
.swiper-slide .font_s25 { font-size: 25px; }
.swiper-slide .font_s20 { font-size: 20px; }
.swiper-slide .font_s18 { font-size: 18px; }
.swiper-slide .font_s17 { font-size: 17px; }
.swiper-slide .font_s16 { font-size: 16px; }
.swiper-slide .font_s15 { font-size: 16px; }
.swiper-slide .font_noto { font-family: Noto Sans KR, sans-serif !important; }
.swiper-slide ul li { font-family: Noto Sans KR, sans-serif; line-height:1.5; margin-bottom:10px; font-size:15px;}
.swiper-slide ul li:last-child { margin-bottom:0;}
.swiper-slide ul li strong { display:block; font-weight:600;}
.swiper-slide ul li small{ display:block; font-size:14px; font-weight:400;}
.swiper-slide.p1 h1{ margin-bottom:40px; display:block;}
.swiper-slide.p1 h1 strong{display:block;}
.swiper-slide.p6 li {padding-left:40px; margin-bottom:15px;}
.swiper-slide.p6 li:nth-of-type(1) { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bul1.png) no-repeat 0 center; background-size: auto 32px; }
.swiper-slide.p6 li:nth-of-type(2) { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bul2.png) no-repeat 0 center; background-size: auto 32px; }
.swiper-slide.p6 li:nth-of-type(3) { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bul3.png) no-repeat 0 center; background-size: auto 32px; }
.swiper-slide.p8 p span { display: block; margin-bottom:4px; }
.swiper-slide.p8 p strong { display:block;}
.swiper-slide.p8 ul { margin-top: 50px; }
.swiper-slide.p8 ul li { margin-bottom: 15px; }
.swiper-slide.p8 ul li strong { font-size:19px;}
.swiper-slide.p8 ul li small { font-size:15px;}
.swiper-slide.p9 .cnt_b div { margin-top: 10px; font-size: 15px; font-weight: 400; }
.swiper-slide.p9 .cnt_b div p { line-height: 1.7;  }
.swiper-slide.p10 li { padding-left: 40px; margin-bottom: 15px; }
.swiper-slide.p10 li:nth-of-type(1) { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bul6.png) no-repeat 0 center; background-size: auto 34px; }
.swiper-slide.p10 li:nth-of-type(2) { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bul7.png) no-repeat 0 center; background-size: auto 34px; }
.swiper-slide.p10 li:nth-of-type(3) { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bul8.png) no-repeat 0 center; background-size: auto 34px; }
.swiper-slide.p10 ul li strong { font-size: 19px; }
.swiper-slide.p10 ul li small { font-size: 15px; }
.swiper-slide.p12 p { font-size:25px; }
.swiper-slide.p12 .chat_b { width:300px; margin-top:25px; background:#1b1b14; box-shadow:6px 6px 7px rgba(0,0,0,0.4);font-family: Noto Sans KR, sans-serif !important; }
.swiper-slide.p12 .chat_b .info_b{width:100%; height:200px; padding:20px 25px; color:#fff; font-size:18px; font-weight:400;}
.swiper-slide.p12 .chat_b .int_chat{width:100%; height:50px; display:flex; background:#fff;}
.swiper-slide.p12 .chat_b .int_chat input {width:calc(100% - 40px); height:100%; padding-left:25px; font-size:18px; color:#161616; border:0; outline:none;}
.swiper-slide.p12 .chat_b .int_chat input::placeholder {color:#161616;}
.swiper-slide.p12 .chat_b .int_chat button {width:40px;height:100%;border: 0;overflow: hidden; text-indent: -300px;color: transparent; background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bul5.png) no-repeat center;background-size: auto 23px;}
.swiper-slide.p13 > div { width:100%; height:0; padding-top:56%; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.swiper-slide.p13 iframe { width:100%; height:100%; position:absolute; top:0; left:0; }

/*.ai_swiper .bg { opacity: 0; transition: opacity 1s 0.5s linear; }
.ai_swiper .swiper-slide-active .bg { opacity: 1; }*/
.ai_swiper .swiper-slide-active .ani_fade { position: relative; opacity: 0; bottom: -30px; animation-name: fade_up; animation-fill-mode: forwards; animation-duration: 0.8s; animation-timing-function: linear; }
.ai_swiper .swiper-slide-active .ani_fade2 { position: relative; opacity: 0; animation-name: fade_in; animation-fill-mode: forwards; animation-duration: 0.8s; animation-timing-function: linear; }

.ai_swiper .swiper-slide-active .up1 {animation-delay: 1s; }
.ai_swiper .swiper-slide-active .up2 { animation-delay: 1.6s; }
.ai_swiper .swiper-slide-active .up3 { animation-delay: 2.2s; }
.ai_swiper .swiper-slide-active .up4 { animation-delay: 2.8s; }
.ai_swiper .swiper-slide-active .up5 { animation-delay: 3.4s; }
.ai_swiper .swiper-slide-active .up6 { animation-delay: 4s; }
.ai_swiper .swiper-slide-active .up7 { animation-delay: 4.6s; }
.ai_swiper .swiper-slide-active .up8 { animation-delay: 5.2s; }
.ai_swiper .swiper-slide-active .up9 { animation-delay: 5.8s; }
.ai_swiper .swiper-slide-active .up10 { animation-delay: 6.4s; }
.ai_swiper .swiper-slide-active .up11 { animation-delay: 7s; }
.ai_swiper .swiper-slide-active .up12 { animation-delay: 7.6s; }
.ai_swiper .swiper-slide-active .up13 { animation-delay: 8.2s; }
.ai_swiper .swiper-slide-active .up14 { animation-delay: 8.8s; }
.ai_swiper .swiper-slide-active .up15 { animation-delay: 9.4s; }
.ai_swiper .swiper-slide-active .up16 { animation-delay: 10s; }
.ai_swiper .swiper-slide-active .up17 { animation-delay: 10.6s; }
.ai_swiper .swiper-slide-active .up18 { animation-delay: 12.2s; }
.ai_swiper .swiper-slide-active .up19 { animation-delay: 12.8s; }
.ai_swiper .swiper-slide-active .up20 { animation-delay: 13.4s; }

@keyframes fade_up {
	0% { bottom: -30px; opacity:0;}
	100% { bottom: 0; opacity: 1; }
}
@keyframes fade_in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.swiper-slide .bg{width:100%; height:100%; overflow:hidden; position:absolute;top:0; left:0; z-index:; background:#000}
.swiper-slide .bg video{ width: 100%; height: auto; filter:grayscale(1);  position:absolute;top:50%; left:50%; transform:translateX(-50%) translateY(-50%); opacity:0.7;}
.swiper-slide.p2 .bg { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bg2.jpg) no-repeat center 0; background-size: cover; }
.swiper-slide.p3 .bg{ background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bg3.jpg) no-repeat center 0; background-size: cover; }
.swiper-slide.p6 .bg { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bg6.jpg) no-repeat center 0; background-size: cover; }
.swiper-slide.p7 .bg { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bg7.jpg) no-repeat center 0; background-size: cover; }
.swiper-slide.p8 .bg { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bg8.jpg) no-repeat center 0; background-size: cover; }
.swiper-slide.p9 .bg { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bg9.jpg) no-repeat center 0; background-size: cover; }
.swiper-slide.p10 .bg { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bg10.jpg) no-repeat center 0; background-size: cover; }
.swiper-slide.p11 .bg { background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bg11.jpg) no-repeat center 0; background-size: cover; }

.swiper-button-next { width: 40px; height: 40px; position: absolute; bottom: 20px; top:auto; left: 50%; transform: translateX(-50%); overflow: hidden; display: block; color: transparent; background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250715/bul4.png) no-repeat center; background-size: 30px auto; }
.swiper-slide.news_l { width: 100%; height:100%; }
/*.swiper-slide.news_l ul::-webkit-scrollbar { display: none; }*/
.swiper-slide.news_l li { width: 100%; margin-bottom: 20px; color:#000; background:#fff; position:relative; }
.swiper-slide.news_l li:last-child {margin-bottom:0;}
.swiper-slide.news_l li a{width:100%; height:100%; padding:20px; position:relative; display:flex; align-items:center;}
.swiper-slide.news_l li .img {width:100px; height:66px;display:block;overflow:hidden;position:relative;flex-shrink:0;background:rgba(256,256,256,0.2);border:1px solid #000;}
.swiper-slide.news_l li .img img { width:100%; height:auto; min-height:100%; position:relative; z-index:2;}
.swiper-slide.news_l li .txt {padding-left:15px; font-family: Noto Sans KR, sans-serif;font-size:18px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-box-orient: vertical; line-height: 1.3em; max-height: 2.6em; -webkit-line-clamp: 2;}
.swiper-slide.news_l li .txt strong{display:block; font-weight:400;}
.swiper-slide.news_l li a.article_b.preparing:after { content: '8월 6일 6시 오픈'; display: flex; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #fff; font-size: 24px; font-weight: 500; text-indent: 40px; font-family: Noto Sans KR, sans-serif; background: rgba(121,121,121,0.3); z-index: 10; }
.swiper-slide.news_l li .p_bg { display: none; }
.swiper-slide.news_l li.preparing .p_bg { display: flex; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #fff; font-size: 24px; font-weight: 600; text-indent: 30px; font-family: Noto Sans KR, sans-serif; background: rgb(137 137 137 / 80%); z-index: 10; }
.swiper-slide.foot { font-family: Noto Sans KR, sans-serif; padding:0 30px; }
.swiper-slide.foot div {margin-bottom:100px;}
.swiper-slide.foot p {font-size:16px; word-break:keep-all;}
.swiper-slide.foot p.f_refer { margin-top:20px; font-size:14px; font-weight:400;}
.swiper-slide.foot p.f_logo {width:100%; margin-bottom:0; display:flex; justify-content:center; align-items:center; position:absolute; bottom:80px; left:0;}
.swiper-slide.foot p.f_logo span img { height:25px;}
.swiper-slide.foot p.f_logo span:after { content:'X'; opacity:0.3; padding:0 13px; font-size:12px;}
.swiper-slide.foot p.f_logo span:last-child:after { display:none;}


@media all and (max-width:500px) {
	.container {  background-size:cover; }
	.container .main { background-size: cover; }
	.swiper-slide .font_s190 { font-size: 37vw; }
	.swiper-slide .font_s100 { font-size: 20vw; }
	.swiper-slide .font_s80 { font-size: 16vw; }
	.swiper-slide .font_s75 { font-size: 15vw; }
	.swiper-slide .font_s70 { font-size: 14vw; }
	.swiper-slide .font_s65 { font-size: 13vw; }
	.swiper-slide .font_s60 { font-size: 12vw; }
	.swiper-slide .font_s55 { font-size: 11vw; }
	.swiper-slide .font_s50 { font-size: 10.2vw; }
	.swiper-slide .font_s45 { font-size: 9vw; }
	.swiper-slide .font_s40 { font-size: 8vw; }
	.swiper-slide .font_s35 { font-size: 7vw; }
	.swiper-slide .font_s30 { font-size: 6vw; }
	.swiper-slide .font_s25 { font-size: 5vw; }
	.swiper-slide .bg video { width: auto; height: 100%; }
	.swiper-slide.p8 ul li strong { font-size: 18px; }

}

@media all and (max-width:450px) {
	.swiper-slide .cnt_b { width: 100%; padding-left: 40px; }
	.swiper-slide.p12 .cnt_b {width:auto; margin:0 auto; padding-left:0; }
	.swiper-slide .article_b { width: calc(100% - 40px); }
	.news_l { width: 100%; padding-left: 40px; }
}

@media all and (max-width:385px) {
	.swiper-slide .font_s30 { font-size: 22px; }

}
@media all and (max-width:385px) and (max-height:740px) {
	.swiper-slide.news_l li { margin-bottom: 4%; }
		.swiper-slide.news_l li a { padding: 5%; }
		.swiper-slide.news_l li .img { width: 30%; height: 0; padding-top: 20%; }
			.swiper-slide.news_l li .img img { position: absolute; top: 0; left: 0; }
}

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

}