/*main_header*/
.main_header{width:100%; height:110px; min-width:1200px; border-bottom:3px solid #e54700; position:relative; min-width:1200px;}
.main_header h1{width:303px; height:83px; position:absolute; left:50%; top:18px; margin-left:-151px;}
.main_header nav{width:1140px; height:113px; margin:0 auto;position:relative;overflow:auto;}
.main_header nav .allgames .btn_allgames{width:96px; height:26px; background:url("https://img.cogame.com/images/main/title_01.png") no-repeat 0 0; float:left; margin-top:70px; margin-left:30px;padding-bottom:17px;cursor:pointer;}
.main_header nav .allgames .allgames_list{width:100%; height:0; background-color:rgba(0,0,0,0.8); position:absolute; top:113px; left:0; z-index:9999; overflow:hidden; transition:height linear 0ms;}
.main_header nav .allgames .allgames_list .inner{width:1140px; margin:0 auto;}
.main_header nav .allgames .allgames_list .inner ul{width:150px; height:300px; float:left; margin-top:30px;}
.main_header nav .allgames .allgames_list .inner ul li.title{color:#fff; font-weight:bold; font-size:16px; line-height:30px;}
.main_header nav .allgames .allgames_list .inner ul li{line-height:20px; color:#ccc;}
.main_header nav .allgames .allgames_list .inner ul li a{color:#ccc;}
.main_header nav .allgames .allgames_list .inner ul li a:hover{color:#e54700;}
.main_header nav .allgames .btn_allgames:hover .allgames_list{height:360px;transition:height linear 200ms;transition:height linear 200ms;}
.main_header nav ul.top_nav{float:right; margin-top:70px; margin-right:0;}
.main_header nav ul.top_nav a{width:100%; height:100%; overflow:hidden; display:block; text-indent:-9999px;}
.main_header nav ul.top_nav li{height:29px; background:url("https://img.cogame.com/images/common/title.png") no-repeat 0 0; float:left; margin-left:10px;}
.main_header nav ul.top_nav li.nav_01{width:92px; background-position:-101px 0;}
.main_header nav ul.top_nav li.nav_02{width:75px; background-position:-203px 0;}
.main_header nav ul.top_nav li.nav_03{width:70px; background-position:-286px 0;}
.main_header nav ul.top_nav li.nav_04{width:70px; background-position:-363px 0;}
.main_header .top-banner {position:absolute;left:0;bottom:0;}
.main_container .wing-banner {position:absolute;margin-left:330px;}
/*메인배너+로그인*/
.main_container{min-width:1200px;}
.main_container .top{width:100%; height:360px; background:url("https://img.cogame.com/images/main/main_bg.gif") repeat-x 0 0; overflow:hidden;}
.main_container .top .inner{width:1140px; height:300px; margin:0 auto; margin-top:30px;}
.main_container .top .inner .main_banner{float:left;position:relative;overflow:hidden;width:815px;height:300px;}
.main_container .top .inner .main_banner .banner {width:815px;height:300px;position:relative;}
.main_container .top .inner .main_banner .banner li {position:absolute;left:0;top:0;width:815px;height:300px;}
.main_container .top .inner .main_banner .banner li a {display:block;width:815px;height:300px;}
.main_container .top .inner .main_banner .banner_dot{position:absolute; top:265px; left:35px;z-index:10;}
.main_container .top .inner .main_banner .banner_dot li{width:10px; height:10px; background-color:#fff; border-radius:50%; float:left; margin-right:5px;cursor:pointer;}
.main_container .top .inner .main_banner .banner_dot li.rslides_here{background-color:#e54700;}
.main_container .top .inner .main_banner .banner_dot li a{width:100%; height:100%; display:block;}
.main_container .top .inner .loginbox{width:325px; height:300px; background-color:#fff; float:right;}
.main_container .top .inner .loginbox .notice {height:50px;border-bottom:1px dashed #cfcfcf;}
.main_container .top .inner .loginbox .notice > div {width:214px;margin:0 auto;position:relative;padding:10px 0 10px 36px;}
.main_container .top .inner .loginbox .notice > div span.text_brown {display:inline-block;line-height:30px;width:36px;position:absolute;left:0;top:10px;}
.main_container .top .inner .loginbox .notice > div span.content {display:block;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_container .top .inner .loginbox .login_set{width:250px; margin:0 auto; margin-top:20px;}
.main_container .top .inner .loginbox .login_set label{color:#666666;}
.main_container .top .inner .loginbox .login_set .input_id{width:243px; height:45px; border:1px solid #afb1b6; margin-top:5px; background:url("https://img.cogame.com/images/main/icon_id.png") no-repeat 210px 5px;}
.main_container .top .inner .loginbox .login_set .input_pw{width:243px; height:45px; border:1px solid #afb1b6; border-top:none; background:url("https://img.cogame.com/images/main/icon_pw.png") no-repeat 210px 5px;}
.main_container .top .inner .loginbox .login_set input.inputbg{width:180px; height:42px; padding-left:20px; border:none;}
.main_container .top .inner .loginbox .login_set .login_option{font-size:13px; text-align:center; margin:5px 0;}
.main_container .top .inner .loginbox .login_set .login_option button {margin:0 7px; color:#666;background:none;border:none;}
.main_container .top .inner .loginbox .login_set .login_option .text_org{font-weight:bold;}
.main_container .top .inner .loginbox .login_set .btn_login{width:243px; height:50px; background-color:#e54700; border:1px solid #c43e02; border-radius:3px; text-align:center; line-height:50px; font-size:16px;}
.main_container .top .inner .loginbox .login_set .btn_login button[type=submit]{display:block; width:100%; height:100%; color:#ffffff; font-weight:bold;background:none;border:none;font-size:16px;cursor:pointer;position:relative;}
.main_container .top .inner .loginbox .login_after{width:250px; margin:0 auto; margin-top:23px;}
.main_container .top .inner .loginbox .login_after .my_set:after{display:block; clear:both; content:'';}
.main_container .top .inner .loginbox .login_after .my_set .img_avatar{float:left; position:relative;}
.main_container .top .inner .loginbox .login_after .my_set .img_avatar > img{border:1px solid #777;}
.main_container .top .inner .loginbox .login_after .my_set .img_avatar .icon_vip{position:absolute; top:-11px; left:-3px;}
.main_container .top .inner .loginbox .login_after .my_set .info{width:150px; float:right; margin-top:-5px;}
.main_container .top .inner .loginbox .login_after .my_set .info li{line-height:18px; color:#666; letter-spacing:-1px; font-size:11px;}
.main_container .top .inner .loginbox .login_after .my_set .info li.user_id{font-size:16px; font-weight:bold; color:#333; line-height:35px;}
.main_container .top .inner .loginbox .login_after .my_set .info li.user_id .icon{display:inline-block;*display:inline;*zoom:1; width:16px; height:16px;}
.main_container .top .inner .loginbox .login_after .my_set .info li.user_id .icon a{display:block; width:100%; height:100%;}
.main_container .top .inner .loginbox .login_after .my_set .info li span{display:inline-block;*display:inline;*zoom:1;}
.main_container .top .inner .loginbox .login_after .my_set .info li span.name{width:50px;}
.main_container .top .inner .loginbox .login_after .my_set .info li span.align_right{width:60px;text-align:right;}
.main_container .top .inner .loginbox .login_after .my_set .info li a{display:inline-block;*display:inline;*zoom:1; font-size:10px; margin-left:2px;}
.main_container .top .inner .loginbox .login_after .my_set .info li a.btn_org{width:30px; height:12px; line-height:12px; border-radius:2px;}
.main_container .top .inner .loginbox .login_after .my_set .info li a.btn_lgray{width:30px; height:12px; line-height:12px; border-radius:2px;}
.main_container .top .inner .loginbox .login_after .my_set .info li span > a{font-size:11px; color:#333;margin-left:0;}
.main_container .top .inner .loginbox .login_after .my_btn_set{margin-top:10px;}
.main_container .top .inner .loginbox .login_after .my_btn_set:after{display:block; clear:both; content:'';}
.main_container .top .inner .loginbox .login_after .my_btn_set a.btn_myhome{width:118px; height:37px; background-color:#38393f; border:1px solid #292a2f; display:block; color:#fff; text-align:center; line-height:37px; float:left;}
.main_container .top .inner .loginbox .login_after .my_btn_set a.btn_mybox{width:118px; height:37px; background-color:#4c4e59; border:1px solid #3a3b44; display:block; color:#fff; text-align:center; line-height:37px; float:right;}
.main_container .top .inner .loginbox .my_access{margin-top:10px;}
.main_container .top .inner .loginbox .my_access span{font-size:11px; color:#999;}
.main_container .top .inner .loginbox .my_access a{float:right; border:1px solid #999; font-size:11px; padding:2px 5px;}
/*메인중간배너*/
.main_container .middle_banner{width:100%; height:145px; background-color:#f3f3f3; border-bottom:1px solid #c7c9cd; overflow:hidden;}
.main_container .middle_banner .inner{width:1140px; height:168px; margin:0 auto;}
.main_container .middle_banner .inner ul li{width:378px; height:168px; float:left; border-left:1px solid #c7c9cd;}
.main_container .middle_banner .inner ul li.last{border-right:1px solid #c7c9cd;}
/*웹게임*/
.main_container .webgame_list{width:1140px; margin:0 auto; margin-top:20px;}
.main_container .webgame_list:after{display:block; clear:both; content:'';}
.main_container .webgame_list .title{position:relative;}
.main_container .webgame_list .title span.title_txt{display:inline-block;*display:inline;*zoom:1; width:63px; height:22px; background:url("https://img.cogame.com/images/common/title.png?t=3") no-repeat -412px -37px;}
.main_container .webgame_list .title .arrow_set{position:absolute; top:0; right:3px;}
.main_container .webgame_list .title .arrow_set a{display:block; width:100%; height:100%;}
.main_container .webgame_list .title .arrow_set .arrow_left{width:19px; height:19px; background:url("https://img.cogame.com/images/common/icon.png") no-repeat 0 0; float:left;}
.main_container .webgame_list .title .arrow_set .arrow_right{width:19px; height:19px; background:url("https://img.cogame.com/images/common/icon.png") no-repeat -23px 0; float:right;}
.main_container .webgame_list ul li{float:left; margin-right:16px; margin-top:5px;}
/*.main_container .webgame_list ul li img{border-radius:5px;}*/
.main_container .webgame_list ul li.last{margin-right:0;}
.main_container .webgame_list ul li p{color:#42454c; margin-top:5px;font-size:14px; font-weight:bold; text-indent:5px;}
.main_container .webgame_list ul li p.txt_s{margin-top:2px; font-weight:normal; font-size:11px; color:#888;}
/*공지사항+모바일게임+이벤트*/
.main_container .section02{width:1140px; margin:0 auto; margin-top:40px;}
.main_container .section02:after{display:block; clear:both; content:'';}
.main_container .section02 .notice_pre{width:368px; float:left;}
.main_container .section02 .title{font-size:17px; font-weight:bold; margin-bottom:5px;}
.main_container .section02 .notice_pre .title span.title_txt{display:inline-block;*display:inline;*zoom:1; width:62px; height:22px; background:url("https://img.cogame.com/images/common/title.png") no-repeat -100px -37px;}
.main_container .section02 .title span.icon_more{font-size:12px; font-weight:normal; float:right;}
.main_container .section02 .title span.icon_more a{color:#3d3d3d;}
.main_container .section02 ul.board_list li{line-height:25px; font-size:14px;}
.main_container .section02 ul.board_list li span.day{float:right; color:#979797;}
.main_container .section02 .event_pre{width:368px; float:left;margin-left:16px;}
.main_container .section02 .event_pre .title span.title_txt{display:inline-block;*display:inline;*zoom:1; width:50px; height:22px; background:url("https://img.cogame.com/images/common/title.png") no-repeat -176px -37px;}
.main_container .section02 .m_game_list{width:315px; float:right; margin-left:16px;}
.main_container .section02 .m_game_list .title{position:relative; margin-bottom:5px;}
.main_container .section02 .m_game_list .title span.title_txt{display:inline-block;*display:inline;*zoom:1; width:81px; height:22px; background:url("https://img.cogame.com/images/common/title.png") no-repeat -2px -37px;}
.main_container .section02 .m_game_list .title .arrow_set{position:absolute; top:0; right:10px;}
.main_container .section02 .m_game_list .title .arrow_set a{display:block; width:100%; height:100%;}
.main_container .section02 .m_game_list .title .arrow_set .arrow_left{width:19px; height:19px; background:url("https://img.cogame.com/images/common/icon.png") no-repeat 0 0; float:left;}
.main_container .section02 .m_game_list .title .arrow_set .arrow_right{width:19px; height:19px; background:url("https://img.cogame.com/images/common/icon.png") no-repeat -23px 0; float:right;}
.main_container .section02 .m_game_list ul.inner_list li{float:left; margin-right:10px;}
.main_container .section02 .m_game_list ul.inner_list li p{text-align:center; font-size:12px;}
/*아이템샵+사이드배너*/
.main_container .section01{width:1140px; margin:0 auto; margin-top:20px;}
.main_container .section01:after{display:block; clear:both; content:'';}
.main_container .section01 .thumb_item{width:755px; float:left;}
.main_container .section01 .thumb_item ul.tab{width:800px; height:44px; margin-bottom:25px;}
.main_container .section01 .thumb_item ul.tab li{width:187px; height:44px; line-height:40px; font-size:14px; font-weight:bold; float:left; margin-right:-1px;} 
.main_container .section01 .thumb_item ul.tab li:first-child{width:186px;}
.main_container .section01 .thumb_item ul.tab li button {width:100%;height:100%;border:none;background:none;}
.main_container .section01 .thumb_item ul.tab li.active {background-color:#3d3d3d;border:1px solid #282828;}
.main_container .section01 .thumb_item ul.tab li.active a {color:white;}
.main_container .section01 .thumb_item ul.tab li.active button {color:white;}
.main_container .section01 .thumb_item ul.tab li:hover {background-color:#3d3d3d;border:1px solid #282828;}
.main_container .section01 .thumb_item ul.tab li:hover a {color:white;}
.main_container .section01 .thumb_item ul.tab li:hover button {color:white;}
.main_container .section01 .thumb_item ul.item {overflow:auto;}
.main_container .section01 .thumb_item ul.item .gostop {display:none;}
.main_container .section01 .thumb_item ul.item li{width:90px; float:left; margin-right:20px;}
.main_container .section01 .thumb_item ul.item li:first-child{width:91px;}
.main_container .section01 .thumb_item ul.item li:last-child {margin-right:0;}
.main_container .section01 .thumb_item ul.item li:nth-child(2){width:91px;}
.main_container .section01 .thumb_item ul.item li p{width:90px; height:20px; font-size:12px; font-weight:bold; color:#3d3d3d; line-height:20px;}
.main_container .section01 .thumb_item ul.item li p span.icon_won{display:block; float:left; margin-right:3px; margin-top:2px;}
.main_container .section01 .thumb_item ul.item li p span.icon_gostop{display:block; float:left; margin-right:3px; margin-top:1px;}
.main_container .section01 .thumb_item ul.item li p span.icon_poker{display:block; float:left; margin-right:3px; margin-top:1px;}
.main_container .section01 .right_set{float:right;}
.main_container .section01 .right_set p{font-weight:bold; font-size:14px;}
.main_container .section01 .right_set .side_banner{position:absolute;margin-top:24px;}
.main_container .section01 .right_set .side_banner .coupon {margin-top:18px;}
.main_container .section01 .right_set .btn:after{display:block; clear:both; content:'';}
.main_container .section01 .right_set .btn a{display:block; width:100%; height:100%; font-size:14px; font-weight:bold;}
.main_container .section01 .right_set .btn .btn_help{float:left; width:185px; height:44px; text-align:center; line-height:44px;}
.main_container .section01 .right_set .btn .btn_coupon{float:right; width:184px; height:44px; text-align:center; line-height:44px;}
.main_container .section01 .right_set .btn .btn_coupon:hover a {background-color:#3d3d3d;border:1px solid #282828;color:white;}
.main_container .section01 .right_set .btn .btn_help:hover a {background-color:#3d3d3d;border:1px solid #282828;color:white;}

button.loading span {display:none;}
button.loading .ball-fall {position: absolute;left:0;top:18px;width:100%;text-align:center;}
button.loading .ball-fall > div {display:inline-block;border-radius:50%;width:10px;height:10px;background-color:white;margin:0 3px;animation: ball-fall 1.3s ease-in-out infinite;}
button.loading .ball-fall > div:nth-child(1) {animation-delay: -200ms;}
button.loading .ball-fall > div:nth-child(2) {animation-delay: -100ms;}
button.loading .ball-fall > div:nth-child(3) {animation-delay: 0ms; }
@keyframes ball-fall {
  0% { opacity: 0;transform: translateY(-145%); }
  10% { opacity: .5; }
  20% { opacity: 1;transform: translateY(0); }
  80% { opacity: 1;transform: translateY(0); }
  90% { opacity: .5; }
  100% { opacity: 0;transform: translateY(145%); } 
}