@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:none 0;}
h1, h2, h3, h4, h5, h6 {font-size:12px}
img, fieldset, iframe {border:0 none}
table, div {border-collapse: collapse; font-size:12px}
textarea {overflow:auto; outline-style:none; font-family:Dotum}
select, input, img, li {vertical-align:middle; text-align:left; font-size:12px; font-family:'Nanum Gothic', Dotum, sans-serif; outline-style:none}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal}
ul, li, ol {list-style-type:none}
legend, caption {display:none}
hr {border-collapse:collapse; display:none}
a { text-decoration:none; cursor:pointer; color:#333}
body {background:url('./gp_bg.png') no-repeat center top #090909;background-size:100% auto}
::-webkit-scrollbar {display: none;}
::selection {background:#29a7e1;color: #FFF;text-shadow: none;}
::-moz-selection {background:#29a7e1;color: #FFF;text-shadow: none;}
::-webkit-selection {background:#29a7e1;color: #FFF;text-shadow: none;}

.header {width:1200px;height:270px;margin:0 auto 20px;background:url('./gp_logo.png') no-repeat center bottom;background-size:auto 260px;}
.section {width:1200px;height:1300px;margin:auto;*background:rgba(255,255,255,0.05);position:relative;}
.section > ul {width:1200px;font-size:0;}
.section > ul > li {width:224px;height:270px;display:inline-block;transition:all ease 0.3s;cursor:pointer;margin-right:20px;margin-bottom:20px;}
.section > ul > li:nth-child(5), .section > ul > li:nth-child(10), .section > ul > li:nth-child(15), .section > ul > li:nth-child(20), .section > ul > li:nth-child(25) {margin-right:0;}
.section > ul > li:nth-child(21), .section > ul > li:nth-child(22), .section > ul > li:nth-child(23), .section > ul > li:nth-child(24), .section > ul > li:nth-child(25) {margin-bottom:0;}
.section > ul > li .li_hover {width:224px;height:270px;background:url('./gp_game_hover.png') no-repeat left top;display:none;transition:all ease 0.3s;}
.section > ul > li:hover .li_hover {display:block;}

.left_ban {width:140px;position:absolute;left:-150px;top:0;}
.left_ban > img {width:140px;height:auto;margin-bottom:10px;}

.right_ban {width:140px;position:absolute;right:-150px;top:0;}
.right_ban > img {width:140px;height:auto;margin-bottom:10px;}



.footer {width:1500px;height:300px;margin:auto;background:url('./gp_bg_box.png') no-repeat center bottom;background-size:100% auto;}