@CHARSET "UTF-8";
/*COMMON*/
/** body **/
body{min-width:922px;overflow:auto;width:100%;font-family:"Microsoft YaHei","나눔 고딕","Nanum Gothic","맑은 고딕","Malgun Gothic","Apple Gothic","돋움",Dotum,"Helvetica Neue",Helvetica,Arial,sans-serif !important;background:#fafafa;letter-spacing: 0.1px;}
input {font-family:"나눔 고딕","Nanum Gothic","맑은 고딕","Malgun Gothic","Apple Gothic","돋움",Dotum,"Helvetica Neue",Helvetica,Arial,sans-serif !important}
a {text-decoration: none;color:inherit;}
em {font-weight: bold;}
strong {font-weight:bold;}

/**iconfont**/
@font-face {font-family: 'iconfont';
    src: url('../icon/iconfont.eot'); /* IE9*/
    src: url('../icon/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../icon/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../icon/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../icon/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/**banner swipe**/
.swipe {overflow: hidden;visibility: hidden;position: relative;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {float:left;width:100%;position: relative;}
.swipe img {width:100%;height:auto;}
.swipe ol {background:rgba(0,0,0,.55);width:100%;text-align:right;margin-top:-20px;position:relative;z-index:99;height:18px;}
.swipe ol li {display: inline-block;width: 6px;height: 6px;border-radius: 6px;background: #a4a4a4;margin: 0 2px;cursor: pointer;position:relative;top:-2px;}
.swipe ol li.on {background:white;box-shadow: none;}

/** header **/
.header {color:#707070;background: white;}
.logo_wrapper {height:60px;line-height:28px;padding-top: 20px;padding-bottom:16px;width:922px;margin:0 auto;}
.logo {padding-left: 13px;}
.logo img {height: 28px;}
.lang {padding-right:13px;font-size:16px;}
.lang:hover {color: #00d7c5;}
.nav_wrapper {width:100%;height:40px;line-height: 40px;border-bottom:solid 4px #bababa;}
.nav {width:922px;margin:0 auto;}
.nav li a {display:inline-block;padding:10px 15px 8px;font-size:18px;line-height: 22px;}
.selected1 {background: #d63e34;color: white;font-weight: bold;} .selected2 {background:#339de7 ;color: white;font-weight: bold;} .selected3 {background: #67ca98;color: white;font-weight: bold;} .selected4 {background: #d6548f;color: white;font-weight: bold;}
.nav_sub {border-top:solid 4px #bababa;position:absolute;left:0;top:137px;width: 100%;height: 40px;line-height: 40px;background:white;opacity: 0.8; z-index: 99999;}
.nav_sub .sub_wrapper {width: 922px;margin: 0 auto;}
.nav_sub .sub_wrapper a {display:inline-block;padding:10px 15px 8px;font-size:14px;line-height: 22px;color: #707070;}
.nav_sub .sub_wrapper a:hover {color: #282828;}
.nav_sub .sub_wrapper a.selected {color:#282828;}

/** footer **/
.footer {width: 890px;padding: 20px 15px;border: solid 1px #e0e0e0;margin: 50px auto;background: white;}
.footer ul {border-bottom: solid 1px #e0e0e0;padding-bottom: 20px;}
.footer li {width: 174.5px;padding-left: 48px;padding-right: 0px;font-size: 11px;color:#afafaf;}
.footer li p {line-height: 1.5;} .footer li p:hover{color: #008fcb;}
.footer .copyright {padding:20px 0 0;text-align: center;color: #afafaf;font-size: 12px;}

/*PAGES*/
/** page = index **/
.banner {max-width:1920px;overflow:hidden;width:100%;margin:0 auto;height: 360px;cursor: pointer;}
.banner_btn {width:922px;margin:0 auto;height:360px;background: transparent;cursor:pointer;margin-top: -360px;}
.banner_left_btn {position:relative;top:156px;left:-40px;font-size:48px;font-weight:bold;color:#8b8b8b;cursor:pointer;}
.banner_right_btn {position:relative;top:156px;right:-40px;font-size:48px;font-weight:bold;color:#8b8b8b;cursor:pointer;}
.banner_left_btn:hover {color:#0499d2;}.banner_right_btn:hover {color:#0499d2;}
.banner_img_btn {position: relative;top:260px;left:600px;}
.banner_img_btn .iconfont {font-size:16px;display: inline-block;height:40px;width:40px;line-height: 40px;text-align: center;color:white;background-color: #62c5f4;}
.banner_img_btn .text {font-size:16px;display: inline-block;height:40px;width:100px;line-height: 40px;text-align: center;color:white;background-color: #b8b8b8;position: relative;top:-1px;}

.news {width:912px;margin:30px auto 8px;margin-top:30px;height:40px;line-height: 40px;border-bottom: solid 1px #e0e0e0;}
.news h2 {font-size:24px;color:#666;margin-left:20px;} h2:hover {color:#8b8b8b;cursor: default;}
.news_content {width: 912px;margin:0 auto;cursor: pointer;height: 44px;}
.news_content p.news_date {margin-left:20px;font-size:9px;color:#808080;}
.news_content p.news_name {margin-left:20px;font-size:18px;color:#333;margin-top:4px;line-height: 26px;}
.news_content p.news_name .news_link {font-size:9px;color:#008FCB;margin-left:3px;}
.news .news_index_wrapper {position: relative;top:24px;}
.news_index {height: 8px;width: 8px;background: #ccc;margin-right: 5px;cursor: pointer;}
.news_index:hover {background: #808080;}
.news li.checked {background: #808080;}

.aboutus {width: 922px;margin: 60px auto 0;}
.aboutus li {width:297px;padding: 0 5px;cursor: pointer;}
.logo_aboutus {text-align: center;border-bottom:solid 4px #d1d1d1;}
.logo_aboutus img {height: 220px;width: 220px;}
.readmore_aboutus {margin-top: 10px;}
.readmore_aboutus .iconfont {display:inline-block;width: 40px;height: 40px;line-height:40px;text-align:center;font-size: 16px;color: white;background: #808080;position: relative;top: -1px;}
.readmore_aboutus .text {position:relative;display: inline-block;width: 237px;height:40px;line-height:40px;padding-left: 20px;background:#afafaf; color:white;font-size:16px;}

.games {width: 912px;margin:50px auto 0;}
.games h2 {font-size:24px;color:#666;padding-left:20px;height:40px;line-height: 40px;border-bottom: solid 1px #e0e0e0;margin-bottom: 20px;} h2:hover {color:#8b8b8b;cursor: default;}
.game_wrapper {}
.bk_game {padding:0 2px;width: 224px;text-align: center;cursor: pointer;}
.bk_game img {width: 100%;height: 189px;}
.bk_game p {width: 184px;height: 93px;padding: 20px 20px 0 20px;text-align: left;color:#333;font-size: 18px;background: white;font-weight: 600;}
.readmore_game .iconfont {display:inline-block;width: 32px;height: 32px;line-height:32px;text-align:center;font-size: 13px;color: white;background: #808080;position: relative;top:-2px;}
.readmore_game .text {position:relative;display: inline-block;width: 172px;height:32px;line-height:32px;padding-left: 20px;background:#afafaf; color:white;font-size:16px;text-align: left;}

/** page = gamelist **/
.ph_gamelist {height: 20px;width: 100%;}

/** page = game **/
.game_banner {height: 360px;width: 100%;background: #000;text-align: center;}
.game_banner img {height: 360px;width: 1024px;display: inline-block;}
.game_content_wrapper {width: 922px; margin:30px auto;}
.game_content {width: 671px;margin-right: 27px;}
.game_info {width: 224px;}
.game_content h1 {font-size: 30px;line-height: 33px;padding: 0 5px;color: rgb(102, 102, 102);}
.game_detail {margin-top: 11px;margin: 16px 0px;font-size: 14px;line-height: 24px;}
.game_detail p {margin-bottom: 10px;}
.game_detail img {max-width: 671px;}

.game_info .game_info_headimg img {width: 224px;height: 189px;}
.game_shortdes_title {margin-top:10px;background: #333;text-align: center;height: 40px;line-height: 40px;font-size: 18px;color: white;}
.game_shortdes_title .iconfont {width: 40px;height: 40px;display: inline-block;background: #0090cc;text-align: center;font-size: 20px;color: white;}
.game_shortdes {font-style: italic;padding: 12px;font-size: 14px;color: rgb(128,128,128);border-bottom: solid 1px #e0e0e0;background: #f4f4f4;line-height: 18px;}

.game_prop {padding: 9px 7px;border-bottom: solid 1px #e0e0e0;border-top: solid 1px #e0e0e0;background:#f4f4f4;margin-top: 10px; }
.game_prop p {font-size: 11px;color: #808080;line-height:18px;padding: 0 5px;}
.game_prop p em {color:#333;}

/** page = newslist **/
.banner_news_wrapper {width: 100%;height: 320px;
   background: url("../images/bg.jpg");
   background-size: 100% 320px;
}
.banner_news {width: 792px;margin: 0 auto; padding:75px 65px 35px;color:white;line-height: 1.2;}
.banner_news img {width: 224;height: 189px;margin-right: 30px;}
.banner_news_date {font-size: 14px;margin-bottom: 10px;}
.banner_news_title {font-size: 16px;}
.banner_news_name {font-size: 24px;margin: 5px 0 10px;max-width: 538px;}
.banner_news_des {font-size: 12px;}
.banner_news_btn {cursor:pointer;margin-top:15px;text-align:center;width: 149px;height: 36px;line-height: 36px;font-size: 16px;background: #3290c8;}
.banner_news_btn:hover{background: #0d3552;}

.newslist_wrapper {width: 922px;margin: 20px auto;}
.newslist_wrapper h1 {font-size: 18px;color:#666;line-height: 1.2;margin-bottom: 11px;}
.newslist{border-bottom: solid 1px #ddd;}
.newslist li {cursor:pointer;color:#808080;font-size: 13px;width: 890px;padding: 10px 15px;background: white;border: solid 1px #ddd;border-bottom: none;}
.newslist li:hover {background:#e0e0e0;}
.newslist img {width: 93px;height: 79px;margin-right: 40px;}
.newslist .news_name {color:#008fcb;margin-bottom: 5px;margin-left: 0px;font-size: 18px;line-height: 26px;}
.newslist .news_date {margin-top: 15px;margin-left: 0;}

.news_body {width: 100%;background: url("../images/bg_news.png") no-repeat;background-size: 100% 200px;padding-top: 130px;}
.news_content_wrapper {width: 922px; margin:0 auto 30px;}
.news_info_b {width: 224px;}
.news_content_b {width: 671px;margin-right: 27px; }
.news_content_b h1 {font-size: 30px;line-height: 33px;padding: 0 5px;color: rgb(102, 102, 102);}
.news_content_b img {width: 100%;}
.news_info_b .news_info_headimg img {width: 224px;height: 189px;}
.news_prop {padding: 9px 7px;border-bottom: solid 1px #e0e0e0;border-top: solid 1px #e0e0e0;background:#f4f4f4;margin-top: 10px; }
.news_prop p {font-size: 11px;color: #808080;line-height:18px;padding: 0 5px;}
.news_prop p em {color:#333;}

/** page = info pages **/
.info_page {width: 912px;margin:50px auto 0;}
.info_page h2 {font-size:24px;color:#666;padding-left:20px;height:40px;line-height: 40px;border-bottom: solid 1px #e0e0e0;margin-bottom: 20px;} h2:hover {color:#8b8b8b;cursor: default;}
.info_content {font-size: 14px;color:#808080;}
.info_content img {max-width:912px;}