@charset "utf-8";
/* CSS Document */
/*
@import url("");
*/
/*----------------------------------------
capo.css 
about CAPO Landing page
----------------------------------------*/

/*================================================
================================================*/

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;}

em{font-weight:bold;}
input,textarea,select{margin:0;}
textarea{overflow-y:scroll;}
input,label,button,select{vertical-align:middle;}
input{outline-style:none;}
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.5;font-family:"Dotum","verdana","arial";}
body{color:#d9d9d9;background:#fff;}
/*link*/
a{text-decoration:none;color:#3982a8;} 
a{selector-dummy : expression(this.hideFocus=true); }/*color:#4e779b;*/
a:focus { outline:none; }
a:hover{color:#be9450;}	/*overwrite by the individual */

.png24 { tmp:expression(setPng24(this)); }
.hide-text {text-indent:-9999px; }

.rollover a img.menuon {display: none;}
.rollover a img.menuoff {display:inline;}
.rollover a:hover img.menuon {display: inline;}
.rollover a:hover img.menuoff {display: none;}
 
/*================================================
base layout
================================================*/

.blue{color:#0c9cef;}
.orange{color:#e56221;}
.yellow{color:#e59721;}
/*================================================
capogames
================================================*/

.wrapper{
margin:0 auto;
width:100%;
height:905px;
}

.capo_img{
background:#141415 url(../data/capo/all_bg.jpg?TIME=20160801) no-repeat center 0;
margin:0 auto;
text-align:center;
min-width:1600px;
_width:1600px;
height:905px;
}

.contents{
margin:0 auto;
width:670px;
text-align:left;
}
.contents_capo{
padding:0;
}

/****삼국지W *****/
.contents .gotoSamw{		
position:absolute;
padding:153px 0 0 25px;
}

.contents .gotoSamw h1,
.contents .gotoSword h3{
text-indent:-9999px;
background:url(../data/capo/go_site.jpg) no-repeat 0 0;
}

.contents .gotoSamw h1 a,
.contents .gotoSword h3 a{
display:block;
width:108px;
height:24px;
}

.contents .gameStart_Samw{	
position:absolute;
margin:300px 0 0 20px;
}

.contents .gameStart_Samw div{
display:inline-block;
zoom:1;
*display:inline;
}

.contents .gameStart_Samw .samwbon{
padding-left:1px;
*padding-left:2px;
}
/**** // 삼국지W *****/

/**** capologin ******/

/*.contents .capo_log{
position:absolute;
margin:482px 0 0 158px;
}*/

.contents .capo_login{
background:url(../data/capo/login_bg.png?TIME=150330) no-repeat center 0;
width:303px;
height:181px;
padding-left:50px;
}

.contents .capo_login .capo_idpw{
padding:20px 0 0 90px;
}

.contents .capo_login .capo_idpw input{
background-color:transparent;
width:150px;
height:20px;
border:none;
color: #c5c5c5;
line-height:20px;
}
.capo_idpw .dtid{
padding-top:2px;
}
.capo_idpw .ddpw{
padding-top:5px;
}

.capo_idpw .capo_search_member dt,
.capo_idpw .capo_search_member dd{
display:inline;
}

.capo_idpw .capo_search_member .dd01{
padding-left:20px;
}

.capo_login .capologin_button p,
.capo_logout .capologout_button p{
margin:0 auto;
margin-top:25px;
width:250px;
text-indent:-9999px;
}

.capo_login .capologin_button p a,
.capo_logout .capologout_button p a{
margin:0 auto;
display:block;
width:150px;
height:35px;
}

/* logout */
.contents .capo_logout{
background:url(../data/capo/logout_bg.png?TIME=150330) no-repeat center 0;
width:303px;
height:181px;
color:#b5da1f;
text-align:left;
}

.contents .capo_logout .dl01{
padding:25px 0 0 170px;
}

.contents .capo_logout .dl01 .dd01{
padding-top:6px;
}


.contents .capo_logout .table01{
margin:7px 0 0 110px;
color:#b5da1f;
width:160px;
}

.contents .capo_logout .td01{
width:62px;
*padding-top:1px;
}
.contents .capo_logout .td01 img{
vertical-align:top;
padding:0;
}
.contents .capo_logout .td02{
text-align:right;
}

.contents .capo_logout .td02 img{
*vertical-align:top;
vertical-align:middle;
}

.contents .capo_logout .td02 a{
color:#b5da1f;
}


/**** //capologin ******/

/**** popuplogin ******/

/*.contents .capo_log{
position:absolute;
margin:482px 0 0 158px;
}*/

.contents .popup_login .capo_idpw{
padding:64px 0 0 137px;
}

.contents .popup_login .capo_idpw input{
background-color:transparent;
width:150px;
height:20px;
border:none;
color: #c5c5c5;
line-height:20px;
}
.capo_idpw .dtid{
padding-top:2px;
}
.capo_idpw .ddpw{
padding-top:5px;
}

.capo_idpw .capo_search_member dt,
.capo_idpw .capo_search_member dd{
display:inline;
}

.capo_idpw .capo_search_member .dd01{
padding-left:20px;
}

.popup_login .capologin_button,
.popup_logout .capologout_button{
position:absolute;
margin-top:-82px;
margin-left:312px;
}

.popup_login .capologin_button p,
.popup_logout .capologout_button p{
margin:0 auto;
text-indent:-9999px;
}

.popup_login .capologin_button p a,
.popup_logout .capologout_button p a{
background:url(../data/capo/bu_popuplogin.jpg) no-repeat center 0;
margin:0 auto;
display:block;
width:96px;
height:95px;
}

/* logout */
.contents .popup_logout{
background:url(../data/capo/logout_bg.png) no-repeat center 0;
width:303px;
height:181px;
color:#b5da1f;
text-align:left;
}

.contents .popup_logout .dl01{
padding:25px 0 0 170px;
}

.contents .popup_logout .dl01 .dd01{
padding-top:6px;
}


.contents .popup_logout .table01{
margin:7px 0 0 110px;
color:#b5da1f;
width:160px;
}

.contents .popup_logout .td01{
width:62px;
*padding-top:1px;
}
.contents .popup_logout .td01 img{
vertical-align:top;
padding:0;
}
.contents .popup_logout .td02{
text-align:right;
}

.contents .popup_logout .td02 img{
*vertical-align:top;
vertical-align:middle;
}

.contents .popup_logout .td02 a{
color:#b5da1f;
}


/**** //popuplogin ******/

/****** TW 오픈시 이곳을 수정하세요. ******/
.contents .gotoTw{
position:absolute;
margin:592px 0 0 80px;	
width:80px;
height:80px;
}


.contents .gotoTw h2{
text-indent:-9999px;/* TW 오픈시 이곳을 지워 주세요. */
}

/****** //TW 오픈시 이곳을 수정하세요. *******/

/**** Soul Sword ******/
.contents .gameStart_Sword{	
position:absolute;
margin:308px 0 0 432px;
}

.contents .gotoSword{
position:absolute;
margin:155px 0 0 485px;
}
/**** //Soul Sword ******/



.footer{
width:100%;
height:50px;
background:#FFFFFF;
}

.footer_img{
background:url(../data/capo/copyright.png?TIME=170417) no-repeat center 0;
height:36px;
}