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

html {overflow-y:scroll;}

body{font-family:'Nanum Gothic', sans-serif;}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0; outline:0; border:0;font-family:'Nanum Gothic', sans-serif;}:focus{outline:0;}
ol, ul, li {list-style:none;font-family:'Nanum Gothic', sans-serif;}
table {border-collapse:collapse; border-spacing:0;font-family:'Nanum Gothic', sans-serif;}
caption, th, td {font-weight:normal;font-family:'Nanum Gothic', sans-serif;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a {text-decoration:none;font-family:'Nanum Gothic', sans-serif;}

#top {width:100%; height:86px; border-top:3px solid #c01e21;}
#top ul {width:1200px; margin:0 auto;}
#top .logo {float:left; margin-top:35px;}
#top .toptab {float:right; margin-top:35px;margin-right:15px;}
#top .btn {float:right; font-size:18px; font-weight:bold; color:#2a2a2a; margin-top:45px;}
#top .btn a {color:#2a2a2a; margin-right:15px;}
#top .btn img {vertical-align:middle; margin-right:5px;}

#main {width:1200px; height:490px; padding-bottom:10px; margin:0 auto;}
#main .slide {float:left; width:895px; height:485px; margin-right:20px; }
#main .slide .text {width:100%; height:120px; text-align:center; background-image:url('https://imgcdn.topgame.kr/www/image/main_slide_text_bg.png'); color:#fff; font-size:17px; margin-top:460px;}
#main .slide .text p {color:#fbb800; font-size:22px; font-weight:bold; padding:30px 0 10px 0;}
#main .login {float:left; width:285px; height:277px; margin-bottom:20px; background-image:url('https://imgcdn.topgame.kr/www/image/MEMBER_LOGIN.png');}
#main .login .title {width:100%; padding:20px 0; font-family:'Nanum Gothic'; color:#fff; font-size:19px; text-align:center;}
#main .login .box {width:245px; padding:40px 20px 23px 20px; color:#ff9ea0; font-size:13px;}
#main .login .box input {width:215px; padding:15px; background-color:#98171a; border:0; color:#fff; font-size:13px; margin-bottom:1px;}
#main .login .btn {color:#ff9ea0; font-size:13px; text-align:center;color:#fff;}
#main .login .btn a {color:#fff; margin:0 3px;}
#main .banner {float:left; width:285px; height:190px; border-bottom:1px solid #ddd;}
#main .banner .text {color:#777; font-size:13px; padding:25px 0 0 0; text-align:center;}
#main .banner .text p {color:#222; font-size:16px; font-weight:bold; padding-bottom:10px;}

#main .login2 {float:left; width:285px; height:277px; margin-bottom:17px; background-image:url('https://imgcdn.topgame.kr/www/image/MEMBER_LOGIN_2.png');}
#main .login2 .title {width:100%; padding:20px 0; font-family:'Nanum Gothic'; color:#fff; font-size:19px; text-align:center;}
#main .login2 .box {width:245px; padding:40px 20px 10px 20px; color:#ff9ea0; font-size:13px;}
#main .login2 .box input {width:215px; padding:15px; background-color:#98171a; border:0; color:#fff; font-size:13px; margin-bottom:5px;}
#main .login2 .btn {color:#ff9ea0; font-size:16px; text-align:center;}
#main .login2 .btn a {color:#fff; margin:0 3px; font-size:13px;}

#main .box_logout {width:285px; padding:30px 0; margin-bottom:7px;}
#main .box_logout .logout_top {overflow:hidden;padding:25px 20px 0px 15px;}
#main .box_logout .logout_top .left {float:left; font-size:18px; color:#fff;}
#main .box_logout .logout_top .left span {color:#fff; font-size:28px;}
#main .box_logout .logout_top .right {float:right;}
#main .box_logout .logout_top .right img {vertical-align:right;}
#main .box_logout .logout_center {overflow:hidden;padding:10px 0;}
#main .box_logout .logout_center .left {float:left; width:100%; text-align:left; font-size:14px; color:#fff; margin-left:15px; font-size:21px;}
#main .box_logout .logout_center img {padding-bottom:5px;}
#main .box_logout .logout_center span {color:#fff; font-size:21px; font-weight:bold;}
#main .box_logout .logout_center .right {float:left; width:50%; text-align:center; font-size:14px; color:#fff;}

#list {width:100%; min-height:515px; background-image:url('https://imgcdn.topgame.kr/www/image/list_bg.jpg'); padding:10px 0; overflow:hidden;}
#list ul {width:1200px; margin:0 auto;}
#list .title {float:left; width:880px; color:#111; font-size:16px; font-family : 'Nanum Gothic'; padding-top:15px;}
#list .tab {float:left; width:320px; text-align:right;}
#list .tab div {float:left; width:100px;height:39px; font-size:12px; color:#fff; text-align:center; border-radius:3px; font-family : 'Nanum Gothic'; margin-right:6px; cursor:pointer;}
#list .game_all {position:absolute; width:1200px; height:100px; margin-top:70px;}
#list .game_pc {display:none; position:absolute; width:1200px; height:100px; margin-top:70px;}
#list .game_mobile {display:none; position:absolute; width:1200px; height:100px; margin-top:70px;}

#list .game_banner {float:left; width:285px; height:95px; background-color:#fff; margin-right:14px; margin-bottom:16px;}
#list .game_banner .img {float:left; width:95px; height:95px; background-color:#333;}
#list .game_banner .text {float:left; width:150px; height:35px; padding:20px 20px; color:#444444; font-size:14px; font-weight:bold;letter-spacing:-1px;font-family:sans-serif;}
#list .game_banner .text a {color:#444444;}
#list .game_banner .text p { font-weight:bold; color:#aaa; font-size:13px; padding-top:5px;letter-spacing:-1px;font-family:sans-serif;font-w}
#list .game_banner .text p a {color:#aaa;}

#tail_cs {position:relative; float: left;width:100%; border-bottom:1px solid #131315; background-image:url('https://imgcdn.topgame.kr/www/image/tail_bg.jpg');}
#tail_cs ul {width:1200px; padding:30px 0; overflow:hidden; margin:0 auto;}
#tail_cs .call {float:left; text-align:left; color:#fff; font-size:15px; font-family : 'Nanum Gothic';}
#tail_cs .call span {color:#d12c1e;}
#tail_cs .call img {vertical-align:middle;}
#tail_cs .btn {float:right; text-align:right; color:#fff; font-size:14px;}
#tail_cs .btn a {margin-right:10px; color:#fff;}

#tail_copy {position:relative; float: left;width:100%; border-top:1px solid #3d3c40; background-image:url('https://imgcdn.topgame.kr/www/image/tail_bg.jpg');}
#tail_copy ul {width:1200px; padding:30px 0; overflow:hidden; margin:0 auto;}
#tail_copy .logo {float:left; width:180px;}
#tail_copy .text {float:left; width:1020px; font-size:12px; color:#999; line-height:23px;}

#hidedark {position:absolute;width:285px;height:95px;background:rgba(0,0,0,0.3);}

.btn_CBT {
  background: #8eed8c;
  background-image: -webkit-linear-gradient(top, #8eed8c, #3f9913);
  background-image: -moz-linear-gradient(top, #8eed8c, #3f9913);
  background-image: -ms-linear-gradient(top, #8eed8c, #3f9913);
  background-image: -o-linear-gradient(top, #8eed8c, #3f9913);
  background-image: linear-gradient(to bottom, #8eed8c, #3f9913);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 3px 5px 3px 5px;
  text-decoration: none;
}
.btn_Ms {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 10px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}
.btn_Web {
  background: #d9aa34;
  background-image: -webkit-linear-gradient(top, #d9aa34, #b82b2b);
  background-image: -moz-linear-gradient(top, #d9aa34, #b82b2b);
  background-image: -ms-linear-gradient(top, #d9aa34, #b82b2b);
  background-image: -o-linear-gradient(top, #d9aa34, #b82b2b);
  background-image: linear-gradient(to bottom, #d9aa34, #b82b2b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 3px 5px 3px 5px;
  text-decoration: none;
}

.btn_EV {
  background: #b82b2b;
  background-image: -webkit-linear-gradient(top, #b82b2b, #ff1414);
  background-image: -moz-linear-gradient(top, #b82b2b, #ff1414);
  background-image: -ms-linear-gradient(top, #b82b2b, #ff1414);
  background-image: -o-linear-gradient(top, #b82b2b, #ff1414);
  background-image: linear-gradient(to bottom, #b82b2b, #ff1414);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 3px 5px 3px 5px;
  text-decoration: none;
}

.btn_END {
  background: #aaa;
  background-image: -webkit-linear-gradient(top, #aaa, #aaa);
  background-image: -moz-linear-gradient(top, #aaa, #aaa);
  background-image: -ms-linear-gradient(top, #aaa, #aaa);
  background-image: -o-linear-gradient(top, #aaa, #aaa);
  background-image: linear-gradient(to bottom, #aaa, #aaa);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 3px 5px 3px 5px;
  text-decoration: none;
}

.contents {width:1200px; padding:30px 0; overflow:hidden; margin:0 auto;}
.contents .content_title{position:relative; float: left; width:1200px; height:50px;}
.contents .sub_title {position:relative; float: left;color:#000; font-size:30px; font-weight: bold; width:1200px;}
.contents .cate_sub_title {position:relative; float: left;font-size:14px; font-weight: bold; width:200px; padding-top:18px; color:#fff;}

#board_sub_tab{position:relative; float: left; width:100%; height:40px;margin-top:25px;margin-bottom:0px;}
#board_sub_tab ul li{position:relative; float: left; width:119px; height:35px; font-size:14px; color:#535353; background:#eeeeee; line-height:35px; text-align:center; margin-right:4px;font-weight:bold;}
#board_sub_tab .on{color:#fff;background:#c01e21;}
#board_sub_tab .on a{color:#fff;}
#board_sub_tab a {color:#8e8e8e;}

.board_write {font-family:'Nanum Gothic', sans-serif;font-size:15px;font-weight:bold;color:#383838;}
.board_write th {font-size:14px; padding:10px 0; border-top:1px solid #7d7d7d; border-bottom:1px solid #d0d0d0;font-family:'Nanum Gothic', sans-serif;font-size:15px;font-weight:bold;color:#383838;}
.board_write td {font-size:14px; padding:10px 0 10px 15px; border-bottom:1px solid #d0d0d0; text-align:left;font-family:'Nanum Gothic', sans-serif;font-size:15px;font-weight:bold;color:#383838;}
.board_write input {border:1px solid #555; padding:5px 10px; color:#000;}
.board_write textarea {background-color:#fff; border:1px solid #555; padding:5px 10px; color:#000; width:600px; height:200px;  font-family :'Nanum Gothic', sans-serif;font-size:15px;font-weight:bold;color:#383838;}
.cansel {display:inline-block;width:82px;line-height:30px;text-align:center;font-size:14px;font-weight:normal;letter-spacing:-2px;color:#fff;background-color:#444;}
.btn_cmd_write{width:86px;line-height:65px;text-align:center;font-size:14px;font-weight:normal;letter-spacing:-2px;color:#fff;background-color:#444;float:right;cursor:pointer;}

.board_list {}
.board_list th {color:#000; font-size:14px; padding:10px 0; border-top:1px solid #3a434e; border-bottom:1px solid #3a434e;}
.board_list tr {border-bottom:1px solid #3a434e;}
.board_list td {color:#000; font-size:14px; border-bottom:1px solid #bfbfbf; text-align:center;}
.board_list .subject {color:#000; text-align:left; padding-left:25px;}
.board_list .subject a {color:#000;}

.board_list2 {}
.board_list2 th {color:#383838; font-size:14px; padding:10px 0; border-top:1px solid #7d7d7d; border-bottom:1px solid #d0d0d0;font-family:'Nanum Gothic', sans-serif;font-weight:bold;letter-spacing:-1px;}
.board_list2 tr {border-bottom:1px solid #d0d0d0;}
.board_list2 td {color:#383838; font-size:15px; border-bottom:1px solid #d0d0d0; text-align:center;font-family:'Nanum Gothic', sans-serif;font-weight:bold;letter-spacing:-1px;}
.board_list2 .subject {color:#000; text-align:left; padding-left:25px;}
.board_list2 .subject a {color:#000;}

#board_page {width:360px; margin:0 auto; overflow:hidden; padding-top:30px;}
#board_page .arrow {float:left; text-align:center; margin-right:5px;width:28px; height:28px;color:#5c5c5c;line-height:28px;}
#board_page .page {float:left; width:28px; height:28px; text-align:center; font-size:11px; color:#5c5c5c;  margin-right:5px; line-height:28px;}
#board_page .page_on {float:left; width:28px; height:28px; text-align:center; color:#fff; background:#7d7d7d; font-size:11px; margin-right:5px; line-height:28px;}
#board_page img {border:0px;margin:0px;padding:0px;}
#board_page a {color:#fff;}