@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}


.ctt_admin .btn_admin{display: none;}

.list_wrap ~ .list_wrap {margin-top:2.25rem}
.list_wrap h2 {font-size:2rem;font-weight:500;color:#fff;line-height:2rem}
.list_wrap ul {display:flex;flex-wrap:wrap}
.list_wrap ul li {position:relative;width:24.516127%;margin:0.5rem 0 0 0.645164%}
.list_wrap ul li:nth-child(4n+1) {margin-left:0}
.list_wrap ul li a {display:block;position:relative}
.list_wrap ul li a:hover:before {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:0.25rem solid #258fbd}
.list_wrap ul li a:hover:after {content:"PLAY";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10.65rem;height:3.2rem;background:#258fbd;border-radius:1rem;font-size:1.5rem;font-weight:700;color:#fff;line-height:3.2rem;text-align:center}
.list_wrap ul li a img {display:block;width:100%;height:auto}
.banner_game{width: 100%;margin-top: 0.5rem;}

@media screen and (max-width:1670px){html,body {font-size:19.8809523809524px}}
@media screen and (max-width:1660px){html,body {font-size:19.7619047619048px}}
@media screen and (max-width:1650px){html,body {font-size:19.6428571428571px}}
@media screen and (max-width:1640px){html,body {font-size:19.5238095238095px}}
@media screen and (max-width:1630px){html,body {font-size:19.4047619047619px}}
@media screen and (max-width:1620px){html,body {font-size:19.2857142857143px}}
@media screen and (max-width:1610px){html,body {font-size:19.1666666666667px}}
@media screen and (max-width:1600px){html,body {font-size:19.047619047619px}}
@media screen and (max-width:1590px){html,body {font-size:18.9285714285714px}}
@media screen and (max-width:1580px){html,body {font-size:18.8095238095238px}}
@media screen and (max-width:1570px){html,body {font-size:18.6904761904762px}}
@media screen and (max-width:1560px){html,body {font-size:18.5714285714286px}}
@media screen and (max-width:1550px){html,body {font-size:18.452380952381px}}
@media screen and (max-width:1540px){html,body {font-size:18.3333333333333px}}
@media screen and (max-width:1530px){html,body {font-size:18.2142857142857px}}
@media screen and (max-width:1520px){html,body {font-size:18.0952380952381px}}
@media screen and (max-width:1510px){html,body {font-size:17.9761904761905px}}
@media screen and (max-width:1500px){html,body {font-size:17.8571428571429px}}
@media screen and (max-width:1490px){html,body {font-size:17.7380952380952px}}
@media screen and (max-width:1480px){html,body {font-size:17.6190476190476px}}
@media screen and (max-width:1470px){html,body {font-size:17.5px}}
@media screen and (max-width:1460px){html,body {font-size:17.3809523809524px}}
@media screen and (max-width:1450px){html,body {font-size:17.2619047619048px}}
@media screen and (max-width:1440px){html,body {font-size:17.1428571428571px}}
@media screen and (max-width:1430px){html,body {font-size:17.0238095238095px}}
@media screen and (max-width:1420px){html,body {font-size:16.9047619047619px}}
@media screen and (max-width:1410px){html,body {font-size:16.7857142857143px}}
@media screen and (max-width:1400px){html,body {font-size:16.6666666666667px}}
@media screen and (max-width:1390px){html,body {font-size:16.547619047619px}}
@media screen and (max-width:1380px){html,body {font-size:16.4285714285714px}}
@media screen and (max-width:1370px){html,body {font-size:16.3095238095238px}}
@media screen and (max-width:1360px){html,body {font-size:16.1904761904762px}}
@media screen and (max-width:1350px){html,body {font-size:16.0714285714286px}}
@media screen and (max-width:1340px){html,body {font-size:15.952380952381px}}
@media screen and (max-width:1330px){html,body {font-size:15.8333333333333px}}
@media screen and (max-width:1320px){html,body {font-size:15.7142857142857px}}
@media screen and (max-width:1310px){html,body {font-size:15.5952380952381px}}
@media screen and (max-width:1300px){html,body {font-size:15.4761904761905px}}
@media screen and (max-width:1290px){html,body {font-size:15.3571428571429px}}
@media screen and (max-width:1280px){html,body {font-size:15.2380952380952px}}
@media screen and (max-width:1270px){html,body {font-size:15.1190476190476px}}
@media screen and (max-width:1260px){html,body {font-size:15px}}
@media screen and (max-width:1250px){html,body {font-size:14.8809523809524px}}
@media screen and (max-width:1240px){html,body {font-size:14.7619047619048px}}
@media screen and (max-width:1230px){html,body {font-size:14.6428571428571px}}
@media screen and (max-width:1220px){html,body {font-size:14.5238095238095px}}
@media screen and (max-width:1210px){html,body {font-size:14.4047619047619px}}
@media screen and (max-width:1200px){html,body {font-size:14.2857142857143px}}
@media screen and (max-width:1190px){html,body {font-size:14.1666666666667px}}
@media screen and (max-width:1180px){html,body {font-size:14.047619047619px}}
@media screen and (max-width:1170px){html,body {font-size:13.9285714285714px}}
@media screen and (max-width:1160px){html,body {font-size:13.8095238095238px}}
@media screen and (max-width:1150px){html,body {font-size:13.6904761904762px}}
@media screen and (max-width:1140px){html,body {font-size:13.5714285714286px}}
@media screen and (max-width:1130px){html,body {font-size:13.452380952381px}}
@media screen and (max-width:1120px){html,body {font-size:13.3333333333333px}}
@media screen and (max-width:1110px){html,body {font-size:13.2142857142857px}}
@media screen and (max-width:1100px){html,body {font-size:13.0952380952381px}}
@media screen and (max-width:1090px){html,body {font-size:12.9761904761905px}}
@media screen and (max-width:1080px){html,body {font-size:12.8571428571429px}}
@media screen and (max-width:1070px){html,body {font-size:12.7380952380952px}}
@media screen and (max-width:1060px){html,body {font-size:12.6190476190476px}}
@media screen and (max-width:1050px){html,body {font-size:12.5px}}
@media screen and (max-width:1040px){html,body {font-size:12.3809523809524px}}
@media screen and (max-width:1030px){html,body {font-size:12.2619047619048px}}
@media screen and (max-width:1020px){html,body {font-size:12.1428571428571px}}
@media screen and (max-width:1010px){html,body {font-size:12.0238095238095px}}
@media screen and (max-width:1000px){html,body {font-size:11.9047619047619px}}
@media screen and (max-width:990px){html,body {font-size:11.7857142857143px}}
@media screen and (max-width:980px){html,body {font-size:11.6666666666667px}}
@media screen and (max-width:970px){html,body {font-size:11.547619047619px}}
@media screen and (max-width:960px){html,body {font-size:11.4285714285714px}}
@media screen and (max-width:950px){html,body {font-size:11.3095238095238px}}
@media screen and (max-width:940px){html,body {font-size:11.1904761904762px}}
@media screen and (max-width:930px){html,body {font-size:11.0714285714286px}}
@media screen and (max-width:920px){html,body {font-size:10.952380952381px}}
@media screen and (max-width:910px){html,body {font-size:10.8333333333333px}}
@media screen and (max-width:900px){html,body {font-size:10.7142857142857px}}
@media screen and (max-width:890px){html,body {font-size:10.5952380952381px}}
@media screen and (max-width:880px){html,body {font-size:10.4761904761905px}}
@media screen and (max-width:870px){html,body {font-size:10.3571428571429px}}
@media screen and (max-width:860px){html,body {font-size:10.2380952380952px}}
@media screen and (max-width:850px){html,body {font-size:10.1190476190476px}}
@media screen and (max-width:840px){html,body {font-size:10px}}