div.memberWrap {width:978px; position:relative;}
div.loginWrap {width:783px; height: 470px; padding:100px 0 0 195px;}

/* 리스트 탭 */
.tab-type {clear:both; position:relative;}
.tab-type * {display:block;}
.tab-type ul:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.tab-type li {float:left;}
.tab-type p {position:absolute; top:24px; left:0;}

.tab-member {height:12px; overflow:hidden; width:881px; padding:28px 0 17px 97px; border-bottom:1px solid #eaeaea;}
.tab-member * {height:12px;}
.tab-member .tab-li a {width:108px; background:url('../images/member/tab_member_1.gif') no-repeat 0 0;}
.tab-member .tab-li-2 a {width:69px; background:url('../images/member/tab_member_2.gif') no-repeat 0 0;}
.tab-member .tab-li-3 a {width:57px; background:url('../images/member/tab_member_3.gif') no-repeat 0 0;}
.tab-member .tab-li-4 a {width:44px; background:url('../images/member/tab_member_4.gif') no-repeat 0 0;}
.tab-member .tab-li-5 a {width:44px; background:url('../images/member/tab_member_5.gif') no-repeat 0 0;}
.tab-member .tab-li a.on {width:108px; background:url('../images/member/tab_member_1.gif') no-repeat 0 -12px;}
.tab-member .tab-li-2 a.on {width:69px; background:url('../images/member/tab_member_2.gif') no-repeat 0 -12px;}
.tab-member .tab-li-3 a.on {width:57px; background:url('../images/member/tab_member_3.gif') no-repeat 0 -12px;}
.tab-member .tab-li-4 a.on {width:44px; background:url('../images/member/tab_member_4.gif') no-repeat 0 -12px;}
.tab-member .tab-li-5 a.on {width:44px; background:url('../images/member/tab_member_5.gif') no-repeat 0 -12px;}
.tab-member .tab-li a:hover {width:108px; background:url('../images/member/tab_member_1.gif') no-repeat 0 -12px;}
.tab-member .tab-li-2 a:hover {width:69px; background:url('../images/member/tab_member_2.gif') no-repeat 0 -12px;}
.tab-member .tab-li-3 a:hover {width:57px; background:url('../images/member/tab_member_3.gif') no-repeat 0 -12px;}
.tab-member .tab-li-4 a:hover {width:44px; background:url('../images/member/tab_member_4.gif') no-repeat 0 -12px;}
.tab-member .tab-li-5 a:hover {width:44px; background:url('../images/member/tab_member_5.gif') no-repeat 0 -12px;}
.tab-member .tab-li-6 a {width:57px; background:url('../images/member/tab_member_6.gif') no-repeat 0 0;}
.tab-member .tab-li-6 a.on {width:57px; background:url('../images/member/tab_member_6.gif') no-repeat 0 -12px;}
.tab-member .tab-li-6 a:hover {width:57px; background:url('../images/member/tab_member_6.gif') no-repeat 0 -12px;}

div.memSubTit {display:inline-block; width:978px; padding-top:30px; margin-bottom:40px; border-bottom:2px solid #bac6e7;}
div.memSubTit dd.leftTitA {float:left; height:23px; padding:0 12px 0 6px; border-bottom:2px solid #002ba5; margin-bottom:-2px;}
div.memSubTit dd.rightBtnBg {}

div.memSubTit2 {display:inline-block; width:978px; padding-top:19px; margin-bottom:40px; border-bottom:1px solid #bac6e7;}
div.memSubTit2 dd.leftTitA {float:left; height:31px; padding:0 12px 0 6px;}

p.stitFindId {height:23px; font-family:'굴림',Gulim; font-weight:bold; font-size:14px; color:#00207b;}

p.findBtmBtn {width:979px; text-align:center; margin:29px 0 200px 0;}
p.findBtmBtn2 {width:979px; text-align:center; margin:29px 0 56px 0;}

div.findIdPwBox {display:inline-block; width:977px; border:1px solid #dadada; padding:30px 0 33px 0;}
div.findIdPwBox .topTxt {width:536px; height:33px; font-size:12px; color:#333; margin:0 auto; border-bottom:1px solid #e6e6e6; text-align:center;}
div.findIdPwBox .radioArea {width:366px; height:13px; font-family:'굴림',Gulim; font-size:12px; color:#000; padding:18px 0 0 0; margin:0 0 0 227px;}
div.findIdPwBox .radioArea input.radioL {float:left; width:13px; height:13px; margin-right:4px;}
div.findIdPwBox .radioArea input.radioR {float:left; width:13px; height:13px; margin:0 4px 0 20px;}
div.findIdPwBox .radioArea span {float:left;}
div.findIdPwBox .chooseId {width:600px; font-weight:bold; font-size:12px; color:#737373; margin:0 0 0 227px; padding-top:15px;}
div.findIdPwBox .chooseId input.email1 {width:98px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px;}
div.findIdPwBox .chooseId input.email2 {width:105px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px;}
div.findIdPwBox .chooseId input.id {width:98px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px; margin-right:30px;}
div.findIdPwBox .endFind {width:536px; font-size:12px; margin:0 auto;}
div.findIdPwBox .endFind dd.topTxt {width:536px; color:#5e5e5e; border-bottom:1px solid #e6e6e6; text-align:center; padding-bottom:15px; line-height:20px;}
div.findIdPwBox .endFind dd.topTxt strong {font-size:14px; color:#1a2d72;}
div.findIdPwBox .endFind dd.btmTxt {width:536px; color:#737373; text-align:center; padding-top:13px; line-height:21px;}
div.findIdPwBox .endFind dd.btmTxt img {vertical-align:middle;}

div.findIdPwBox2 {width:977px; height:105px; border:1px solid #dadada; padding-top:30px;}
div.findIdPwBox2 .endFind {width:536px; font-size:12px; margin:0 auto;}
div.findIdPwBox2 .endFind dd.topTxt {width:536px; font-size:17px; color:#5e5e5e; border-bottom:1px solid #e6e6e6; text-align:center; padding-bottom:15px;  line-height:20px;}
div.findIdPwBox2 .endFind dd.topTxt strong {font-size:18px; color:#1a2d72;}
div.findIdPwBox2 .endFind dd.btmTxt {width:536px; font-size:12px; color:#999; text-align:center; padding-top:13px; line-height:21px;}
div.findIdPwBox2 .endFind dd.btmTxt img {margin-top:-4px;}

div.findIdPwBox3 {width:977px; height:71px; border:1px solid #dadada; padding-top:50px;}
div.findIdPwBox3 p {width:977px; font-size:17px; font-weight:bold; color:#000; line-height:20px; text-align:center;}
div.findIdPwBox3 p span {font-size:18px; color:#004b9f;}

table.changePw {width:978px; font-size:12px; border-top:1px solid #dadada; text-align:left;}
table.changePw th {height:35px; font-weight:normal; color:#333; background:#f9f9f9; border-bottom:1px solid #dadada; padding-left:20px;}
table.changePw td {height:35px; font-weight:normal; color:#f56a4f; border-bottom:1px solid #dadada; padding-left:6px;}
table.changePw td input.pw {width:198px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px; margin-right:9px;}
table.changePw td.c999 {color:#999;}
table.changePw td span.c999 {color:#999;}

table.memOut {width:978px; font-size:12px; border-top:1px solid #dadada; text-align:left;}
table.memOut th {height:35px; font-weight:normal; color:#333; background:#f9f9f9; border-bottom:1px solid #dadada; padding-left:20px;}
table.memOut td {height:35px; font-weight:normal; color:#999; border-bottom:1px solid #dadada; padding-left:16px;}

div.memOutTxt {display:inline-block; font-size:12px; color:#8a8a8a; line-height:18px; padding-bottom:20px;}
div.memOutTxt li {background:url('../images/member/blit_red.gif') no-repeat left 5px; padding-left:11px;}

div.memOutRadioBox {width:924px; height:107px; border:1px solid #cfcfcf; background:#f9f9f9; margin-left:26px; padding-top:29px;}
div.memOutRadioBox .radioArea {width:697px; margin-left:130px;}
div.memOutRadioBox .radioArea ul {display:inline-block; float:left; width:253px;}
div.memOutRadioBox .radioArea ul.last {width:170px;}
div.memOutRadioBox .radioArea li {height:30px;}
div.memOutRadioBox .radioArea li input.radioS {float:left; width:13px; height:13px; margin-right:4px;}
div.memOutRadioBox .radioArea li span.radioTxt {float:left; font-size:12px; color:#000;}
div.memOutRadioBox .resonBox {clear:both; margin-left:130px; padding-top:10px;}
div.memOutRadioBox .resonBox p.topTxt {height:20px;}
div.memOutRadioBox .resonBox input {width:695px; height:57px; border:1px solid #cecece; background:#fff;}

div.topStep {width:978px; height:86px; background:url('../images/member/img_step_bg.gif') repeat-x; margin:20px 0;}
div.topStep li {float:left;}

p.btmAgree {width:978px; padding-top:8px; color:#333;}
p.btmAgree input.radioS {float:left; width:13px; height:13px; margin-right:4px;}
p.btmAgree span.radioTxt {float:left;}
p.btmAgree span.rightBtn {float:right;}

table.join {width:978px; font-size:12px; border-top:1px solid #dadada; text-align:left;}
table.join img {vertical-align:middle;}
table.join th {font-weight:normal; color:#333; background:#f9f9f9; border-bottom:1px solid #dadada; padding:9px 0 9px 9px; text-align:left;}
table.join th span {background:url('../images/member/blit_blue02.gif') no-repeat left 2px; padding-left:13px;}
table.join th span.noBg {background:none;}
table.join td {font-weight:normal; color:#333; border-bottom:1px solid #dadada; padding:9px 0 9px 20px;}
table.join td span.orange {color:#f56a4f;}
table.join td p.topTxt {line-height:16px; padding-bottom:7px;}
table.join td p.btmTxt {padding-top:5px;}
table.join td input {color:#999;}
table.join td input.id {width:198px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px;}
table.join td input.nickname {width:198px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px;}
table.join td input.pw {width:198px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px;}
table.join td input.date {width:72px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px; color:#000;}
table.join td input.address1 {width:198px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px;}
table.join td input.address2 {width:198px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px; margin-left:35px;}
table.join td input.name {width:198px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px;}
table.join td input.phone {width:72px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px; color:#000;}
table.join td input.radioSex {margin-top:-2px;}
table.join td img.blitOrange {margin:4px 6px 0 0;}
table.join select {color:#000;}
table.join .myPicL {float:left; width:122px;}
table.join .myPicR {float:left;}
table.join .myPicR p.upLoadInfo {line-height:18px; padding-top:7px;}

p.step02Txt {height:24px; font-size:12px; color:#3c3c3c; padding-left:9px;}
p.step02Txt img {margin:2px 6px 0 0;}

div.step04btmBox {width:970px; height:120px; font-size:12px; border:1px solid #dadada; background:#fafafa; margin-bottom:100px;}
div.step04btmBox p.topTxt {width:615px; margin:0 auto; text-align:center; padding-top:25px; line-height:21px;}
div.step04btmBox p.topTxt img {vertical-align:middle;}
div.step04btmBox p.btmEmail {width:615px; margin:0 auto; text-align:center; padding-top:13px;}
div.step04btmBox p.btmEmail input.date {width:72px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px; color:#000;}

div.popFindPost {display:inline-block; width:450px; height:430px;}
div.popFindPost .topTitArea {width:100%; height:26px; border-bottom:1px solid #e6e6e6; padding-top:29px;}
div.popFindPost .contArea {margin:30px 0 0 10px;}
div.popFindPost .contArea p.postTxt01 {font-weight:bold; font-size:12px; color:#808080; padding-bottom:15px;}
div.popFindPost .contArea p.postTxt02 {font-size:12px; color:#808080; margin-bottom:30px;}
div.popFindPost .contArea p.postTxt03 {font-size:12px; color:#808080; line-height:18px;}
div.popFindPost .contArea p.searchInput {padding-bottom:26px; border-bottom:1px solid #ccc; margin-bottom:26px;}
div.popFindPost .contArea p.searchInput input {width:204px; height:14px; border:1px solid #bebebe; padding:4px 0 0 4px; color:#000;}
div.popFindPost .contArea textarea.post {width:371px; height:103px; font-size:12px; color:#808080; line-height:20px; border:1px solid #ccc; margin-top:12px; padding:17px 0 0 17px;}

div.memberWrap p.loginTitle2 {width:595px; height:25px; padding-left:3px; margin:150px 0 0 209px;}

div.wrapLog99 {display:inline-block; width:650px; margin:80px 0 100px 164px; border-bottom:3px solid #666;}
div.wrapLog_inner {width:604px; height:330px; border:1px solid #ececec; padding:21px 0 0 44px;}

div.loginBox {display:inline-block; width:600px; margin:0}
div.loginBox p.loginTitle {height:25px; padding-left:3px;}

div.loginBoxError {display:inline-block; width:604px; border:1px solid #c6cad5; margin:0; padding:21px 0 32px 44px;}
div.loginBoxError p.errorImg {padding-bottom:27px;}

div.leftLogin {float:left; width:310px; height:274px; font-size:12px; border:1px solid #e3e3e3; border-top:2px solid #1a2d72; background:#f9f9f9; margin-right:5px;}
div.leftLogin .idpwArea {display:inline-block; width:270px; margin:0 auto; border-bottom:1px solid #d9d9d9; padding:37px 0 20px 0;}
div.leftLogin .idpwArea p.id {padding-bottom:8px; margin-left:32px;}
div.leftLogin .idpwArea p.pw {padding-bottom:17px;; margin-left:32px;}
div.leftLogin .idpwArea p.txtLink {color:#333; margin-left:40px;}
div.leftLogin .idpwArea p.txtLink span {color:#d4d4d4;}
div.leftLogin .idpwArea p.txtLink a {color:#333;}
div.leftLogin .btmTxtArea {width:270px; font-size:12px; color:#999; line-height:17px; margin:0 auto; text-align:center; padding-top:20px;}
div.leftLogin .btmTxtArea p.tit {height:24px; font-weight:bold; font-size:13px; color:#333; padding-left:10px; text-align:left;}
div.leftLogin .btmTxtArea p.txt {height:50px; padding-left:10px; text-align:left;}
div.leftLogin .idpwArea input.id {width:140px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px; color:#999;}
div.leftLogin .idpwArea span.txtL {display:inline-block; float:left; width:51px; font-size:11px; color:#999;}
div.leftLogin .idpwArea input.pw {width:140px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px; color:#999;}
div.leftLogin .idpwArea input.memNum {width:70px; height:16px; border:1px solid #bebebe; padding:4px 0 0 4px; color:#999;}

div.wrapRealName {width:289px; height:150px; border:1px solid #ccc; margin-left:11px; background:#fff;}

div.rightBanner {float:left}

div.popLoginWrap {display:inline-block; width:577px; height:277px;}

div.tabInfoManage {display:inline-block; width:977px; height:36px; font-size:12px; color:#999; margin:21px 0 12px 0; border-left:1px solid #e6e6e6;}
div.tabInfoManage li {float:left;}
div.tabInfoManage li a {display:block; width:162px; height:24px; color:#999; border:1px solid #e6e6e6; border-left:none; background:#f3f3f0; padding-top:10px; text-align:center;}
div.tabInfoManage li a:hover {display:block; width:161px; height:24px; color:#fff; border:1px solid #1a2d72; background:#1a2d72; padding-top:10px; text-align:center; font-weight:bold; text-decoration:none;}
div.tabInfoManage li a.on {display:block; width:161px; height:24px; color:#fff; border:1px solid #1a2d72; background:#1a2d72; padding-top:10px; text-align:center; font-weight:bold; text-decoration:none;}
div.tabInfoManage li a.last {display:block; width:161px; height:24px; color:#999; border:1px solid #e6e6e6; border-left:none; background:#f3f3f0; padding-top:10px; text-align:center;}
div.tabInfoManage li a.last:hover {display:block; width:160px; height:24px; color:#fff; border:1px solid #1a2d72; background:#1a2d72; padding-top:10px; text-align:center; font-weight:bold; text-decoration:none;}
div.tabInfoManage li a.lastOn {display:block; width:160px; height:24px; color:#fff; border:1px solid #1a2d72; background:#1a2d72; padding-top:10px; text-align:center; font-weight:bold; text-decoration:none;}

p.titUnderTxt {margin:-35px 0 40px 0;}

div.signManageList {position:relative; display:inline-block; width:978px; border-top:1px solid #e6e6e6; margin-bottom:65px;}
div.signManageList li {height:24px; padding-top:10px; border-bottom:1px solid #e6e6e6;}
div.signManageList li span.leftA {float:left; width:820px; color:#333; font-size:12px; padding-left:25px;}
div.signManageList li span.leftA input {float:left; width:13px; height:13px; margin-right:4px;}
div.signManageList li span.leftA span {float:left}
div.signManageList li span.rightA {position:relative; float:left; width:133px; color:#999;}
div.signManageList li span.rightA a {color:#999;}
div.signManageList li span.rightA a.on {color:#2b4ba2;}

div.viewLayer {position:absolute; top:10px; left:160px; width:647px; height:406px; border:1px solid #818181; background:#fff; padding:19px 0 0 18px; z-index:100;}
div.viewLayer p.btnClose {position:absolute; top:13px; right:13px;}
div.viewLayer dt {width:635px; height:26px; font-family:'굴림',Gulim; font-size:11px; color:#848484; border-bottom:1px solid #ececec;}
div.viewLayer dt strong {font-size:12px; color:#6484fa; margin-right:20px;}
div.viewLayer dt span {color:#bebebe;}
div.viewLayer dt a {color:#848484;}
/*div.viewLayer dd.leftImg {float:left; padding-right:10px;}
div.viewLayer dd.rightIdTxt {float:left;}
div.viewLayer dd.rightIdTxt p.id {height:40px; font-size:12px; color:#333; padding-top:3px;}
div.viewLayer dd.rightIdTxt p a {color:#2b4ba2;}*/

div.tabMyWrite {display:inline-block; width:977px; height:27px; font-size:12px; color:#666; border-left:1px solid #e9e9e9;}
div.tabMyWrite li {float:left;}
div.tabMyWrite li a {display:block; width:74px; height:19px; color:#666; border:1px solid #e9e9e9; border-left:none; border-bottom:none; background:#fafafa; padding-top:7px; text-align:center;}
div.tabMyWrite li a:hover {display:block; width:74px; height:19px; color:#fd3400; border:1px solid #e9e9e9; border-left:none; border-bottom:none; background:#fff; padding-top:7px; text-align:center; font-weight:bold; text-decoration:none;}
div.tabMyWrite li a.on {display:block; width:74px; height:19px; color:#fd3400; border:1px solid #e9e9e9; border-left:none; border-bottom:none; background:#fff; padding-top:7px; text-align:center; font-weight:bold; text-decoration:none;}

div.joinEndTxt {display:inline-block; padding-bottom:10px;}
div.joinEndTxt li {color:#999; background:url('../images/member/blit_gray.gif') no-repeat left 6px; padding:0 0 8px 10px;}

table.myWriteList {width:978px; font-size:12px; border-top:1px solid #e9e9e9; text-align:left;}
table.myWriteList input {width:13px; height:13px; margin-right:8px;}
table.myWriteList th {height:29px; background:#fcfcfc; border-bottom:1px solid #cacaca; line-height:12px;}
table.myWriteList th img {vertical-align:middle;}
table.myWriteList th.left {border-left:1px solid #e9e9e9; text-align:right;}
table.myWriteList th.right {border-right:1px solid #e9e9e9; text-align:left;}
table.myWriteList td {padding-top:5px; border-bottom:1px solid #e6e6e6; padding:9px 0 6px 0;}
table.myWriteList td a {color:#222;}
table.myWriteList td.check {text-align:right;}
table.myWriteList td.check img {margin-right:8px;}
table.myWriteList td.date {font-size:11px; color:#b6b6b6; text-align:center;}
table.myWriteList td span {color:#ff6748;}
table.myWriteList td.pl15 {padding-left:15px;}

table.myWriteList2 {width:978px; font-size:12px; border-top:1px solid #e9e9e9; text-align:center;}
table.myWriteList2 input {width:13px; height:13px; margin-right:8px;}
table.myWriteList2 th {height:29px; font-weight:normal; color:#515151; background:#fcfcfc; border-bottom:1px solid #cacaca; line-height:12px;}
table.myWriteList2 th img {vertical-align:middle;}
table.myWriteList2 th.left {border-left:1px solid #e9e9e9; text-align:right;}
table.myWriteList2 th.right {border-right:1px solid #e9e9e9; text-align:left;}
table.myWriteList2 td {padding-top:5px; border-bottom:1px solid #e6e6e6; padding:9px 0 6px 0;}
table.myWriteList2 td a {color:#222;}
table.myWriteList2 td.check {text-align:right;}
table.myWriteList2 td.check img {margin-right:8px;}
table.myWriteList2 td.date {font-family:Verdana; font-size:9px; color:#888; text-align:center;}
table.myWriteList2 td span {color:#ff6748;}
table.myWriteList2 td.condition1 {font-size:12px; color:#009afb;}
table.myWriteList2 td.condition2 {font-size:12px; color:#ff3b00;}
table.myWriteList2 td.potion {color:#222;}
table.myWriteList2 td.left {text-align:left; padding-left:15px;}
table.myWriteList2 td.pl15 {padding-left:15px;}
table.myWriteList2 th a.separate {color:#898989; margin-left:-2px;}

p.makeSign {height:26px; font-family:'굴림',Gulim; font-size:12px; font-weight:bold; color:#333;}

div.makeSingBox input.title {width:971px; height:16px; border:1px solid #a5acb2; padding:4px 0 0 4px; color:#666; margin-bottom:5px;}

.faqList11 {display:inline-block; width:978px; border-top:1px solid #646464;}
.faqList11 dl {display:inline-block; border-bottom:1px solid #e7e7e7;}
.faqList11 dl.on {display:inline-block; border-bottom:1px solid #e7e7e7; background:#f5f5f5;}
.faqList11 dd.leftIcon {float:left; width:72px; height:30px; padding:15px 0 0 10px;}
.faqList11 dd.leftIcon img.iconQ {margin:-1px 0 0 5px;}
.faqList11 dd.leftIcon2 {float:left; width:72px; padding:15px 0 0 10px;}
.faqList11 dd.leftIcon2 img.iconQ {margin:-1px 0 0 5px;}

.faqList11 dd.rightTit {float:left; width:874px; height:28px; font-family:'굴림',Gulim; font-size:12px; color:#333; border-left:1px solid #e7e7e7; padding:17px 0 0 20px;}
.faqList11 dd.rightTit a {float:left; color:#333;}
.faqList11 dd.rightTit span {float:right; font-size:12px; color:#a6a6a6; padding-right:12px;}
.faqList11 dd.rightTit img {margin:-2px 0 0 10px;}
.faqList11 dd.rightTit2 {float:left; width:875px; font-family:'굴림',Gulim; font-size:12px; color:#333; border-left:1px solid #e7e7e7; padding:17px 0 15px 20px; background:#fff; line-height:18px;}
.faqList11 dd.rightTit2 a {color:#333;}
.faqList11 dd.rightTit2 .answerBox {width:800px; border:1px solid #e7e7e7; background:#fafafa; margin-top:18px; padding:26px 32px 26px 28px;}
.faqList11 dd.rightTit2 .answerBox p {background:url('../images/cscenter/icon_a.gif') no-repeat; padding-left:26px;}

.potionTopMem {display:inline-block; padding-bottom:10px;}

div.memWrap {position:relative; display:inline-block; width:978px;}
div.memWrap .separateLayer {position:absolute; top:25px; left:120px; width:81px; height:140px; border:1px solid #d1d1d1; background:#fff; padding-top:6px;}
div.memWrap .separateLayer li a {display:block; width:81px; height:19px; background:#f5f5f5;}

div.pop19 {width:650px; height:275px; border:1px solid #e3e3e3;}
div.pop19 p.img {padding:60px 0 0 50px;}
div.pop19 p.txt {padding:16px 0 0 268px;}


#view_user99 {padding:0; width:668px; height:75px; background:url('../images/board/bg_dot.gif') no-repeat bottom; /*border-bottom:1px solid #F0F0F0;*/ text-align:left;}
#view_user99 img {vertical-align:middle;}
.user_imgMan99 {float:left; width:72px; height:66px; padding:8px 0 0 12px;}
.user_id2 {float:left; width:500px; color:#666; text-align:left; font-family:'돋움',dotum; font-size:12px; margin-top:8px;}
.user_id2 .idName {float:left; padding-right:9px;}
.user_id2 .idName p.potion {font-family:'굴림',Gulim; font-size:12px; color:#6b6d70; padding:4px 0 4px 5px;}
.user_id2 .idName p.potion span {color:#ff0103;}
.user_id2 .recommand {float:right; margin:3px -4px 0 0;}
.user_id2 .recommand span.leftTxt {display:inline-block; float:left; width:34px; margin:2px 0 0 6px;}
.user_id2 .recommand span.rightNum {display:inline-block; float:left; width:19px; margin:2px 6px 0 0; text-align:right; font-weight:bold;}
.user_id2 .recommand dd.leftBox {width:65px; float:left; height:18px; color:#fb4c14; border:1px solid #e4e4e6;}
.user_id2 .recommand dd.rightBox {width:65px; float:left; height:18px; color:#888; border:1px solid #e4e4e6; border-left:none;}
.user_date2 {margin-top:-8px;}
.user_date2 .rightDate {float:right; margin-top:-2px;}
.user_date2 .rightDate ul {float:left; font-size:12px;}
.user_date2 .rightDate ul li {margin:0;padding:0}
.user_date2 .rightDate ul li {list-style:none; float:left;line-height:26px;}
.user_date2 .rightDate ul li span.click {color:#444444;}
.user_date2 .graphBoxGray {float:left; width:197px; height:16px; background:#909090; margin-top:3px;}
.user_date2 .graphBoxOrange {float:left; width:40px; height:16px; background:#fe3c00;}
.user_date2 .graphBoxTxt {float:left; padding-top:1px;}
.user_date2 .graphBoxTxt span {color:#fff; margin-left:3px;}
.user_date2 {width:409px; height:25px; float:left; color:#888; text-align:left; font-family:'돋움',dotum;font-size:11px; padding:7px 0 0 5px;}
.view_conte2 {clear:both; padding:23px 15px 15px 9px; text-align:left; color:#444; word-break:keep-all; font-family:'굴림',Gulim,;font-size:12px;line-height:25px;}

.popMyWriteWrap {width:696px; height:1157px; padding-left:26px;}
.popMyWriteWrap .topTitle {width:653px; height:37px; font-size:14px; color:#1a2430; border-bottom:1px solid #f0f0f0; padding:22px 0 0 15px;}
.popMyWriteWrap .topTitle strong {color:#0565d8;}
.popMyWriteWrap .tbWrap {display:inline-block; width:668px;}

div.tabPopBoard {display:inline-block; float:left; /*width:500px;*/ height:27px; font-size:12px; color:#666; border-left:1px solid #e9e9e9;}
div.tabPopBoard li {float:left;}
div.tabPopBoard li a {display:block; width:120px; height:19px; color:#666; border:1px solid #e9e9e9; border-left:none; border-bottom:none; background:#fafafa; padding-top:7px; text-align:center;}
div.tabPopBoard li a:hover {display:block; width:120px; height:19px; color:#fd3400; border:1px solid #e9e9e9; border-left:none; border-bottom:none; background:#fff; padding-top:7px; text-align:center; font-weight:bold; text-decoration:none;}
div.tabPopBoard li a.on {display:block; width:120px; height:19px; color:#fd3400; border:1px solid #e9e9e9; border-left:none; border-bottom:none; background:#fff; padding-top:7px; text-align:center; font-weight:bold; text-decoration:none;}

div.popTopHead {display:inline-block; width:650px; border-bottom:4px solid #1a2d72; margin-bottom:10px;}
div.popTopHead dd.leftA {float:left; width:219px; height:30px; padding-left:1px;}
div.popTopHead dd.rightA {float:left; width:430px; height:24px; padding-top:6px;}


/*포션현황 추가 120404*/
.potionToptxt {float:left; width:940px;  margin:0 0 30px 17px;}
.potionMybox {float:left; width:940px;  margin:0 0 0 17px; padding:0 0 30px 0;}
.leftgraph {float:left; width:270px;  margin:0 0 0 0;}
.rightTable {float:left; width:640px;  margin:0 0 0 30px;}
.potionpoint {float:left; width:270px; height:37px; background:url('../images/member/postion_point.gif') no-repeat;}
.potionpoint  ul.point {float:left; width:270px; height:27px;}
.potionpoint  ul.point li {float:left;  margin:10px 0 0 0}
.potionpoint  ul.point li.wht {float:left; width:90px; height:27px; font-family:'굴림',Gulim; font-size:13px; font-weight:bold; color:#fff; text-align:center; line-height:17px;}
.potionpoint  ul.point li.wht1 {float:left;  padding:0 0 0 10px; width:170px; height:27px; font-family:'굴림',Gulim; font-size:13px; font-weight:bold; color:#fff; line-height:17px;}
.potionpoint  ul.point li.gry {width:90px; height:27px; font-family:'굴림',Gulim; font-size:13px; font-weight:bold; color:#CECECE; text-align:center; line-height:17px;}
.potionname {float:left; width:270px; height:45px; background:url('../images/member/postion_name.gif') no-repeat;}
.potionname dd.leftA {float:left; width:90px; height:35px; padding:8px 0 0 0;  text-align:center;}
.potionname dd.rightA {float:left; width:170px; height:25px;  padding:18px 0 0 10px;  font-family:'굴림',Gulim; font-size:12px; color:#4F8EAF;}
.levelchart {float:left; width:270px; height:406px; background:url('../images/member/level_bg.gif') no-repeat;}
.levelchart .levelbg {float:right; width:180px; height:400px;}
.levelchart .levelbg ul {}
.levelchart .levelbg li.level0 {width:180px; height:40px;}
.levelchart .levelbg li.level1 {width:180px; height:40px; background:#FFD62E;}
.levelchart .levelbg li.level2 {width:180px; height:40px; background:#FFB900;}
.levelchart .levelbg li.level3 {width:180px; height:40px; background:#FC9401;}
.levelchart .levelbg li.level4 {width:180px; height:40px; background:#55BB02;}
.levelchart .levelbg li.level5 {width:180px; height:40px; background:#2FA501;}
.levelchart .levelbg li.level6 {width:180px; height:40px; background:#199000;}
.levelchart .levelbg li.level7 {width:180px; height:40px; background:#006DA6;}
.levelchart .levelbg li.level8 {width:180px; height:40px; background:#00148D;}
.levelchart .levelbg li.level9 {width:180px; height:40px; background:#F70039;}
.levelchart .levelbg li.level10 {width:180px; height:40px; background:#E21500;}
.levelchart .leverarea {position:relative; width:123px; background:url('../images/member/lever_are.png') no-repeat;}
.levelchart .leverarea ul.area {margin:0 0 0 18px; padding:17px 0 0 0; width:81px; font-family:'돋움',Dotum; font-size:11px; color:#FFFFFF;}
.levelchart .leverarea li {width:81px; height:15px; font-family:'돋움',Dotum; font-size:11px; color:#FFFFFF;}
.levelchart .leverarea .span { font-family:'돋움',Dotum; font-size:11px; font-weight:bold; color:#FFEA00;}

/*포션검색 추가 120404*/
.poSearch {width:640px;  border-top:1px solid #efefef; border-bottom:1px solid #efefef; margin-bottom:10px;}
.poSearch .poleft {float:left; width:136px; height:78px; font-family:'굴림',Gulim; font-size:12px; color:#333; text-align:center; background:#F6F6F5;}
.poSearch .poright {float:left; width:490px; height:78px; font-family:'굴림',Gulim; font-size:12px; color:#333; margin-left:14px;}
.poSearch .poright li {float:left; height:32px;  margin:10px 0 0 7px;}
.poSearch .poright ul.infut{float:left; width:490px; }
p.pobtn {width:640px; margin-bottom:5px;  text-align:center; }
p.txtLeft {margin:33px 0 0 0;}




/*내가 쓴글 리스트*/
div.tabMyWrite3 {display:inline-block; width:640px; height:27px; font-size:12px; color:#666; border-left:1px solid #e9e9e9;}
div.tabMyWrite3 li {float:left;}
div.tabMyWrite3 li a {display:block; width:136px; height:19px; color:#666; border:1px solid #e9e9e9; border-left:none; border-bottom:none; background:#fafafa; padding-top:7px; text-align:center;}
div.tabMyWrite3 li a:hover {display:block; width:136px; height:19px; color:#fd3400; border:1px solid #e9e9e9; border-left:none; border-bottom:none; background:#fff; padding-top:7px; text-align:center; font-weight:bold; text-decoration:none;}
div.tabMyWrite3 li a.on {display:block; width:136px; height:19px; color:#fd3400; border:1px solid #e9e9e9; border-left:none; border-bottom:none; background:#fff; padding-top:7px; text-align:center; font-weight:bold; text-decoration:none;}
p.potionBtn {margin:10px 0 0 530px;}

div.memWrap3 {position:relative; display:inline-block; width:640px;}
div.memWrap3 .separateLayer3 {position:absolute; top:25px; left:120px; width:81px; height:140px; border:1px solid #d1d1d1; background:#fff; padding-top:6px;}
div.memWrap3 .separateLayer3 li a { width:81px; height:19px; background:#f5f5f5;}

table.myWriteList2 {width:640px; font-size:12px; border-top:1px solid #e9e9e9; text-align:center;}
table.myWriteList2 input {width:13px; height:13px; margin-right:8px;}
table.myWriteList2 th {height:29px; font-weight:normal; color:#515151; background:#fcfcfc; border-bottom:1px solid #cacaca; line-height:12px;}
table.myWriteList2 th img {vertical-align:middle;}
table.myWriteList2 th.left {border-left:1px solid #e9e9e9; text-align:right;}
table.myWriteList2 th.right {border-right:1px solid #e9e9e9; text-align:left;}
table.myWriteList2 td {padding-top:5px; border-bottom:1px solid #e6e6e6; padding:9px 0 6px 0;}
table.myWriteList2 td a {color:#222;}
table.myWriteList2 td.check {text-align:right;}
table.myWriteList2 td.check img {margin-right:8px;}
table.myWriteList2 td.date {font-family:Verdana; font-size:9px; color:#888; text-align:center;}
table.myWriteList2 td span {color:#ff6748;}
table.myWriteList2 td.condition1 {font-size:12px; color:#009afb;}
table.myWriteList2 td.condition2 {font-size:12px; color:#ff3b00;}
table.myWriteList2 td.potion {color:#222;}
table.myWriteList2 td.left {text-align:left; padding-left:15px;}
table.myWriteList2 td.pl15 {padding-left:15px;}
table.myWriteList2 th a.separate {color:#898989; margin-left:-2px;}


/*서비스약관 택스트*/
.csCont01 {font-size: 12px; line-height: 21px; padding-left: 15px; padding-right: 15px;  padding-top: 15px;}
.titNumBox {font-size: 12px; line-height: 21px; padding-left: 15px; padding-right: 15px; padding-top: 15px;}


/*아이콘 현황*/
.iconbox { width:977px; margin:0 0 0 0px; padding:0 0 0 0;}
.iconbox .stit {font-family:'굴림',Gulim; height:15px; font-weight:bold; font-size:14px; color:#00207B;}

.iconbox .iconuse {display:inline-block; width:977px; font-size:12px; color:#999; margin:12px 0 12px 0; border-left:1px solid #e6e6e6;}
.iconbox .iconuse li {float:left; margin-right:5px; width:76px; height:76px; background:#F0F0F0;}
.iconbox .iconuse li a {display:block; width:64px; height:64px; background:#F0F0F0; text-align:center; padding:6px;}
.iconbox .iconuse li a:hover {display:block; width:64px; height:64px; background:#222; text-align:center; padding:6px;}
.iconbox .iconuse li a.on {display:block; width:64px; height:64px; background:#222; text-align:center; padding:6px;}

.iconbox .potionAllbox {width:978px; }

.iconbox .potionAllbox .potionCont {width:978px; height:auto; border-left:1px solid #EAEAEA;  border-top:1px solid #EAEAEA; margin-bottom:30px;}
.iconbox .potionAllbox .potionCont .potiitem { font-size:12px; color:#999; margin:0 0 0 0;}
.iconbox .potionAllbox .potionCont .potiitem li {float:left; display:block; width:325px; height:106px; border-bottom:1px solid #EAEAEA; border-right:1px solid #EAEAEA; background:#fff;}

.iconbox .potionAllbox .itemThum{padding:17px 0 0 13px;}
.iconbox .potionAllbox .itemThum dd.leftThum {float:left; width:64px; border:4px solid #F0F0F0;}
.iconbox .potionAllbox .itemThum dd.centerCont {float:left; width:180px; padding-top:5px; margin-left:10px;}
.iconbox .potionAllbox .itemThum dd.centerCont p.title {font-family:'굴림',Gulim; height:15px; font-weight:bold; font-size:13px; color:#222; padding:4px 0 0 0;}
.iconbox .potionAllbox .itemThum dd.centerCont p span.text {display:inline-block; float:left; font-size:12px; color:#757575; padding:5px 0 5px 0px;}
.iconbox .potionAllbox .itemThum dd.centerCont p span.pay {display:inline-block; float:left;  font-size:12px; color:#F32200; padding-bottom:5px;}
.iconbox .potionAllbox .itemThum dd.rightBtn {position:relative; float:left; width:50px; padding-top:8px; }