/*
*  프로젝트 / 사용 컨텐츠 ( 최종수정일 )
*  Ntreevsoft co.ltd
*/

html, body { font-family:dotum, 돋움, AppleGothic, Sans-serif; font-size:12px; color:#000; padding:0; margin:0; }
form, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { list-style:none; padding:0; margin:0; }
table { border-collapse:collapse; } th { font-weight:bold; text-align:center; } td { text-align:left; }
img { border:none; } hr { display:none; }
a:link, a:visited, a:active { }
a:hover { }

body {background:url(../img/main/bg_patten.jpg) repeat left top;}

/* real body layout : ngnb 와의 영역구분을 위해 별도의 relative 속성을 가진 wrap 구현 */
#wrap { position:relative; width:100%; min-width:998px; }


/* png */
.png24 {tmp:expression(setPng24(this));}

/* layout */
/* sub flash */
.visual-navi { width:100%; text-align:center; }
.game-start { position:absolute; top:363px; left:50%; margin-left:-88px; width:117px; height:169px; }

.container { position:absolute; top:588px; width:100%; }
.c-wapper { margin:0 auto; width:1000px; height:596px;}
.ab-wapper { position:absolute; width:1000px; height:596px;}

.sm-wrap { float:left; width:253px; }
.sm-wrap .m-info {position:absolute; z-index:30; left:0; margin-top:-20px; height:340px;}
.sm-wrap .m-info .log-in-game { position:absolute; margin:99px 0 0 50px; width:148px; font-size:11px; }
.sm-wrap .m-info .log-in-game .character { float:left; padding-left:5px; width:66px; height:120px; background:url(../img/common/character.png) no-repeat left top; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://public.gametree.co.kr/samgukji/img/common/character.png', sizingMethod='image');}
.sm-wrap .m-info .log-in-game .info { float:left; padding-top:10px; width:77px; }
.sm-wrap .m-info .log-in-game .info dl { padding-bottom:4px; }
.sm-wrap .m-info .log-in-game .info dl dt { clear:both; float:left; margin-right:4px; }
.sm-wrap .m-info .log-in-game .info dl dd { padding-top:3px; color:#645D59; }
.sm-wrap .m-info .log-in-game .info p { padding-top:3px; color:#4F4142; }
.sm-wrap .m-info .log-in-game .info p strong {color:#7F6750; }
.sm-wrap .m-info .log-in-game .info p.btn { padding-top:7px; }
.sm-wrap .m-info .log-in-game .cash { clear:both; width:100%; color:#4F4142; word-spacing:-1px; text-align:center; }
.sm-wrap .m-info .log-in-game .cash img { margin-bottom:-2px; }
.sm-wrap .m-info .log-in-game .publicBtn { margin-top:3px; }


.sm-wrap .m-info .log-in { position:absolute; margin:105px 0 0 30px; width:190px; color:#4F4142; font-size:12px; text-align:center; }
.sm-wrap .m-info .log-in .wc { margin:0; height:33px; line-height:13px; font-size:11px;}
.sm-wrap .m-info .log-in .wc span {font-weight:bold;}
.sm-wrap .m-info .log-in .treeCache span {font-weight:bold;}
.sm-wrap .m-info .log-in .name {  }
.sm-wrap .m-info .log-in .btn { margin-top:8px; padding-top:11px; background:url(../img/common/login_line.png) no-repeat center top; }
.sm-wrap .m-info .log-out { position:absolute; margin:101px 0 0 57px; width:134px;}
.sm-wrap .m-info .log-out fieldset { padding:0; margin:0; border:none; }
.sm-wrap .m-info .log-out legend { display:none; font:0/0 arial; }
.sm-wrap .m-info .log-out .id { margin-bottom:1px; }
.sm-wrap .m-info .log-out .tx { #margin:-1px 0; padding:2px 0 0 5px; width:129px; height:15px; border:0; font-size:11px; color:#AEA49F; }
.sm-wrap .m-info .log-out .id input { background:#464442 url(../img/common/inp_id.png) no-repeat 5px center; }
.sm-wrap .m-info .log-out .pass input { background:#464442 url(../img/common/inp_pass.png) no-repeat 5px center; }
.sm-wrap .m-info .log-out .chk { margin-top:1px; height:22px; }
.sm-wrap .m-info .log-out .btn { margin-bottom:3px; }
.sm-wrap .m-info .log-out .m-btn span {margin-right:13px; padding-left:10px; background:url(../img/common/bar.png) no-repeat right 1px;}

.sm-wrap .service { position:absolute; z-index:25; margin:342px 0 0 0; padding-left:7px;}

/* contents */
.contents { float:left; width:520px; }

.main-contents { margin-left:-108px; width:628px; }
.m-cont { position:absolute; z-index:25; margin:222px 0 0 124px; width:463px; }
.m-cont .m-tab { margin-bottom:11px; width:100%; height:29px; }
.bg-cont { width:628px;  height:596px; }
.bg-cont .event { padding-left:106px; width:500px; }
.bg-cont .bg { position:absolute; top:115px; width:628px; height:481px; background:url(../img/main/bg_contents.png) no-repeat left top; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://public.gametree.co.kr/samgukji/img/main/bg_contents.png', sizingMethod='image'); }

.m-cont .lint-wrap { margin:0 6px 27px; _margin-bottom:21px; height:101px;}
.m-cont .bd-list { width:100%; }
.m-cont .bd-list caption { display:none; }
.m-cont .bd-list tbody td { padding:4px 0 3px; #padding:5px 0 4px; _padding:5px 0 2px; color:#7F7A7A; text-align:center; }
.m-cont .bd-list tbody td.tal { padding-left:10px; text-align:left; }
.m-cont .bd-list tbody td a { color:#7F7A7A; text-decoration:none; }
.m-cont .bd-list tbody td a:hover { color:#DAD2D2; }
.m-cont .bd-list tbody td.ico { padding:0; }

.m-cont .cont-wrap { }
.m-cont .cont-wrap h2 { margin:0; padding-left:13px; height:23px; }
.m-cont .cont-wrap h2 img { vertical-align:top; }
.m-cont .cont-wrap h2 .en { margin-top:8px; }
.m-cont .cont-wrap .thumb-list { padding:0 0 13px 13px; background:url(../img/main/bg_line_01.jpg) no-repeat left bottom; }
.m-cont .cont-wrap .thumb-list dd { padding-top:3px; }
.m-cont .cont-wrap .thumb-list dd.thumb { float:left; margin-right:12px; padding:0; width:194px; height:54px; border:1px solid #312E27; }
.m-cont .cont-wrap .thumb-list dd.thumb img { width:194px; height:54px; vertical-align:top; }
.m-cont .cont-wrap .thumb-list dd .tit { padding-bottom:5px; font-weight:bold; color:#FFF; }
.m-cont .cont-wrap .thumb-list dd .cont { line-height:18px; color:#B4B3B3; }
.m-cont .cont-wrap .thumb-list dd .cont a, .m-cont .cont-wrap .thumb-list dd .cont a:link, .m-cont .cont-wrap .thumb-list dd .cont a:visited, .m-cont .cont-wrap .thumb-list dd .cont a:hover { color:#B4B3B3; text-decoration:none; }
.m-cont .cont-wrap .txt-list { padding:12px 20px 0 13px; }
.m-cont .cont-wrap .txt-list li {overflow:hidden; padding:0 0 6px 6px; _height:100%; color:#7F7A7A; background:url(../img/main/bu_dot.jpg) no-repeat left 4px;}
.m-cont .cont-wrap .txt-list li a, .m-cont .cont-wrap .txt-list li a:link, .m-cont .cont-wrap .txt-list li a:visited, .m-cont .cont-wrap .txt-list li a:hover { color:#7F7A7A; text-decoration:none; }



/* right */
.right-wrap { float:left; width:227px; }

/* 설문조사 */
.main-poll { padding-top:23px; width:100%; }
.main-poll h2 { text-align:right; }
.main-poll .poll_txt { padding-top:4px; height:85px; background:url(../img/main/poll_txt_box.jpg) no-repeat left top; }
.main-poll .poll_txt .img-txt { padding-bottom:7px; }
.main-poll .poll_txt .txt { overflow:hidden; padding:5px 23px 0 5px; width:199px; height:16px; color:#AEADAD; letter-spacing:-1px; }
.main-poll .poll_txt .date { padding-top:9px; height:19px; color:#817B7A; }
.main-poll .btn { padding-right:19px; text-align:right; }
.main-poll .btn img { vertical-align:top; }

/* 용어사전 */
.dictionary { width:100%; height:197px; background:url(../img/main/bg_line_02.jpg) no-repeat left top; }
.dictionary h2 { padding-top:40px; text-align:right; }
.dictionary .tag { padding:5px 23px 0 0; }
.dictionary .tag a { text-decoration:none; line-height:23px; }
.dictionary .tag span { margin-right:6px; }
a.tag1 {padding:3px 3px 1px; #padding:3px; _padding:3px 3px 0; font-weight:bold; font-size:13px; color:#C2A1BC; background:#814F79;}
a.tag2 {color:#97875D;}
a.tag3 {padding:3px 3px 1px; #padding:3px; _padding:3px 3px 0; font-weight:bold; color:#DDDAD3; background:#836B54;}
a.tag4 {color:#4174A2;}
a.tag5 {color:#656460;}
a.tag6 {font-weight:bold; color:#000;}
a.tag7 {padding:3px 3px 1px; #padding:3px; _padding:3px 3px 0; font-weight:bold; color:#BDEA70; background:#5A874E;}

.screen-shot {width:100%;}
.screen-shot h2 {margin:0; text-align:right;}
.screen-shot ul {padding-top:12px; width:100%; height:168px; background:url(../img/main/screen_shot_bg.jpg) no-repeat left top;}
.screen-shot ul li {float:left; padding:0 9px 6px 0; width:95px; height:63px;}
.screen-shot ul li a {display:block; padding:3px; width:89px; height:57px; background:url(../img/main/thumb_bg_off.gif) no-repeat center center;}
.screen-shot ul li a:hover {background:url(../img/main/thumb_bg_on.gif) no-repeat center center;}

/* footer 20100409 수정, 20100413 수정  */
.footer { width:100%; height:290px; }
.footer .f-flash { height:121px; text-align:center; }
.footer .f-wrapper { width:100%; height:169px; background:#000; }
.footer .f-wrapper .f-cont { position:relative; margin:0 auto; padding-left:20px; width:980px; font:0/0 arial; }
.footer .f-wrapper .f-cont .fl {width:642px;}
.footer .f-wrapper .f-cont .f-logo .ntreev {position:absolute; top:29px; left:23px;} 
.footer .f-wrapper .f-cont .f-logo .coei {position:absolute; top:28px; left:73px;} 
.footer .f-wrapper .f-cont .f-logo .vce {position:absolute; top:64px; left:75px;} 
.f-menu {position:absolute; top:10px; left:143px; overflow:hidden; padding:19px 0 12px 0; _height:100%; }
.f-menu li {float:left; padding-left:16px; background:url(../img/footer/menu_bar.png) no-repeat 8px top;}
.f-menu li.fir {padding-left:0; background:none;}
.footer .f-wrapper .f-cont address.sk {position:absolute; top:50px; left:142px;} 
.footer .f-wrapper .f-cont address.ntreev {position:absolute; top:75px; left:142px;} 
.footer .f-wrapper .f-cont p.copyright {position:absolute; top:104px; left:142px;} 
.f-cont .use-Level {position:absolute; top:27px; right:17px;}
.f-cont .use-Level table {width:100%; border-collapse:collapse; border-spacing:0; border-right:1px solid #000 !important; border-bottom:1px solid #000 !important;}
.f-cont .use-Level table td {padding:6px 0; border-right:1px solid #765200; border-bottom:1px solid #765200; text-align:center; background:#5c3700;}
.f-cont .use-Level table td.taL {padding-left:8px; text-align:left;}
.f-cont .use-Level table td:last-child { border-right:1px solid #000; }
.f-cont .use-Level table tr:last-child td { border-bottom:1px solid #000; }



/* etc*/
.verticalImg {vertical-align:middle;}


/* 서버 접속 현황 */
.bannerServer {width:207px; height:38px; position:absolute; top:500px; left:20px;z-index:99}


/* 서버 접속 현황 */
.serverLayerPop {
width:434px; height:307px; position:absolute; z-index:999;left:20px; background:url(../img/popup/serverLayerBg.png) no-repeat;
_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://public.gametree.co.kr/samgukji/img/popup/serverLayerBg.png', sizingMethod='image');
padding:10px 25px 0 9px; top:0; left:0;
cursor:move
}

.serverLayerPop h1 {
display:block; float:left;margin:0 0 7px 0
}

.serverLayerPop button.layer_close {
width:17px; height:16px; background:url(../img/popup/layer_close.gif) no-repeat;padding:0;border:0;cursor:pointer; float:right;
}

.serverLayerPop .serverVisual {
width:431px; height:257px; border:1px solid #fff; background:url(../img/popup/serverVisualBg.jpg) no-repeat; clear:both;margin:0; position:relative;cursor:none;
}

.serverVisual ul.serverArea {
width:280px; height:87px; position:absolute; top:97px;left:16px;
}

.serverVisual ul.serverArea li {
display:block; width:130px; height:41px; float:left; margin:5px 0 0 5px;position:relative;
}

.serverVisual ul.serverArea li.bangChun {
background:url(../img/popup/server_bangChun.png) no-repeat;
_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://public.gametree.co.kr/samgukji/img/popup/server_bangChun.png', sizingMethod='image');
;
}

.serverVisual ul.serverArea li.chilsung {
background:url(../img/popup/server_chilsung.png) no-repeat;
_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://public.gametree.co.kr/samgukji/img/popup/server_chilsung.png', sizingMethod='image');
}

.serverVisual ul.serverArea li.chungkong {
background:url(../img/popup/server_chungkong.png) no-repeat;
_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://public.gametree.co.kr/samgukji/img/popup/server_chungkong.png', sizingMethod='image');
}

.serverVisual ul.serverArea li.uichun {
background:url(../img/popup/server_uichun.png) no-repeat;
_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://public.gametree.co.kr/samgukji/img/popup/server_uichun.png', sizingMethod='image');
}

.serverVisual ul.serverArea li img {
position:absolute;top:10px; right:20px
}

.serverLayerPop p.btn_close {
float:right; margin:6px 0 0 0;clear:right;
}