﻿/* CSS Document */
@import url(bbs.css);/*OldSiteCss*/
@import url(board.css);
@import url(news.css);
@import url(library.css);
@import url(member.css);
@import url(mypage.css);
@import url(itemshop.css);
/*공통 태의 기본속성 정의*/
body, td, th, div, form, textarea, center, pre, blockquote, p ,span { font-size:12px; color:#333333; font-family:"MS PGothic", "Verdana"; line-height:160%; word-wrap:break-word; word-break:break-all; }
ul, ol, li,dd,dt,dl, { font-size:12px; color:#333333; font-family:"MS PGothic", "Verdana"; line-height:160%; }
input { font-size:12px; color:#333333; font-family:"MS PGothic", "Verdana";  }
th { text-align:center; }
body,td, img { margin:0 }
p { margin:0px 0px 0px 0px; }
.png24 { tmp:expression(setPng24(this)); }
form { margin:0 }
hr { }
input{}
a img{}
img { border:0; }
.cler-both { clear:both; font: 0px/0px monospace; display: block; } 
.padNo { line-height:0px; font-size:0px; margin:0 0 0 0 }
ul, ol, li { padding:0; margin:0; list-style:none; }
h1, h2, h3, h4, h5, h6, h7 { margin:0; padding:0; font-size:100%; font-weight:normal; }
a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:active { color: #333333; text-decoration: none; }
a:hover { color: #333333; text-decoration:underline; }
/*메인,서브바디*/
#indexBody { background:url(/images/main/bg.gif) }
#indexWrap { background:url(/images/main/Bg2.jpg) repeat-x; }
#subBody { background:url(/images/main/bg.gif) }
#subWrap { background:url(/images/main/Bg2.jpg) repeat-x; }
/*메인,서브각 백그라운드 이미지*/
#indexBg { background:url(/images/main/indexBg.jpg) no-repeat center 0px; margin:auto }
#subBgNews { background:url(/images/main/subBgNews.jpg) no-repeat center 0px; margin:auto }
#subBgGameinfo { background:url(/images/main/subBgGameinfo.jpg) no-repeat center 0px; margin:auto }
#subBgBeginner { background:url(/images/main/subBgBeginner.jpg) no-repeat center 0px; margin:auto }
#subBgPlayguide { background:url(/images/main/subBgPlayguide.jpg) no-repeat center 0px; margin:auto }
#subBgSupport { background:url(/images/main/subBgSupport.jpg) no-repeat center 0px; margin:auto }
#subBgCommunity { background:url(/images/main/subBgCommunity.jpg) no-repeat center 0px; margin:auto }
#subBgLibrary { background:url(/images/main/subBgLibrary.jpg) no-repeat center 0px; margin:auto }
#subBgMypage { background:url(/images/main/subBgMypage.jpg) no-repeat center 0px; margin:auto }
#subBgMember { background:url(/images/main/subBgMypage.jpg) no-repeat center 0px; margin:auto }
#subBgEtc { background:url(/images/main/subBgEtc.jpg) no-repeat center 0px; margin:auto }
#subBgItemshop { background:url(/images/main/subBgItemshop.jpg) no-repeat center 0px; margin:auto }
/*메인탑*/
#indexTop { width:989px; height:320px; margin:auto }
#indexTop .left { width:183px; float:left; }
#indexTop .left .logo { width:183px; margin:0 -49px 0 0; position:relative; left:10px; top:20px; }
#indexTop .left .mainJoin { margin:45px 0 -45px 0; position:relative; left:0px; top:25px; }
#indexTop .right { width:806px; float:left; }
#indexTop .right .mFlash { height:230px;}
/*플래쉬메뉴*/
#mainMenu { height:90px; margin:0px 0 0 0;}
#mainMenu .icoNew{ position:relative; margin:-100px 0 -20px 680px; width:44px; height:32px;}
/*서브탑*/
#subTop { width:989px; height:170px; margin:auto }
#subTop .left .logo { width:183px; margin:0 0 0 0; }
#subTop .left { width:183px; float:left; }
#subTop .right { width:806px; float:left; margin:12px 0 0 0 }
/*메인중앙*/
#indexMain { width:989px; background: url(/images/main/mainBg2.gif) no-repeat 183px bottom; margin:auto; padding:0 0 35px 0 }
#indexMain .left { width:183px; float:left; }
#indexMain .center { width:644px; float:left; background:url(/images/main/mainBg.gif) no-repeat; padding:0 0 0px 18px; }
#indexMain .centerEvent { width:644px; float:left; background:url(/images/main/mainBgEvent.gif) repeat-y; padding:0 0 0 18px; }
#indexMain .center .left { width:365px; float:left; margin:21px 0 0 0; }
#indexMain .center .right { width:245px; float:left; margin:21px 0 0 14px; text-align:left }
#indexMain .right { width:144px; float:left; text-align:right }
/*서브중앙*/
#subMain { width:989px; background:url(/images/main/subContentsBot.gif) no-repeat 183px bottom; margin:auto; padding-bottom:50px }
#subMain .left { width:183px; float:left; }
#subMain .center { width:661px; float:left; background:url(/images/main/subContentsBg.gif) repeat-y }
#subMain .center .title { background:url(/images/main/subTitBg.gif) no-repeat; width:619px; height:50px; padding:22px 0 0 42px; overflow:hidden }
#subMain .center .title h3 { float:left; width:200px; }
#subMain .center .title .location { float:right; color:#e0d0b4; text-align:right; padding:4px 30px 0 0 }
#subMain .center .contents { width:600px; margin:auto; margin-top:10px }
#subMain .center .left { width:365px; float:left; margin:21px 0 0 0; }
#subMain .center .right { width:245px; float:left; margin:21px 0 0 14px; text-align:left }
#subMain .right { width:144px; float:left; text-align:right; position:relative; left:0px; top:0px }
/*서브 왼쪽 메뉴*/
.subMenu .top { background:url(/images/main/subMenuTop.gif) no-repeat; width:167px; height:42px; padding:28px 0 0 0; margin:auto; text-align:center; }
.subMenu .top2 { background:url(/images/main/subMenuTop2.gif) no-repeat; width:167px; height:36px; padding:9px 0 0 0; margin:auto; margin-top:-4px; text-align:center; }
.subMenu .list { background:url(/images/main/subMenuBg.gif) repeat-y; width:167px; margin:auto }
.subMenu .bot { background:url(/images/main/subMenuBot.gif); width:167px; height:24px; margin:auto; margin-top:-4px; }
.subMenu .list ul { width:143px; margin:auto; }
.subMenu .list .m1 { padding:2px 0 0 2px; background:url(/images/main/subMbg.gif) no-repeat; height:21px; color:#e0d0b4; text-align:center; margin:0 0 4px 0 }
.subMenu .list .m1 a:link { color: #e0d0b4; text-decoration: none; }
.subMenu .list .m1 a:visited { color: #e0d0b4; text-decoration: none; }
.subMenu .list .m1 a:active { color: #e0d0b4; text-decoration: none; }
.subMenu .list .m1 a:hover { color:#ffffff; text-decoration:none; }
.subMenu .list2 { background:url(/images/main/subSmBg.gif) repeat-y; margin:0px 0 4px 0 }
.subMenu .list2 .m2 { background:url(/images/main/subSmDot.gif) no-repeat 12px 9px; padding:3px 0 2px 20px; font-size:11px; margin:0 0 0 0; }
.subMenu .list2 .m2 a:link { color: #e0d0b4; text-decoration: none; }
.subMenu .list2 .m2 a:visited { color: #e0d0b4; text-decoration: none; }
.subMenu .list2 .m2 a:active { color: #e0d0b4; text-decoration: none; }
.subMenu .list2 .m2 a:hover { color:#ffffff; text-decoration:none; }
/*서브에 사용된 탭메뉴*/
.subTab { width:600px; height:30px; border-width:0 0 2px 0; border-bottom:#dfdfdf solid; padding:0 0 8px 0; margin:10px 0 10px 0; }
.subTab ul li { padding:3px 7px 5px 7px; float:left; text-align:center; margin:5px 8px 8px 0px; height:17px; color:#1d2150; border:#CCCCCC 1px solid; }
.subTab ul { float:none }
.subTab ul .on a:link { color: #da6e2c; text-decoration: none; }
.subTab ul .on a:visited { color: #da6e2c; text-decoration: none; }
.subTab ul .on a:active { color: #da6e2c; text-decoration: none; }
.subTab ul .on a:hover { color: #da6e2c; text-decoration: none; }
.subTab ul li { background:url(http://images.enf.jp/images/main/subTabBgOff.gif) repeat-x; }
.subTab ul .on { background:url(http://images.enf.jp/images/main/subTabBgOn.gif) repeat-x bottom; color:#da6e2c; font-weight:bold; }
/*사이트 하단 - 로고,카피,geo*/
#indexBot { width:989px; height:75px; margin:auto; text-align:left; margin-top:15px}
#indexBot .logoNetts { width:355px ; float:left; text-align:right}
#indexBot .copy { padding:0 0 0 20px ; float:left}
#indexBot .copy p { color:#FFFFFF; }
#indexBot .copy a { color:#FFFFFF; }
.geo { width:129px; text-align:center; background:#77603d; border:#554121 4px solid ; margin:8px 0 0 7px; padding:5px 0 5px 0}
/*로그인박스*/
.loginId { height:14px; width: 110px; color: #816944; font-weight:bold; padding:2px 0 0px 0; line-height:11px; border: 0px; margin:8px 2px 0 4px; }
.indexLogin .box { margin:40px 0 0 12px; }
.indexLogout .box { margin:58px 0 0 12px; }
/*메인왼쪽*/
#indexMain .left .indexLogin { background:url(/images/main/loginBg.gif) no-repeat; width:167px; height:155px; margin:auto; margin-top:45px }
#indexMain .left .indexLogout { background:url(/images/main/logoutBg.gif) no-repeat; width:167px; height:155px; margin:auto; margin-top:45px }
#subMain .left .indexLogin { background:url(/images/main/loginBg.gif) no-repeat; width:167px; height:155px; margin:auto; margin-top:0px }
#subMain .left .indexLogout { background:url(/images/main/logoutBg.gif) no-repeat; width:167px; height:155px; margin:auto; margin-top:0px }
.download { width:167px; margin:auto; margin-top:-1px }
.support { width:167px; margin:auto; margin-top:8px; }
.puzzle { width:167px;  margin:auto; margin-top:8px; }
.server { width:167px; height:63px; background:url(/images/main/server.gif) no-repeat; margin:auto; margin-top:8px; }
.timeInfo { width:167px; margin:auto; margin-top:8px; }
.poll { margin:8px 0 0 0; float:right }
.poll td { color:#FFFFFF; text-align:left; font-size:11px; }
.mainSlotInfo{background:url(/images/main/mainSlotInfo.gif) no-repeat 0px 50px; width:137px; height:157px; margin:8px 0 0 7px}
.mainSlotInfo .slotInfo01{ position:relative; top:27px; text-align:center; font-weight:bold; color:#ffec6b}
.mainSlotInfo .slotInfo02{ position:relative; top:61px; text-align:center; font-weight:bold; color:#ffec6b}
.mainCom {}
.mainCom .comSS{ float:left;width:110px; height:91px; margin:0 0 0 0; padding:5px; overflow:hidden; text-align:center;background:url(/images/main/comCtnBg.gif) no-repeat;}
.mainCom .comSS .comLink a{ width:110px; height:19px; background:#ae966b; color:#000000; margin:5px 0 0 0}
.mainCom .comSS .comLink { width:110px; height:19px; background:#ae966b; color:#000000; margin:5px 0 0 0}
/*메인공지사항*/
.mainListTable { width:365px; }
.mainListTable .dotLine { background:url(/images/main/dotLine.gif) repeat-x top; height:1px; }
.mainListTable td { line-height:23px; height:24px; padding:1px 0 2px 0 } /*ieCss*/
/**/
.mainEvent{ height:143px}
.ranking { margin:10px 0 0 0 }
.ranking .list { margin:0 5px 0 5px }
.ranking .list td { color:#cfbb9c; text-align:center }
.ranking .list th { color:#cfbb9c; text-align:center }
.fanSite { margin:5px 0 0 0 }
.fanSite .img { border:#3f2f16 4px solid; margin:3px 0 2px 0 }
.fanSite .t01 a { color:#f3e3c6; }
.fanSite .t01 { color:#f3e3c6; line-height:14px; padding:5px 0 0 0 }
.fanSite .t02 { color:#b9a78d; font-size:11px }
.community { margin:5px 0 0 0 }
.snList { margin:0 5px 0 10px; }
.snList li { color:#d8a8a8; text-align:left; font-size:11px; background:url(/images/main/subNoticeDot.gif) no-repeat 0px 6px; padding:0 0 0 7px; height:20px; overflow:hidden }
.snList li a:link { color:#d8a8a8; }
.snList li a:visited { color:#d8a8a8; }
.snList li a:active { color:#d8a8a8; }
.snList li a:hover { color:#d8a8a8; }
/*글로벌탑메뉴*/
.globalTop { background:url(/images/main/globalBg.gif) repeat-x; height:33px; overflow:hidden }
.globalTop .left1 { float:left; width:80px;}
.globalTop .left2 { float:left;margin:0 0 10px 0px}
.globalTop .left2 ul{margin:4px 0 0 5px}
.globalTop .left2 ul li { line-height:10px; margin:0 0 0 0; font-size:11px; background:url(/images/main/globalDot.gif) no-repeat 0px 0px; padding:1px 0 0 10px; text-align:left }
.globalTop .right { float:right; width:300px; text-align:right; height:33px; right: auto; }

.noBoTable td{ border:none}

.ctnBox{background:url(/images/main/ctnBg.gif) repeat-y; margin:0 0 0 0}
.ctnBox .top{ background:url(/images/main/ctnTop.gif) no-repeat; height:9px; font-size:1px;}
.ctnBox .ctn{ padding:5px 15px; color:#7e5051;}
.ctnBox .bot{ background:url(/images/main/ctnBot.gif) no-repeat; height:9px; font-size:1px;}


.ctnBox2{background:url(/images/main/ctnBg.gif) repeat-y; margin:0 0 0 0}
.ctnBox2 .top{ background:url(/images/main/ctnTop.gif) no-repeat; height:9px; font-size:1px;}
.ctnBox2 .bot{ background:url(/images/main/ctnBot.gif) no-repeat; height:9px; font-size:1px;}
.ctnBox2 p{  background:#f4ecde; margin:0 9px; padding:10px; color:#7e5051;}

.hTit01{ background:url(/images/main/icoBul01.gif) no-repeat 0px 1px; font-size:14px; font-weight:bold; padding:0 0 2px 10px; color:#6a5027; margin:3px 0 10px 0;}


.mainItemBox {width:245px; }
.mainItemBox .item { width:245px; height:82px; float:left; }
.mainItemBox .top { height:32px; }
.mainItemBox .bot { background:url(/images/main/itemshopBot.gif) no-repeat; font-size:1px; height:10px; }
.mainItemBox .item .itemLeft { float:left; width:92px; height:82px; margin:0 0 0 0px;}
.mainItemBox .item .itemLeft h5 { margin:3px 0 0 10px }
.mainItemBox .item .itemLeft .img { background:url(/images/itemshop/itemBgS.gif) no-repeat; padding:11px 0 11px 10px; margin:0 0 0 10px; width:82px; height:72px; }
.mainItemBox .item .itemLeft .itemNew { position:relative; z-index: 1; margin:6px 0 -38px 0px; width:44px; }
.mainItemBox .item .itemRight { width:135px; float:left; margin:0 0 0 10px; }
.mainItemBox .item .itemRight h4 { color:#d0e3ab; font-weight:bold; height:16px; overflow:hidden }
.mainItemBox .item .itemRight h4 a { color:#d0e3ab; }
.mainItemBox .item .itemRight h5 { color:#83c85e; margin:5px 0 0 0; height:18px; }
.mainItemBox .item .itemRight p { color:#e9e1d4; line-height:16px; margin:5px 0 0 0; height:30px; overflow:hidden }

.deTable { border-top:#dadada 0px solid; margin:0 0 0 0; border-right:#dadada 1px solid; border-top:#dadada 1px solid;  }
.deTable td { padding:7px 10px; border-left:#dadada 1px solid; border-bottom:#dadada 1px solid; }
.deTable th { padding:7px 10px; border-left:#dadada 1px solid; border-bottom:#dadada 1px solid; background:#f2f2f2; font-weight:normal }
.deTable tr { background:#ffffff }
.deTable input { border:#dadada solid 1px; padding:1px 1px 0px 3px; color:#666666; height:16px; }
.deTable .radio { border:none }
.deTable textarea { width:99%; height:150px; border:#4c3918 solid 1px; padding:1px 3px 1px 5px; color:#6666666; overflow:auto }



.pBox{ border:#e6e6e6 1px solid; padding:10px; background:#f3f3f3}