/* Default */
	article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary, menu { display:block; }
	html { width:100%; height:100%; overflow-y:scroll; }
	body { width:100%; height:100%; min-height:100%; color:#000; -webkit-text-size-adjust:none; }
	body { *word-break:break-all; -ms-word-break:break-all; word-break:break-all; }
	body, p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif,Dotum,굴림,Gulim,Apple-Gothic,Helvetica,sans-serif; font-size:12px; text-decoration:none; }
	body, div, th, td, input, textarea, select, button, table, h1, h2, h3, h4, h5, h6, label, legend { font-family: 'Noto Sans KR', sans-serif,Dotum,굴림,Gulim,Apple-Gothic,Helvetica,sans-serif; font-size:12px; text-decoration:none; color:#666;}
	img, fieldset, iframe { border:0 none; }
	a { text-decoration:none; }
	a:hover, a:active, a:focus { text-decoration:none; }
	li, dd, ul, ol { list-style:none; }
	em, address { font-style:normal; }
	.clear { clear:both; }
	nav {
		width: 100%;
		height: 50px;
		background: #fc5144;
	}
	nav div.img {
		background: url('//img.filesun.com/partner/intro/partner_nav_img.png') no-repeat;
		width: 1000px;
		height: 50px;
		margin: 0 auto;
	}
	article.topBanner {
		margin: 0 auto;
		margin-top: 15px;
		width: 1000px;
		height: 48px;
		background: #4492fc;
		border-radius: 4px;
	}
	article.topBanner div.img {
		background: url('//img.filesun.com/partner/intro/topbanner_img.png') no-repeat;
		width: 1000px;
		height: 48px;
		margin: 0 auto;
	}
	article.topPoster {
		margin: 0 auto;
		margin-top: 15px;
		width: 1000px;
		height: 268px;
	}
	article.topPoster ul li {
		float: left;
		width: 194px;
		height: 268px;
		border-radius: 4px;
		overflow: hidden;
		background: #e0e0e0;
	}
	article.topPoster ul li:first-child { margin-left:0; }
	article.topPoster ul li > img { width: 194px; height: 268px; }
	article.contentsInfo { margin:0 auto; margin-top:25px; width:1000px; }
	article.contentsInfo section { display:inline-block; float:left;}
	article.contentsInfo section.info { width:710px; }
	article.contentsInfo section.info div.infoLeft { float:left; width:348px; }
	article.contentsInfo section.info div.infoRight { float:right; width:348px; }
	article.contentsInfo section.info div > div {
		margin-bottom: 8px;
		padding: 10px 0;
		width: 348px;
		height: 172px;
		box-sizing:border-box;
		position:relative;
	}
	article.contentsInfo section.info div>div li {
		display: inline-block;
		float: left;
	}
	article.contentsInfo section.info div>div li:first-child {
		width: 150px;
		height: 150px;
		border-radius: 4px;
		overflow: hidden;
		position: relative;
	}
	article.contentsInfo section.info div>div li:first-child img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
	}
	article.contentsInfo section.info div>div li:last-child {
		margin-left: 10px;
	}
	article.contentsInfo section.info div>div li ol {
		color: #292929;
	}
	article.contentsInfo section.info div>div li ol p {
		display: inline-block;
		border-radius: 4px;
		padding: 4px 14px;
		color: #fff;
		background: #4492fc;
		text-align: center;
		font-size: 13px;
	}
	article.contentsInfo section.info div>div li ol p:last-child {
		margin-left: 4px;
		background: #fc5144;
	}
	article.contentsInfo section.info div>div li ol.title {
		color: #212121;
		font-weight: bold;
		width: 170px;
		line-height: 17px;
		font-size: 13px;
	}
	article.contentsInfo section.info div > div li ol:nth-child(2) { margin-top:10px;  }
	article.contentsInfo section.info div > div li ol:nth-child(4) img {
		display:inline-block;
		background:url('//img.filesun.com/partner/intro/star_img.png') no-repeat;
		width:56px;
		height: 12px;
		vertical-align: middle;
	}
	article.contentsInfo section.info div>div li ol:last-child {
		position: absolute;
		bottom: 12px;
	}
	article.contentsInfo section.play {
		width: 270px;
		margin-left: 20px;
	}
	article.contentsInfo section.play div {
		width: 270px;
		height: 169px;
		margin-bottom: 10px;
	}
	article.contentsInfo section.play li {
		position: absolute;
		/*background:#e0e0e0;*/
		width: 270px;
		height: 160px;
		overflow: hidden;
		border-radius: 4px;
	}
	article.contentsInfo section.play div span {
		position: absolute;
		background: url('//img.filesun.com/partner/intro/play_img.png') no-repeat;
		width: 270px;
		height: 169px;
	}
	article.contentsInfo section.play div li img { width:100%; height: 142px; object-fit: cover;}

	footer {
		margin: 0 auto;
		margin-top: 30px;
		padding: 20px 0;
		width: 1000px;
		text-align: center;
		color: #adadad;
		font-size: 12px;
		font-family: 'Noto Sans KR', sans-serif;
	}

	/** 파트너 페이지 리뉴얼(25.10) **/
	 * {
        font-family: 'KoPub Dotum'; 
    }
    body {
        background-color: #202020;
    }
    h2 {
        margin: 16px 0 12px 0;
        font-family: 'KoPub Dotum'; 
        font-size: 22px;
        font-weight: 400;
        color: #ffffff;
    }
    #wrap {
        margin: 50px auto 0 auto;
        width: 80%;
    }
    #ad_video_player {
        width: 100%;
    }
    #swiper-wrap {
        width: 100%;
    }
    .swiper ul li img {
        width: 100%;
        border-radius: 8px;
    }
    .swiper-slide{
        margin-right: 10px;
    }
    #marquee-wrap {
        overflow: hidden;
        width: 100%;
        position: relative;
    }
    .reel {
        display: flex;       /* ul 두 개를 가로로 배치 */
        flex-wrap: nowrap;   /* 줄바꿈 방지 */
        will-change: transform;
    }
    .reel ul {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .reel li {
        flex: 0 0 auto;
        width: 200px;
        margin-right: 10px;
        text-align: center;
    }
    .poster {
        width: 200px;
        height: 130px;
        border-radius: 6px;
        overflow: hidden;
        position: relative;
    }
    .poster img {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        transform: translate(-50%, -50%);
        object-fit: cover;
    }
    .title {
        display: block;
        margin: 8px 0;
        font-size: 14px;
        white-space: nowrap;
        color: #a1a1a1;
    }
    .gif_partner img{
        width: 100%;
    }
	@media (min-width: 1024px) and (max-width: 1040px){
        .swiper-slide {
            margin-right: 74px;
        }
        .swiper ul li img{
            width: 200px;
            height: 285px;
        }
    }
	@media (min-width: 1041px) and (max-width: 1080px){
        .swiper-slide {
            margin-right: 88px;
        }
        .swiper ul li img{
            width: 220px;
            height: 314px;
        }
    }
    @media (min-width: 1081px) and (max-width: 1136px){
        .swiper-slide {
            margin-right: 102px;
        }
    }
    @media (min-width: 1081px) and (max-width: 1200px){
        .swiper ul li img{
            width: 240px;
            height: 343px;
        }
    }
    @media (min-width: 1137px) and (max-width: 1200px){
        .swiper-slide {
            margin-right: 96px;
        }
    }
    @media (min-width: 1201px) and (max-width: 2170px){
        .swiper-slide {
            margin-right: 128px;
        }
        .swiper ul li img{
            width: 280px;
            height: 400px;
        }
    }
    @media (min-width: 1301px) and (max-width: 1400px){
        .swiper-slide {
            margin-right: 114px;
        }
    }
    @media (min-width: 1401px) and (max-width: 1498px){
        .swiper-slide {
            margin-right: 100px;
        }
    }
    @media (min-width: 1499px) and (max-width: 1600px){
        .swiper-slide {
            margin-right: 90px;
        }
    }
    @media (min-width: 1601px) and (max-width: 1721px){
        .swiper-slide {
            margin-right: 74px;
        }
    }
    @media (min-width: 1722px) and (max-width: 1880px){
        .swiper-slide {
            margin-right: 58px;
        }
    }
    @media (min-width: 1881px) and (max-width: 2170px){
        .swiper-slide {
            margin-right: 22px;
        }
    }
    @media (min-width: 2171px) and (max-width: 2640px){
        .swiper ul li img{
            width: 320px;
            height: 457px;
        }
    }
    @media (min-width: 2171px) and (max-width: 2420px){
        .swiper-slide {
            margin-right: 38px;
        }
    }
    @media (min-width: 2421px) and (max-width: 2640px){
        .swiper-slide {
            margin-right: 16px;
        }
    }
    @media (min-width: 2641px) and (max-width: 2970px){
        .swiper ul li img{
            width: 360px;
            height: 513px;
        }
    }
    @media (min-width: 2641px) and (max-width: 2800px){
        .swiper-slide {
            margin-right: 16px;
        }
    }
    @media (min-width: 2801px) and (max-width: 2970px){
        .swiper-slide {
            margin-right: 0;
        }
    }
    @media (min-width: 2971px) and (max-width: 3210px){
        .swiper-slide {
            margin-right: 0;
        }
        .swiper ul li img{
            width: 380px;
            height: 542px;
        }
    }
    @media (min-width: 3211px) {
        .swiper-slide {
            margin-right: 28;
        }
        .swiper ul li img{
            width: 400px;
            height: 571px;
        }
    }