@import url(content.css);
.header { min-width:1280px;}
.header .pc2018_head { width: 1280px; }
.header .thin_nav { width: 1280px; margin-left: -640px; }
.container { width: 1280px;  }
.content { width: 100%; padding-bottom: 50px; }
.content h2 { font-size:19px; font-weight:bold; line-height:20px; padding:40px 0 20px; }
/* todaygame */
.content .todaygame { width: 100%; overflow: hidden; position:relative; margin-bottom:35px;}
.content .todaygame:before {
	content:""; width:100%; height:1px; overflow:hidden; position:absolute; left:0; top:22px;
	display:block; background:#cecece;z-index:-1;
}
.content .todaygame h2 {
	width:150px; height:40px; margin-right:40px; padding:0; font-size: 16px; line-height: 42px; text-align:center;
	border:2px solid #227fd5; border-radius:25px; background:#fff; float:left;
}
.content .todaygame h2 a { display: block; color: #227fd5; }
.content .todaygame a:hover { text-decoration:none; }
.content .todaygame .swipe_b { width: 1015px; overflow: hidden; float: left; position: relative;}
.content .todaygame ul { width: 100%;}
.content .todaygame ul li { width: 20%; float: left; padding:35px 10px 0 20px; box-sizing: border-box; position:relative;}
.content .todaygame ul li:before { 
	content:""; width:10px; height:10px; display:block; position:absolute; left:0; top:16px;
	overflow:hidden; border:2px solid #227fd5; border-radius:10px; background:#fff;
}
.content .todaygame strong { font-weight: normal; display: block; }
.content .todaygame span { color: #227fd5; }
.content .todaygame a:hover strong,
.content .todaygame a:hover span { text-decoration: underline; }
.content .todaygame .btn_b { position: absolute; right: 0; top: 8px }
.content .todaygame .btn_b a {
	width: 30px; height: 27px; display: block; border: 1px solid #cecece; float:left; background:#fff;
	color:#cecece; text-align:center; line-height:29px; font-size:12px;
}
.content .todaygame .btn_b a.btn_prev { margin-right:-1px; }
/* top_n */
.content .top_n ul { width: 100%; overflow:hidden; margin-bottom:15px;}
.content .top_n ul li { width: 305px; height: 300px; float: left; margin-right: 20px; }
.content .top_n ul li:last-child { margin-right:0; }
.content .top_n ul a { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }
.content .top_n ul a img { width: 100%; height: 100%; position: relative; }
.content .top_n ul a p { width: 100%; height: 40%; position: absolute; bottom: 0; left: 0; display: table; padding: 30px 0 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#227fd5+0,227fd5+100&0+4,0.6+53,1+100 */ background: -moz-linear-gradient(top, rgba(34,127,213,0) 0%, rgba(34,127,213,0) 4%, rgba(34,127,213,0.6) 53%, rgba(34,127,213,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(34,127,213,0) 0%,rgba(34,127,213,0) 4%,rgba(34,127,213,0.6) 53%,rgba(34,127,213,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(34,127,213,0) 0%,rgba(34,127,213,0) 4%,rgba(34,127,213,0.6) 53%,rgba(34,127,213,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00227fd5', endColorstr='#227fd5',GradientType=0 ); /* IE6-9 */ }
.content .top_n ul a:hover p { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d3d3d+0,3d3d3d+100&0+2,0.6+38,1+100 */ background: -moz-linear-gradient(top, rgba(61,61,61,0) 0%, rgba(61,61,61,0) 2%, rgba(61,61,61,0.6) 38%, rgba(61,61,61,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(61,61,61,0) 0%,rgba(61,61,61,0) 2%,rgba(61,61,61,0.6) 38%,rgba(61,61,61,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(61,61,61,0) 0%,rgba(61,61,61,0) 2%,rgba(61,61,61,0.6) 38%,rgba(61,61,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d3d3d', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-9 */ }

.content .top_n ul a p strong { padding: 0 24px; display: table-cell; vertical-align: middle; color: #fff; font-size: 24px; line-height: 1.25; }
/* new_n */
.content .new_n { width: 630px; float: left; margin-top:22px; box-sizing:border-box; padding:20px; background:#f5f5f5;}
.content .new_n li { font-size:18px; line-height:45px; }
.content .new_n li a { display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* nk_n */
.content .nk_n { width: 630px; float: left; }
.content .nk_n li { width: 305px; float: left; }
.content .nk_n li:nth-child(even) { float: right; }
.content .nk_n li a { width: 100%; overflow: hidden; display: block; font-size: 18px; line-height: 25px; }
.content .nk_n li a:first-child { height: 185px; margin-bottom: 17px; }
.content .nk_n li a:last-child { height: 50px; }
.content .nk_n li a img { width: 100%; min-height:100%;}
.content .nk_n li em { color: #227fd5; display: block; font-weight: 500; line-height: 22px; }
.content .nk_n.n2 { float: right; }
/* photo_n */
.content .photo_n { width: 630px; float:left; }
.content .photo_n li { width: 315px; height: 209px; float: left; }
.content .photo_n li:nth-child(even) { width:314px; float: right; }
.content .photo_n li a { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }
.content .photo_n li a img { position:relative; width:100%; min-height:100%;}
.content .photo_n li p { 
	position: absolute; bottom: 20px; left: 0; padding-bottom: 20px; width: 100%; opacity: 0; z-index: 11; 
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
.content .photo_n li a:hover p { opacity: 1; bottom:0;}
.content .photo_n li p strong { 
	display:block; color:#fff; font-size:19px; font-weight:500; padding:10px 49px 0 30px;
	text-shadow:0 0 7px rgba(0,0,0,1);
	background:url("http://img.nocutnews.co.kr/nocut/v3/main/ico_slide.png") no-repeat 270px bottom;
}

.content .photo_n li:nth-of-type(1) a:before { background: rgba(34,79,213,0.3); }
.content .photo_n li:nth-of-type(2) a:before { background: rgba(40,144,186,0.3); }
.content .photo_n li:nth-of-type(3) a:before { background: rgba(153,66,128,0.3); }
.content .photo_n li:nth-of-type(4) a:before { background: rgba(34,127,213,0.3); }
.content .photo_n li:nth-of-type(5) a:before { background: rgba(69,126,133,0.3); }
.content .photo_n li:nth-of-type(6) a:before { background: rgba(65,62,140,0.3); }
.content .photo_n li:nth-of-type(7) a:before { background: rgba(144,62,62,0.3); }
.content .photo_n li:nth-of-type(8) a:before { background: rgba(94,134,61,0.3); }
.content .photo_n li a:before {
	width: 100%; height: 100%; content: ""; position: absolute; top: 320px; left: 0; z-index: 10; 
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
.content .photo_n li a:hover:before { top: 0; left: 0; }
.content .photo_n.v_b {float:right; }
.content .photo_n.v_b li a p { bottom: 0; }
.content .photo_n.v_b li a p:after {
	z-index: 20; opacity: 1;
	transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;
	position: absolute; left: 50%; top: -80px; width: 70px; height: 68px; margin-left:-35px; content: "";
	background: url("http://img.nocutnews.co.kr/nocut/v3/special/pc18/bul_vod.png") no-repeat; 
	background-size:100% auto;
}
.content .photo_n.v_b li a:hover p:after { opacity: 0.9; }
.content .photo_n.v_b li p strong { background: none; }
/* interview */
.content .interview { width: 630px; float: right; position:relative; }
.content .interview h2 { padding-top:21px; }
.content .interview .swipe_b { width: 100%; height: 316px; overflow: hidden; }
.content .interview ul { width: 100%; float: left; position:relative;}
.content .interview li { width: 100%; height: 100%; float: left; background: #f7f9fa; }
.content .interview li a { width: 100%; height: 100%; display: block; position:relative;}
.content .interview li a b { width: 315px; height: 100%; float:left; overflow: hidden;}
.content .interview li a b img { 
	width: 100%; height:100%; 
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	transition:all ease .3s;
	-moz-transition:all ease .3s;
	-webkit-transition:all ease .3s;
	-o-transition:all ease .3s;
}
.content .interview li a:hover b img { 
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.content .interview li a p {
	width: 315px; height: 100%; float: left; box-sizing: border-box; padding: 30px 25px; position: relative; 
}
.content .interview li a p strong { display: block; font-size: 25px;  margin-bottom:10px; }
.content .interview li a p span { height:150px; display:block; overflow:hidden; color:#636363; line-height:25px; }
.content .interview li a:hover p span {text-decoration:underline;}
.content .interview li a em {
	width:315px; position: absolute; top: 15px; letter-spacing:0; line-height: 27px; z-index: 10;
}
.content .interview div ul li:nth-child(odd) a em { left: 0; text-align: right; }
.content .interview div ul li:nth-child(even) a em { right: 0; }
.content .interview div ul li a em:before { 
	content:""; position:absolute; top:0; left:0; width:17px; height:27px;
	background: url("http://img.nocutnews.co.kr/nocut/v3/special/pc18/bul_inter.png") no-repeat;
}
.content .interview div ul li:nth-child(odd) a em:before { left: 315px; }
.content .interview div ul li:nth-child(even) a em:before { left: -17px; background-position: right -53px; }
.content .interview div ul li a em span { color: #fff; background: #227fd5; padding: 0 10px; display: inline-block; }
.content .interview .btn_b { position: absolute; right: 0; top: 8px }
.content .interview .btn_b a {
	width: 22px; height: 20px; display: block; border: 1px solid #cecece; float:left; background:#fff;
	color:#cecece; text-align:center; line-height:21px; font-size:9px;
}
.content .interview .btn_b a.btn_prev { margin-right: -1px; }

/* most_n */
.content .most_n { width: 800px; float: left; position:relative;}
.content .most_n ol { width: 389px; height: 390px; float: left; overflow: hidden; border-top: 1px solid #dcdcdc; }
.content .most_n ol:nth-child(odd) {float:right;}
.content .most_n ol li { width: 100%; border-bottom: 1px solid #dcdcdc; }
.content .most_n ol li a { width: 100%; height: 77px; display:table; font-size: 18px; color: #000; line-height: 24px; }
.content .most_n ol li a span { display: table-cell; padding-right:10px; vertical-align: middle; }
.content .most_n ol li a em { 
	vertical-align: middle; display:table-cell; padding-right:10px;
	color: #cf0101; font-size: 15px;  font-weight: bold; 
}
.content .most_n ol li a:hover { color: #444; text-decoration: none; }
.content .most_n ol li a b { width: 103px; height: 77px; overflow: hidden; float: right; }
.content .most_n ol li a b img { width: 100%; height: 100%; min-height: 100%; }

/* medal */
.content .medal { width: 432px; float: right; }
.content .medal .ranking { width: 100%; }
.content .medal .ranking p { width: 100%; height: 110px; padding: 30px 0; background: #3467ae; box-sizing: border-box; }
.content .medal .ranking p * { float: left; }
.content .medal .ranking p { color: #fff; }
.content .medal .ranking p .num { width:155px; color: #fff; line-height: 49px; font-size:18px; padding-left:13px}
.content .medal .ranking p em { width: 73px; height: 49px; padding-left:25px; }
.content .medal .ranking p em img { width: 100%; height: 100%; }
.content .medal .ranking p .m_gold,
.content .medal .ranking p .m_silver,
.content .medal .ranking p .m_bronze { 
	width: 45px; height: 48px; overflow: hidden; padding-right:6px;
	line-height: 46px; color: #5a4c26; font-weight: bold; text-align: center;
	background: url("http://img.nocutnews.co.kr/nocut/v3/special/pc18/img_medal.png") no-repeat;
	background-size:auto 48px;
}
.content .medal .ranking p .m_silver { background-position: -51px 0; }
.content .medal .ranking p .m_bronze { background-position: -102px 0; margin-right: 0; }
.content .medal .ranking .m_gold b,
.content .medal .ranking .m_silver b,
.content .medal .ranking .m_bronze b { width: 1px; height: 1px; position: absolute; top: -300px; left: -300px; visibility: hidden; }
.content .medal .ranking li {
	width: 100%; display: block; line-height: 55px; text-align: center; overflow: hidden;
	border-bottom:1px solid #e1e1e1;font-size:18px; font-weight:400;
}
.content .medal .ranking li em,
.content .medal .ranking li span { float: left; }
.content .medal .ranking li em { width: 195px; text-align: left; }
.content .medal .ranking li em img { width: 43px; height: 29px; vertical-align: middle; border: 1px solid #e1e1e1; }
.content .medal .ranking li em span { float: none; padding-left: 13px; }
.content .medal .ranking li .num { width: 70px; color: #0570d0; font-size: 20px; font-weight: 600; font-style: italic; }
.content .medal .ranking li .m_gold,
.content .medal .ranking li .m_silver,
.content .medal .ranking li .m_bronze { width: 51px; font-weight: bold; }
.content .medal .ranking li .m_gold { color: #bc9532; }
.content .medal .ranking li .m_silver { color: #6f6f6f; }
.content .medal .ranking li .m_bronze { color: #a4663e; }

/* ban_b */
.content .ban_b { width: 432px; float: right; margin-top:80px; }
.content .ban_b a{ width: 100%; display:block; margin-top:30px; }