@charset "utf-8";
/* CSS Document */

/*----------------------------------------
sw.css 
about capogames
----------------------------------------*/

/*================================================
reset
================================================*/

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,fieldset,div,iframe,caption,hr{margin:0;padding:0;zoom:1;}
h1,h2,h3,h4,h5,h6,p,li,dl,dt,dd,caption,address,th,td,b,small{word-break:normal;word-wrap:break-word;}
ul li,ol li{list-style:none;}
caption{text-align:left;}
address,em,strong,th{font-style:normal;}
img,fieldset{border:none;}
hr{display:none;}
em{font-weight:bold;}
input,textarea,select{margin:0;}
textarea{overflow-y:scroll;}
input,label,button,select{vertical-align:middle;}
img{vertical-align:bottom;}
object,embed{vertical-align:top;}
iframe{border:0;}
table{width:100%;}
table,caption,th,td{border-collapse:collapse;border-spacing:0;text-align:left;padding:0;margin:0;}
/*clear float*/
div:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
div{display:inline-block;}
/*\*/
* html div{height:0;}
div{display:block;}
/**/
/*fix IE U-6*/
* html input{margin-bottom:1px;}
* html br{letter-spacing:0;}
* html ol,* html ul,* html li,* html dl,* html dt,* html dd,* html h1,* html h2,* html h3,* html h4,* html h5,* html h6{height:0;vertical-align:top;}
* html ol li{display:list-item;}
/*fix IE 7*/
*:first-child+html body,*:first-child+html br{letter-spacing:0;}
*:first-child+html ol,*:first-child+html ul,*:first-child+html li,*:first-child+html dl,*:first-child+html dt,*:first-child+html dd,*:first-child+html h1,*:first-child+html h2,*:first-child+html h3,*:first-child+html h4,*:first-child+html h5,*:first-child+html h6{min-height:0;vertical-align:top;}
*:first-child+html ol li{display:list-item;}

/*================================================
base font
================================================*/
body,input,textarea,h1,h2,h3,h4,h5,h6{font-size:12px;}
body{line-height:1.3;font-family:"돋움","굴림","Dotum","verdana","arial";}
body{color:#ba9d77;}
/*link*/
a{text-decoration:none;color:#3982a8;} /*color:#4e779b;*/
html body #wrapper a:hover{color:#be9450;	/*overwrite by the individual */
}


/*================================================
base layout
================================================*/

body{text-align:center;background:#060606 url(../data/images/body_background2.gif) repeat-x 0 0;}
#wrapper{margin:0 auto;text-align:left;width:100%;background:#060606;}
#footer{margin:0 auto;text-align:left;width:100%;background:#161616;}

/*================================================
capogames
================================================*/

.capo{
margin:0 auto;
width:1018px;
}

.capo h1{
position:relative;	
float:left;
width:962px;
text-align:left;
}

.capo p{
float:right;
width:56px;
text-align:right;
background:#fff;
}

/****main*****/
.samw,
.samw_red{
width:100%;
margin:0 auto;
}

.samw_bg_red{
background:#060606 url(../data/images/main_background_redwall.jpg) no-repeat center 0;
margin:0;
padding:0;
}

.samw_bg{
position:relative;
margin:0 auto;
text-align:left;
width:982px;
}

/*.samw_person{
position:absolute;
background:url(http://img.capogames.net:8012/data/images/main_person_img.png) no-repeat 100% 0;
top:10px;
left:720px;
width:524px;
height:768px;
}
*/
/*
*//* html .samw_person{
position:absolute;
background:url(http://img.capogames.net:8012/data/images/main_person_img_ie6.png) no-repeat 100% 0;
top:0px;
left:720px;
width:524px;
height:768px;
}*//* ie6 */

.sam_main h2{
background:url(../data/images/main_logo_red.png) no-repeat 20px 42px;
width:213px;
height:125px;
padding:43px 0 0 19px;
}

.sam_main h2 a{
display:block;
width:180px;
height:112px;
}

.sam_main h2{
text-indent:-9999px;
}

* html .sam_main h2{
_background:url(../data/images/main_logo_red.gif) no-repeat 20px 46px;
padding:43px 0 0 19px;
} /* ie6 */

/***gamestart***/
.game_start_bg{
position:absolute;
top:0px;
left:375px;
height:249px;
width:251px;
background:url(../data/images/main_logo3_red.png) no-repeat 0 0;
_background:url(../data/images/main_logo3_red.gif) no-repeat 0 0; /* ie6*/
}

.game_start{
position:absolute;
top:99px;
left:453px;

_top:98px;
_left:450px;
}

.game_start2{
position:absolute;
top:92px;
left:370px;
width:121px;
height:98px;
background:url(../data/images/main_logo_bgleft.png) no-repeat 0 0;
_background:url(../data/images/main_logo_bgleft.gif) no-repeat 0 0;
}

.game_start3{
position:absolute;
top:92px;
left:590px;
width:127px;
height:98px;
background:url(../data/images/main_logo_bgright.png) no-repeat 0 0;
_background:url(../data/images/main_logo_bgright.gif) no-repeat 0 0;
}

.game_card{
position:absolute;
top:32px;
left:700px;
}


/*메뉴*/

.main_menu{
position:relative;
}

.main_menu ul{
padding-top:30px ;
height:51px;
background:url(../data/images/red_menu_bg.png) no-repeat 0 30px;
_background:url(../data/images/red_menu_bg.gif) no-repeat 0 30px;
}


.main_menu li{
float:left;
}

.main_menu li a{
display:block;
overflow:hidden;
text-indent:-9999px;
height:51px;
}

.main_menu .li01{
background:url(../data/images/red_menu1.png) no-repeat 0 0;
_background:url(../data/images/red_menu1.gif) no-repeat 0 0; /*ie6*/
width:52px;
height:51px;
}


.main_menu .li02 a{
background:url(../data/images/red_menu2.png) no-repeat 52px 0;
_background:url(../data/images/red_menu2.gif) no-repeat 52px 0; /*ie6*/
width:109px;
padding-left:52px;
}
.main_menu .li02 a:hover{
background:url(../data/images/red_menu2_over.png) no-repeat  52px 0;
_background:url(../data/images/red_menu2_over.gif) no-repeat  52px 0;/*ie6*/
padding-left:52px;
}

.main_menu .li03 a{
background:url(../data/images/red_menu3.png) no-repeat 0 0;
_background:url(../data/images/red_menu3.gif) no-repeat 0 0; /*ie6*/
width:134px;
}
.main_menu .li03 a:hover{
background:url(../data/images/red_menu3_over.png) no-repeat 0 0;
_background:url(../data/images/red_menu3_over.gif) no-repeat 0 0; /*ie6*/
}


.main_menu .li04 a{
background:url(../data/images/red_menu4.png) no-repeat 0 0;
_background:url(../data/images/red_menu4.gif) no-repeat 0 0; /*ie6*/
width:80px;
}
.main_menu .li04 a:hover{
background:url(../data/images/red_menu4_over.png) no-repeat 0 0;
_background:url(../data/images/red_menu4_over.gif) no-repeat 0 0; /*ie6*/
}

.main_menu .li05{
background:url(../data/images/red_menu5.png) no-repeat 0 0;
_background:url(../data/images/red_menu5.gif) no-repeat 0 0; /*ie6*/
width:251px;
height:51px;
}

.main_menu .li06 a{
background:url(../data/images/red_menu6.png) no-repeat 251px 0;
_background:url(../data/images/red_menu6.gif) no-repeat 251px 0; /*ie6*/
width:94px;
padding-left:251px;
}
.main_menu .li06 a:hover{
background:url(../data/images/red_menu6_over.png) no-repeat  251px 0;
_background:url(../data/images/red_menu6_over.gif) no-repeat  251px 0; /*ie6*/
padding-left:251px;
}

.main_menu .li07 a{
background:url(../data/images/red_menu7.png) no-repeat 0 0;
_background:url(../data/images/red_menu7.gif) no-repeat 0 0; /*ie6*/
width:102px;
}
.main_menu .li07 a:hover{
background:url(../data/images/red_menu7_over.png) no-repeat 0 0;
_background:url(../data/images/red_menu7_over.gif) no-repeat 0 0; /*ie6*/
}

.main_menu .li08 a{
background:url(../data/images/red_menu8.png) no-repeat 0 0;
_background:url(../data/images/red_menu8.gif) no-repeat 0 0; /*ie6*/
width:107px;
}
.main_menu .li08 a:hover{
background:url(../data/images/red_menu8_over.png) no-repeat 0 0;
_background:url(../data/images/red_menu8_over.gif) no-repeat 0 0; /*ie6*/
}

.main_menu .li09{
background:url(../data/images/red_menu9.png) no-repeat 0 0;
_background:url(../data/images/red_menu9.gif) no-repeat 0 0; /*ie6*/
width:53px;
height:51px;
}

/*================================================
main_contents
================================================*/
.main_contents{
position:relative;
margin:0 auto;
text-align:center;
padding:15px 0 20px 0;
width:950px;
}

.main_left{
float:left;
width:220px;
}

.main_left_con{
background:url(../data/images/main_left_bg.gif) no-repeat 0 0;
border:1px solid #50483c;
padding-bottom:12px;
}

.main_left_con2{
background:url(../data/images/main_left_bg.gif) no-repeat 0 0;
padding-bottom:10px
}



.main_left_con .bg01{
background:url(../data/images/main_waku_left.gif) no-repeat 0 0;
}

.main_left_con .bg02{
background:url(../data/images/main_waku_right.gif) no-repeat 100% 0;
}

.bg02a{
padding-top:10px;
}

.member{
padding-top:20px;	
margin:0 auto;
text-align:center;
width:190px;
}

.member input{
background:url(../data/images/main_left_loginbg.gif) no-repeat 0 0;
border:none;
width:131px;
height:21px;
}

.member .inputid,
.member .inputpw{
padding:2px 3px 0 3px;
}

.member .left{
float:left;
text-align:left;
width:132px;
}

.member .right{
margin-left:135px;
}

.member .left .p2{
padding-top:6px;
_padding-top:3px; /*ie6*/
}

/*memberlogout*/
/*20110919 */
.member_logout{
margin:0 auto;
text-align:center;
width:199x;
padding:5px 0 0 5px;
}
/* //20110919 */
.member_logout_1{
background:url(../data/images/mem_logout_3.gif) repeat-y 0 0;
}

.member_logout_2{
background:url(../data/images/mem_logout1.gif) no-repeat 0 0;
}

.member_logout_3{
background:url(../data/images/mem_logout2.gif) no-repeat 0 100%;
padding:4px;
}

.member_logout_3 .a1{
background:url(../data/images/mem_logout_bg.gif) repeat-x 0 100%;
margin:0 auto;
padding-bottom:2px;
width:95%;
}
.member_logout_3 .b1{
margin:0 auto;
width:95%;
}

/*20110919 */
.member_logout_3 .a1 .a1a{
background:url(../data/images/mem_icon1.gif) no-repeat 0 0;
}

.member_logout_3 .b1 .b1b{
background:url(../data/images/mem_icon2.gif) no-repeat 0 5px;
}

.member_logout_3 .b1{
padding-top:3px;
}

.member_logout_3 .a1 p,
.member_logout_3 .b1 p{
text-align:left;
padding:2px  0 2px 30px;
font-weight:bold;
}

.member_logout_3 .a1 p span{
font-weight:normal;
color:#cc6633;
}

/**/


.bg02c{
padding-top:6px;
}

.bg02c_logout{
text-align:left;
padding:5px 0 0 11px;
}

.bg02c_logout .sp01{
padding:0 38px 0 10px;
}

.bg02c_logout2{
text-align:left;
padding:5px 0px 0 11px;
}

.bg02c_logout2 .sp03{
padding:0 15px 0 10px;
}


.bg02c .span01{
padding-right:10px;
}

.bg02c .span02{
padding-left:10px;
}

.bg02d{
padding-top:10px;
background:url(../data/images/main_left_lingbg.gif) repeat-x 0 68%;
}

.bg02e{
padding-top:4px;
background:url(../data/images/main_left_lingbg.gif) repeat-x 0 50%;
}

.bg02f{
padding-top:8px;
}

.bg02f2{
padding:4px 0 4px 0;
}

.bg02g{
padding-top:8px;
}

/*center */

.main_center{
float:left;
width:430px;
margin:0 auto;
text-align:center;
}

.main_center .title{
padding-top:0px;
}

.main_center .banner{
padding-top:25px;
width:380px;
margin:0 auto;
text-align:center;
}

.main_center .pt02a p{
background:url(../data/images/main_bannerbg.gif) no-repeat 0 0;
width:380px;
height:178px;
margin:0 auto;
text-align:center;
padding:13px 0 0 0px;
}

.main_center .pt02b{
width:379px;
margin:0 auto;
text-align:right;
padding-right:10px;
}

.main_right{
float:right;
width:300px;
text-align:left;
}

.main_right .discussion{
text-align:left;
}

.discussion .pt01{
padding:0 0 10px 4px ;
}

.discussion .pt02{
border:1px solid #242218;
background:#000;
padding:5px;
}

.discussion .pt02 .title{
font-weight:bold;
padding:8px 0 6px 5px;
border-bottom:1px solid #242218;
color:#b5b1a3;
}

.discussion .pt02 .contents{
padding:10px;
}

.discussion .pt02 .contents a{
color:#676666;
}

.discussion li{
float:left;
}

.con_yes,
.con_no{
width:75%;
padding:5px 0;
}

.con_yes{
color:#36718f;
}

.discu_bg{
background:#212121;
padding:4px 0 3px 5px;
width:60px;
color:#fff;
}

.discu_bg span{
padding-right:5px;
}

.con_no{
color:#970f0f;
}

/*========================
투기장
========================*/
.ground{
padding-top:5px;
}

.ground .pt01 p{
display:inline;
}

.ground .pt02{
padding-top:10px;
}

.ground .pt02 .pt02a{
border-top:1px solid #242218;
background:url(../data/images/main_ground_bg.png) repeat 0 0;
_background:url(../data/images/main_ground_bg.gif) repeat 0 0; /*ie6*/
}

.ground .pt02 .pt02b{
background:url(../data/images/main_groundbg.gif) no-repeat  0 0;
}

.ground .pt02 .pt02c{
background:url(../data/images/main_groundbg.gif) no-repeat  100% 0;
padding:7px;
}

.ground .pt02 .pt02c .pt_left{
float:left;
text-align:left;
width:50%;
height:100px;
}

.ground .pt02 .pt02c .pt_left p,
.ground .pt02 .pt02c .pt_right p{
text-align:center;
}

.ground .pt02 .pt02c .pt_left ul,
.ground .pt02 .pt02c .pt_right ul{
margin:0 auto;
text-align:center;
width:95%;
}

.ground .pt02 .pt02c .pt_left li,
.ground .pt02 .pt02c .pt_right li{
background:url(../data/images/main_ground_line.gif) repeat-x 0 0;
padding:3px 0 ;
color:#aaa;
}

.ground .pt02 .pt02c .pt_left .first,
.ground .pt02 .pt02c .pt_right .first{
background:none;
}

.ground .pt02 .pt02c .pt_left li p,
.ground .pt02 .pt02c .pt_right li p{
text-align:left;
}

.ground .pt02 .pt02c .li01{
background:url(../data/images/main_ground_1.gif) no-repeat 0 0;
padding-left:16px;
}

.ground .pt02 .pt02c .li02{
background:url(../data/images/main_ground_2.gif) no-repeat 0 0;
padding-left:16px;
}

.ground .pt02 .pt02c .li03{
background:url(../data/images/main_ground_3.gif) no-repeat 0 0;
padding-left:16px;
}

.ground .pt02 .pt02c .li04{
background:url(../data/images/main_ground_4.gif) no-repeat 0 0;
padding-left:16px;
}

.ground .pt02 .pt02c .li05{
background:url(../data/images/main_ground_5.gif) no-repeat 0 0;
padding-left:16px;
}

.ground .pt02 .pt02c .pt_right{
margin-left:50%;
}


.right_banner{
clear:both;	
margin:0 auto;
text-align:center;
padding-top:10px;
}

.right_banner span{
padding:7px;
}


/*================================================
footer
================================================*/
.footer_bg{
clear:both;	
background:#161616 url(../data/images/footer_bg.gif) repeat-x 0 0;	
}

.footer_txt{
margin:0 auto;
text-align:left;
width:950px;
padding:50px 0 15px 0;
}

.footer_left{
float:left;
width:49%;
text-align:left;
}

.footer_right{

}

.footer_left ul,
.footer_right ul{
display:block;
}

.footer_left li,
.footer_right li{
float:left;
}

.footer_left .pt02{
clear:left;
}

.footer_right{
margin-left:53%;
text-align:left;
}

.footer_right ul{
padding-left:34px;
}


/*pop_up관련*/

.Main_Layer {
    left:50%;
	top:0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index:200;
	
}

.Main_Layer .Layer_Align {
    left: -200px;
    position: absolute;
    top:180px;
}