@charset "euc-kr";
@import url("base.css");
@import url("template.css");

div.wrapper {width: 630px; margin: 0 auto;}

.access {padding-left:15px;}

ol.mem_step { width: 630px; overflow: hidden; margin: 19px 0 46px;}
ol.mem_step li {float: left; margin-left: 4px; font-size: 0;}
ol.mem_step li img {vertical-align: top;}
ol.mem_step li.first-child {margin: 0;}

h1.tit {font-size: 0; margin-bottom: 13px;}
p.stit {font-size: 0; margin-bottom: 22px;}
p.stit01 {font-size: 0; margin-bottom: 33px;}
p.stit02 {font-size: 0; margin-bottom: 25px;}
p.stit03 {font-size: 0; margin: 13px 0 40px 15px;}
p.stit img {vertical-align: middle;}
p.stit a {font-size: 11px; color: #0081a6; text-decoration: underline; position: relative; top: 3px; margin-left: 6px}


/*
table.lista {width: 630px; border-top: 2px solid #0AB4CB; border-bottom: 2px solid #E5E5E5; font-size: 11px; color: #5C5C5C;}
table.lista th {text-align: left; width:131px; padding:12px 20px 9px; color: #000; background: #F9F9F9; border-bottom: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8;}
table.lista th.tit01 {padding-top: 13px;}
table.lista td {width: 449px; border-bottom: 1px solid #E8E8E8; letter-spacing: -1px; line-height: 18px; padding: 7px 12px 8px 17px}
table.lista td.btd {height: 56px; padding: 0 0 0 17px;}
table.lista td.txt01 {padding: 12px 14px 10px 17px}
*/

table.list01 {border-top: 2px solid #272727; font-size: 11px; color: #d5d5ca;}
table.list01 th {background:#302f2a;padding: 8px 0 5px; text-align:center;border-bottom: 1px solid #545454;border-right: 1px solid #545454;color:#959597;}
table.list01 th.tit01 {padding-top: 13px;}
table.list01 td {padding: 3px 0 0 6px; text-align: left; border-bottom: 1px solid #545454; border-right: 1px solid #545454;}
table.list01 th.tit01 {padding-top: 13px;}
table.list01 td.txt01 {padding: 12px 14px 10px 17px}

p.addtxt01 {color: #000; text-align: center; padding: 24px 0 26px;}

div.cBtn01 {text-align: center;}
div.cBtn02 {text-align: center; margin-top: 18px;}
div.cBtn02 img {margin-left: 6px;}

p.rtit {text-align: right; font-size: 11px;}
input.txt {border: 1px solid #ccc; height: 16px; padding: 4px 0 0 5px; font: normal 12px dotum;}
input.txt01 {border: 1px solid #ccc; height: 16px; background: #e8e8e8; color: #a2a2a2; font-size: 11px; padding: 4px 0 0 5px}
img.btn {position: relative; top: 4px; left: 6px;}
p.addTxt02 {color: #df5401; padding-top: 7px}
a.pass {color: #0081a6; text-decoration: underline; position: relative; top: -3px; margin-left: 4px}

p.fileTxt {height: 28px; padding-top: 7px; letter-spacing: -1px;}
p.fileTxt img.btn01 {vertical-align: top; margin: -5px 0 0 20px;}
p.fileTxt img.btn02 {vertical-align: top; margin-top: -5px;}

.coL91 {color: #919191;}
textarea.txt01 {border: 1px solid #ccc; width:447px; height: 54px}
p.txtBox01 {border: 1px solid #ccc; width:447px; height: 54px}

div.passBox {border: 1px solid #3c3c3c; background: #3c3c3c; width: 417px; padding: 14px 15px;}
div.passBox p.strong {color: #666; font-weight: bold;}
div.passBox p.subTxt {margin: 0 0 10px 12px; color: #989898; line-height: 17px;}
div.passBox01 {margin-top: 9px;}
img.security {font-size: 0; vertical-align: text-bottom;}
input.security {margin-left: 5px;}

p.input_01 {font-weight: bold;}
p.input_01 select {vertical-align: middle;}
p.input_01 input.mg01 {margin: 7px 0 14px 16px;}

p.input_02 {margin-left: 12px;}
p.input_03 {margin-top: 8px;}
label.txt01 {font-size: 12px; color: #000}
p.txt01 {color: #df5401; padding: 7px 0 0 0; font-size: 12px;}

/* Margin */
.mL12 {margin-left: 12px;}

/* float */
.fLfloat {float: left;}
.fRfloat {float: right;}


/* Color */
.coLDf {color: #df5401}
.coLBl {color: #000000}
.coLA2 {color: #a2a2a2}
.coL02 {color: #028da0}
.coLFd {color: #fd5c18}



/* ȸ¿ø Á¾·ù ¼±Åà */
p.titMem {margin: 30px 0 40px; height: 243px;}
dl.memBtn {width: 259px; height: 168px; background: url(http://img.gamehama.com/common/bg_member01.gif) no-repeat; padding: 26px 25px 0 25px;}
dl.memBtn dt {height: 14px; padding-bottom: 18px;}

/* ȸ¿ø ¾à°ü È®ÀÎ */
ul.stepArr {width: 630px; overflow: hidden; margin: 19px 0 45px;}
ul.stepArr li {float: left; font-size: 0;}
ul.stepArr li img {vertical-align: top;}
ul.stepArr li.arr {width: 22px; margin: 40px 12px 0}
ul.stepArr li.arr01 {width: 22px; margin: 40px 12px 0 13px}

dl.cheBox {margin-bottom: 34px; height:171px;}
dl.cheBox dt {font: bold 11px dotum; color: #000000; border-bottom: 1px solid #f9f9f9; height: 16px;}
dl.cheBox dd.txtBox {text-align:left;height: 123px; border-top: 2px solid #0ab4cb; border-bottom: 2px solid #e5e5e5; background: #f9f9f9;}
dl.cheBox dd.txtBox p {height: 100px; margin: 12px 16px 11px; overflow-y: auto; overflow-x: none; font: normal 11px dotum; color: #5c5c5c;}
dl.cheBox dd.che {color: #000; padding:2px; height: 13px;}
dl.cheBox dd.txtBox2 {height: 523px; border-top: 2px solid #0ab4cb; border-bottom: 2px solid #e5e5e5;}
dl.cheBox dd.txtBox2 p {height: 500px; margin: 12px 0px 0px; overflow-y: auto; overflow-x: none; font: normal 11px dotum; color: white;padding:5px;}


p.botBtn {height:31px; text-align: center; padding-top: 5px;}
p.botBtn img {vertical-align: top; margin-right: 6px;}

/* ½Ç¸íÈ®ÀÎ */
table.nameInp {width: 100%; border-top: 2px solid #0ab4cb; border-bottom: 1px solid #e1e1e1; background: #3c3c3c;}
table.nameInp th {text-align: right; font: bold 11px dotum; color: #000;}
table.nameInp th.name {padding: 0 10px 12px;}
table.nameInp th.id {padding: 6px 10px 0 0;}
table.nameInp td.nameInp {padding-bottom: 8px}
table.nameInp td input.txt {width: 192px; height: 12px; padding: 4px; border: 1px solid #cccccc; font: normal 12px dotum;}
table.nameInp td.che {font-size: 11px; color:#000; padding: 5px 0 16px;}
 
ul.nameTxt {padding: 15px 0 0 43px; font-size: 11px; color: #5c5c5c; letter-spacing: -1px; height: 72px; line-height: 17px}
ul.nameTxt li {padding-left: 24px; background: url(http://img.gamehama.com/common/icon_point.gif) no-repeat;}

p.conBtn {text-align: center; height: 31px; margin-bottom: 60px;}
p.conBtn01 {text-align: center; padding-top: 19px;}
p.certifyTxt {font: bold 11px dotum; color:#000; padding-bottom: 4px;}

ol.cerTxt {border-top: 2px solid #0ab4cb; border-bottom: 1px solid #e1e1e1; background: #f9f9f9; padding: 27px 27px 25px; letter-spacing: -1px;}
ol.cerTxt li {font-size: 11px; color: #5c5c5c;}
ol.cerTxt li p.pL15 {padding-left: 15px}
ol.cerTxt li p.pL55 {padding-left: 55px}
ol.cerTxt li.txt02 {color: #df5401; font-weight: bold; margin: 17px 0 11px;}

p.cerNext {margin: 25px 0 23px; text-align: center; color: #000;}

p.botTwoBtn {height:31px; text-align: center;}
p.botTwoBtn img {vertical-align: top; margin-right: 6px;}

/* °¡ÀÔ¿Ï·á */

ul.joinEnd {border-top: 2px solid #0ab4cb; border-bottom: 1px solid #e1e1e1; background: #f9f9f9; letter-spacing: -1px; text-align: center; margin-bottom: 27px;}
ul.joinEnd li {font-size: 11px; color: #000; padding: 35px 0 34px;}


/*  °í°´¼¾ÅÍ 01 */

p.helpSubTit {height: 39px;}
p.helpSubTit01 {height: 53px;}
h2.helpTit02 {height: 32px;}
h3.helpTit03 {height: 35px;}

ul.helpStep {padding: 6px 8px; height: 194px; border: 1px solid #5e5d5d; background: #4a4a4a; overflow: hidden;}
ul.helpStep li.step01 {float: left; width: 124px; height: 37px; background: url(http://img.gamehama.com/help/step_01.gif) no-repeat; padding: 155px 0 0 65px;}
ul.helpStep li.step02 {float: left; width: 124px; height: 37px; background: url(http://img.gamehama.com/help/step_02.gif) no-repeat; padding: 155px 0 0 65px;}
ul.helpStep li.step03 {float: left; width: 124px; height: 37px; background: url(http://img.gamehama.com/help/step_03.gif) no-repeat; padding: 155px 0 0 65px;}
ul.helpStep li.arrow {float: left; width: 23px; padding-top: 92px; text-align: center;}

p.helpGo01 {padding: 21px 0 0 29px; background: url(http://img.gamehama.com/board/icon_arrR.gif) no-repeat 19px 25px;}
p.helpGo02 {padding: 10px 0 0 29px; height: 69px}


/* maypage */

div.mypageBox {width:587px; height: 127px; border: 1px solid #E9E9E9; padding: 18px 22px 20px 21px; margin-bottom: 29px;}
div.mypageBox01 {width:587px; height: 100px; border: 1px solid #E9E9E9; padding: 18px 22px 20px 21px; margin-bottom: 29px;}

dl.mypage01 {width: 282px;}
dl.mypage01 dt {height: 28px;}
dl.mypage01 dt div.tit {float: left; padding-top: 5px;}
dl.mypage01 dt div.btn {float: right}


table.myProfile {width: 100%; border-top: 2px solid #BABABA;  text-align: left;}
table.myProfile th {height: 28px; border-bottom: 1px solid #EDEDED; border-right: 1px solid #EDEDED; background: #F9F9F9; text-align: left; padding: 3px 0 0 18px; width: 100px;}
table.myProfile th.ctit {text-align: center !important; padding-left: 0;}
table.myProfile th.ico {padding-left: 11px;}
table.myProfile th img {vertical-align: middle; margin-top: -3px;}
table.myProfile td {width: 147px; padding: 3px 0 0 16px; border-bottom: 1px solid #EDEDED;}
table.myProfile .last {border-bottom: 2px solid #E5E5E5;}
table.myProfile td img {vertical-align: middle; margin-top: -3px;}
table.myProfile td.desc {height: 25px;}



table.secede {width: 100%; border-top: 2px solid #5e5d5d;  text-align: left;}
table.secede th {height: 28px; border-bottom: 1px solid #5e5d5d; border-right: 1px solid 5e5d5d; background: #4a4a4a; text-align: left; padding: 3px 0 0 18px; width: 165px;color:white}
table.secede th.ctit {text-align: center !important; padding-left: 0;}
table.secede th.ico {padding-left: 11px;}
table.secede th img {vertical-align: middle; margin-top: -3px;}
table.secede td {width: 400px; padding: 3px 0 0 16px; border-bottom: 1px solid #5e5d5d;}
table.secede .last {border-bottom: 2px solid #5e5d5d;background: #4a4a4a;color:white}
table.secede td img {vertical-align: middle; margin-top: -3px;}
table.secede td.desc {height: 25px;}


table.secede2 {width: 100%; border-top: 2px solid #5e5d5d;  text-align: left;}
table.secede2 th {height: 28px; border-bottom: 1px solid #5e5d5d; border-right: 1px solid #EDEDED; background: #F9F9F9; text-align: left; padding: 3px 0 0 18px; width: 165px;}

table.secede2 td {height: 28px; border-bottom: 1px solid #5e5d5d; background: 4a4a4a; text-align: left; padding: 15px 0 15px 13px; }
table.secede2 .last {border-bottom: 2px solid #5e5d5d;}
table.secede2 td img {vertical-align: top;  margin-left: 8px;}
textarea.txt02 {border: 1px solid #ccc; width:534px; height: 49px}



h2.chart {padding-left: 6px; height: 24px;}

div.chartBox {width: 586px; height: 234px; background: url(http://img.gamehama.com/mypage/bg_chart.gif) no-repeat; padding: 22px;}
p.gameChartTit {width: 137px; height: 23px; border-bottom: 2px solid #bababa; margin-bottom: 10px;}

div.chartBox div.graphWrap {float: left; background: url('http://img.gamehama.com/mypage/bg_graph.gif') no-repeat 0 0; width: 431px; height: 220px; margin-top: -11px;}
div.chartBox table.graph {margin: 35px 0 0 72px; text-align: center; width: 358px;}
div.chartBox table.graph td {font-size: 11px; font-weight: bold; color: #828282;}
div.chartBox table.graph tr.tit td {height: 20px; padding-top: 5px;}

table.gameChart {width: 137px}
table.gameChart td.txt {width: 78px; padding-left: 10px; color:#8e8e8e; height:20px;}
table.gameChart td.num {width: 39px; padding-left: 10px; color:#6dadda; height:20px;}

table.detail {width: 100%; border-top: 2px solid #BABABA;  font-size: 11px;}
table.detail th {height: 25px; border-bottom: 1px solid #EDEDED; background: #F9F9F9; text-align: center; padding: 3px 0 0 18px; font-weight: normal; color: #000;}
table.detail td {padding: 3px 0 0 16px; border-bottom: 1px solid #EDEDED; height: 27px;}
table.detail .last {border-bottom: 2px solid #E5E5E5;}

p.pageT {margin-top: 21px;}

/* ÀåÅÍ */
div.storeTable {overflow: hidden; width: 628px; margin-bottom: 22px;}
h2.store01 {height: 23px;}
dl.store01 {width: 310px;}
dl.store01 dt {height: 28px;}
dl.store01 dt div.tit {float: left; padding-top: 5px;}
dl.store01 dt div.btn {float: right}

table.storeTable01 {width: 100%; border-top: 2px solid #BABABA; border-bottom: 2px solid #e5e5e5; text-align: left;}
table.storeTable01 th {height: 28px; border-bottom: 1px solid #EDEDED; border-right: 1px solid #EDEDED; background: #F9F9F9; text-align: center; padding: 3px 0 0 0;}
table.storeTable01 td {width: 147px; height: 28px; padding: 3px 0 0 16px; border-bottom: 1px solid #EDEDED;}
table.storeTable01 td img {vertical-align: middle; margin-top: -3px;}

ul.btnList {width: 634px; overflow: hidden; margin-bottom: 21px;}
ul.btnList li {float: left; margin: 0 3px 3px 0; font-size: 0;}

table.narrowTable td {padding: 3px 0 2px;}



/* gnb¸Þ´º */
.gnbmenu {font-size: 11px; color: #848484;}


/* login page */
.login_box {font-family:µ¸¿òü; font-size:11px; color:#474747; letter-spacing:-1px; border:1px solid #515151; background-color:#8b8b8b; padding:5px 0 0 7px} 
.login_text {font-family:µ¸¿òü; font-size:11px; color:#a9a7a7; letter-spacing:-1px; padding:3px 0 1px 0}