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

html, body { font-family:dotum, 돋움, AppleGothic, Sans-serif; font-size:12px; color:#4D4C4C; padding:0; margin:0; background:url(../img/common/body_patten.jpg) repeat left top; }
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 { color:#4F4142; text-decoration:none; }
a:hover { color:#4F4142; text-decoration:underline; }

/* float */
.fl { float:left !important; }
.fr { float:right !important; }

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

/* basic */
fieldset {margin:0; padding:0; border:none;}
legend, caption {display:none; text-indent:-9999px;}

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

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

.container { position:absolute; top:392px; width:100%; }

.c-wapper { overflow:hidden; margin:0 auto 15px; width:1000px; _height:100%; }

.sm-wrap { float:left; width:253px;}
.sm-wrap .m-info {position:absolute; margin-top:-66px; height:341px;}
.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 { display:block; 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:5px; }
.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 .s-menu { margin:275px 0 47px; }




/* contents */
.contents { overflow:hidden; float:left; width:620px; _height:100%; position:relative;}

/* right area */
.s-promotion { position:relative; float:left; margin:60px 20px 0 25px; width:82px; }
.s-promotion li { margin-bottom:3px; width:100%: }
.s-promotion li img { vertical-align:top; }

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


/* float */
.fll {float:left;}
.flr {float:right;}

/* form */
.chkb {width:13px;}
.inp-txt {#margin:0 -1px; padding:1px 0 0 10px; height:17px; border:1px solid #B5B5B5; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; color:#555; font-size:12px;}
.inp-file {#margin:0 -1px; padding:1px 0 0 10px; height:20px; border:1px solid #B5B5B5; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; color:#555; font-size:12px;}
.inp-txetarea {#margin:0 -1px; padding:5px 0 0 10px; border:1px solid #B5B5B5; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; color:#555; font-size:12px;}
.select {font:normal 12px dotum; .font:normal 11px Sans-serif; color:#555; width:91px; padding:1px;}

/* margin */
.mg0 {margin:0 !important;}
.mgb0 {margin-bottom:0 !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgt35 {margin-top:35px !important;}

/* padding */
.pdb0 {padding-bottom:0 !important;}

/* location */
.location { float:right; height:14px; font-size:11px; color:#766768; background:url(../img/common/location_line.png) no-repeat right bottom; }
.location li { float:left; padding-left:17px; letter-spacing:-1px; background:url(../img/common/location_bar.png) no-repeat 8px 1px; }
.location li.home { background:none; }
.location li a:link, .location li a:visited, .location li a:hover, .location li a:active {color:#968A89; text-decoration:none;}

/* title */
.title { clear:both; margin:0; width:100%; }

/* sub title */
.stitle-a {margin:0 0 9px 0;}

/* space(타이틀과 공간이 있을 경우) */
.t-space {height:27px;}
.b-space {height:23px;}

/* button */
.side-btn-a {float:right; margin-top:-26px;}

/* 주간베스트 */
.r-box-tb { margin-bottom:25px; padding-top:3px; background:url(../img/contents/rbox_01_top.png) no-repeat left top; }
.r-box-tb .inner-wrap { border-left:1px solid #AEA5A6; border-right:1px solid #AEA5A6;  }
.r-box-tb .r-box-end { overflow:hidden; width:100%; height:6px; background:url(../img/contents/rbox_01_btm.png) no-repeat left top; }
.r-box-tb table {width:100%;}
.r-box-tb table caption {display:none;}
.r-box-tb table thead th {padding:6px 0 10px; vertical-align:top;}
.r-box-tb table tbody td {padding:8px 0 7px; #padding:9px 0 8px; _padding:9px 0 6px; border-top:1px solid #F0EDED; font-size:11px; text-align:center;}
.r-box-tb table tbody td.b-best {text-indent:-9999px; background:url(../img/board/label_best.png) no-repeat center center;}
.r-box-tb table tbody td.b-subject {padding-left:10px; text-align:left; font-size:12px; font-weight:bold;}
.r-box-tb table tbody td.b-subject .n-cnt {font-size:11px; font-family:Tahoma; font-weight:normal; color:#BD6169;}
.r-box-tb table tbody td.b-name {color:#766768;}
.r-box-tb table tbody td.b-date {font-family:Tahoma; color:#918E8C;}
.r-box-tb table tbody td.b-hit {font-family:Tahoma; color:#918E8C;}

/* faq search */
.t-search {margin-bottom:23px; padding:0 5px; height:111px; background:url(../img/support/bg_box.png) no-repeat left top;}
.t-search dl {padding:4px 9px 0;}
.t-search dl dd {margin-top:10px; padding-left:7px; font:0/0 arial; background:url(../img/common/bu_01.png) no-repeat left 4px;}
.t-search .sh {height:59px; background:url(../img/support/bg_search.png) no-repeat left top;}
.t-search .sh legend {font:0/0 arial;}
.t-search .sh p {padding:21px 0 0 0; text-align:center;}
.t-search .sh p * {vertical-align:middle;}
.t-search .sh p select {font:normal 12px dotum; .font:normal 11px Sans-serif; color:#555; width:91px; padding:1px;}
.t-search .sh p input {width:375px; margin:0 1px 0 0; border:1px solid #b5b5b5; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#555;}

/* tab */
.ta-tab {padding-left:1px; height:26px; background:url(../img/contents/tab_line_bg.png) no-repeat left bottom;}
.ta-tab-other {height:25px;}
.ta-tab li {float:left; font:0/0 arial;}
.ta-tab li.current {margin-left:-1px;}

.sta-tab {height:25px; background:#F1F1F1 url(../img/contents/stab_line_bg.png) repeat-y right top;}
.sta-tab li {float:left; padding:7px 17px 0 15px;}
.sta-tab li a {color:#4D4C4C; text-decoration:none;}
.sta-tab li a:hover {font-weight:bold; color:#383838; letter-spacing:-1px;}
.sta-tab li a.current {font-weight:bold; color:#383838; letter-spacing:-1px;}

.current-tab {margin:10px 0 7px 14px; color:#908E8F;}
.current-tab img {margin:0 5px -1px 0;}

.ch-tab {margin:17px 0 5px; padding-left:1px; height:26px; background:url(../img/mypage/bg_tab.gif) no-repeat left bottom;}
.ch-tab li {_display:inline; float:left; font:0/0 arial;}
.ch-tab li.current {margin-left:-1px;}

/* button */
.c-button {margin-top:10px; text-align:center;}
.c-button img {vertical-align:top;}

/* 설명 */
.description-a {margin:10px 0 25px; padding:6px 10px 5px; color:#4D4C4C; line-height:20px; background:#F1F1F1;}
.description-a dt {font-weight:bold;}
.description-a dd {font-size:11px;}

.description-b {padding:10px; background:#F1F1F1;}

.description-c {margin-bottom:15px; padding-top:4px;}
.description-c li {margin-top:6px; padding-left:7px; font:0/0 arial; background:url(../img/common/bu_01.png) no-repeat left 4px;}

.description-d {overflow:hidden; margin-bottom:35px; _height:100%;}
.description-d img {vertical-align:top;}
.description-d dt {margin:0 0 8px 308px; padding-top:4px;}
.description-d dd.download {float:left; margin-top:-23px; width:308px;}

.description-E {margin-bottom:22px;}

.description-F {margin-bottom:10px;}

/* 문의 완료 */
.contact-complete {margin-top:25px; padding:60px 220px 0 0; height:166px; background:url(../img/support/img_character.png) no-repeat right top;}
.contact-complete dt {margin-bottom:10px; text-align:center;}
.contact-complete dd {margin-bottom:10px; text-align:center;}
.contact-complete img {vertical-align:top;}

/* 일반 보기 게시판 */
.normal-view {margin-bottom:10px; width:100%; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;}
.normal-view tr:last-child th, .normal-view tr:last-child td {border-bottom:1px solid #D9D9D9;}
.normal-view th, .normal-view td {border-bottom:1px solid #F2F2F2;}
.normal-view th {padding:10px 0; width:102px; border-right:1px solid #F2F2F2;}
.normal-view td {padding:8px 0 6px 25px; color:#555; line-height:18px;}
.normal-view td.btn {padding:0; text-align:center;}
.normal-view td p.download {padding-left:18px; background:url(../img/common/ico_file.png) no-repeat left center;}
.normal-view td p.download a:link, .normal-view td p.download a:visited, .normal-view td p.download a:hover {color:#B75C6D; text-decoration:underline;}

/* 일반 등록 게시판 */
.normal-write {width:100%; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;}
.normal-write tr:last-child th, .normal-write tr:last-child td {border-bottom:1px solid #D9D9D9;}
.normal-write th, .normal-write td {border-bottom:1px solid #F2F2F2;}
.normal-write th {padding:10px 0; width:102px; border-right:1px solid #F2F2F2;}
.normal-write td {padding:5px 0 6px 13px;}
.normal-write td p.detail {margin-bottom:3px;}
.normal-write td img.btn {vertical-align:bottom;}
.normal-write td textarea {width:480px; height:120px;}

/* download */
.t-notice {margin-bottom:35px; padding:47px 0 0 14px; width:606px; height:97px; background:url(../img/download/comment_box.png) no-repeat left top; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://public.gametree.co.kr/Samgukji/img/download/comment_box.png', sizingMethod='image');}
.t-notice li {padding:0 0 10px 7px; background:url(../img/common/bu_01.png) no-repeat left 5px;}
.t-notice li img {vertical-align:top;}

/* spec */
.spec {margin-bottom:35px; width:100%; border-top:1px solid #D9D9D9;}
.spec thead th, .spec tbody th {padding:10px 0; border-left:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; background:#F2F1F1;}
.spec thead th.fir {border-left:none;}
.spec tbody th {padding:8px 0 7px; border-left:none; border-bottom:1px solid #EBEBEB; font-weight:normal;}
.spec tbody th.sec {border-left:1px solid #EBEBEB;}
.spec tbody td {padding:8px 0 7px 20px; border-left:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; color::#555; line-height:17px;}

/* 그래픽 다운로드 */
.graphic-down {padding:14px 0 8px 3px; width:618px; height:80px; background:url(../img/download/grapic_download_bg.png) no-repeat left top;}
.graphic-down li {float:left; width:205px; text-align:center;}

/* 썸네일 리스트 */
.thumb-wrap {overflow:hidden; padding:0 10px; height:551px; border-top:1px solid #9C9192; border-bottom:1px solid #9C9192;}
.thumb-wrap .thumb-list {overflow:hidden; margin-left:-27px; padding-bottom:5px; width:627px;}
.thumb-wrap .thumb-list li {float:left; padding:15px 0 7px 27px; width:182px;}
.thumb-wrap .thumb-list li .thumb {margin:0; width:180px; height:138px; border:1px solid #DDD;}
.thumb-wrap .thumb-list li .thumb img {width:180px; height:138px;}
.thumb-wrap .thumb-list li .tit {margin:6px 0 0; text-align:center;}

#big-thumb {display:none; position:absolute; margin-top:11px; #margin-left:27px; padding:15px 0 40px; width:598px; height:472px; border:1px solid #E8E8E8; background:url(../img/download/bg_s_shot.png) no-repeat left top;}
#big-thumb p {position:absolute; right:5px; top:5px;}
#big-thumb dl dt {height:25px; font-size:14px; font-weight:bold; color:#4E4748; text-align:center;}
#big-thumb dl dd {position:relative; padding:0 40px;}
#big-thumb dl dd a {display:block; position:absolute; top:201px; width:23px; height:46px;}
#big-thumb dl dd a.prev {left:9px; _margin-left:-40px; background:url(../img/download/btn_prev_off.gif) no-repeat left top;}
#big-thumb dl dd a.prev:hover {background:url(../img/download/btn_prev_on.gif) no-repeat left top;}
#big-thumb dl dd a.next {right:9px; background:url(../img/download/btn_next_off.gif) no-repeat left top;}
#big-thumb dl dd a.next:hover {background:url(../img/download/btn_next_on.gif) no-repeat left top;}
#big-thumb dl dd .s-shot {width:516px; height:445px; border:1px solid #A8A8A8; background:#FFF;}
#big-thumb dl dd .s-shot img {width:516px; height:445px;}

.wallpaper-list {overflow:hidden; border-top:1px solid #9C9192; _height:100%;}
.wallpaper-list li {float:left; padding:20px 0 0 9px; width:297px; height:261px;}
.wallpaper-list li .thumb {padding:1px 4px 5px 2px; width:291px; height:219px; background:url(../img/download/bg_thumb.gif) no-repeat left top;}
.wallpaper-list li .thumb img {width:291px; height:219px;}
.wallpaper-list li .size {margin:3px 0 0 1px;}
.wallpaper-list li .size img {float:left; margin-right:3px;}

/* 멀티미디어 */
.movie-flash {margin-bottom:25px; width:100%;}

.media-list {position:relative; padding:14px 0 0; height:146px; border-top:1px solid #D8D5D5; border-bottom:1px solid #D8D5D5;}
.media-list a.rolling {display:block; position:absolute; margin-top:42px; width:15px; height:31px;}
.media-list a.prev {left:5px; background:url(../img/download/btn_sprev_off.gif) no-repeat left top;}
.media-list a.prev:hover {background:url(../img/download/btn_sprev_on.gif) no-repeat left top;}
.media-list a.next {right:5px; background:url(../img/download/btn_snext_off.gif) no-repeat left top;}
.media-list a.next:hover {background:url(../img/download/btn_snext_on.gif) no-repeat left top;}
.media-list ul {padding-left:17px;}
.media-list ul li {float:left; padding-left:13px; width:130px;}
.media-list ul li .thumb {padding:1px; width:128px; height:105px;}
.media-list ul li .thumb a {position:absolute; display:block; width:128px; height:105px; border:1px solid #DDD; margin:-1px 0 0 -1px; background:url(../img/download/space.gif) repeat left top;}
.media-list ul li .thumb a:hover {width:122px; height:99px; border:4px solid #B75C6D;}
.media-list ul li .tit {margin-top:13px; text-align:center;}
.media-list ul li .tit a {color:#333;}
.media-list ul li .tit a:hover {font-weight:bold; color:#333; text-decoration:none;}

/* 소개 */
.game-info {width:100%;}
.game-info dd.bg-01 { height:381px; background:url(../img/info/info_img_01.jpg) no-repeat left top;}
.game-info dd.bg-02 {width:100%; height:249px; background:url(../img/info/info_img_02.jpg) no-repeat left top;}
.game-info dd.bg-03 {padding-bottom:24px; width:100%; height:222px; background:url(../img/info/worldview_img_01.jpg) no-repeat left top;}
.game-info dd.bg-04 {padding-bottom:24px; width:100%; height:355px; background:url(../img/info/character_img_01.jpg) no-repeat left top;}
.game-info dd.bg-05 {padding-bottom:24px; width:100%; height:396px; background:url(../img/info/hthfight_img_01.jpg) no-repeat left top;}
.game-info dd.bg-06 {padding-bottom:24px; width:100%; height:391px; background:url(../img/info/force_img_01.jpg) no-repeat left top;}
.game-info dl, .game-info dl dt, .game-info dl dd {visibility:hidden; position:absolute; font:0/0 arial;}

.shot_info_left {padding-bottom:38px; width:100%; height:183px;}
.up_cont {margin-top:-18px;}
.shot_info_left dd {padding-top:50px; background:url(../img/info/bg_brush.jpg) no-repeat 430px 33px;}
.shot_info_left dd.other_brush {padding-top:34px; background:url(../img/info/bg_brush_other.jpg) no-repeat 430px 33px;}
.shot_info_left dd dl dt {margin-bottom:15px;}
.shot_info_left dd dl dd {padding:0; background:none;}
.shot_info_left .thumb {float:left; margin-right:15px; padding:26px 24px 3px 1px; width:274px; height:153px; background:url(../img/info/bg_box_01.jpg) no-repeat left top;}
.shot_info_left .other_thumb {background:url(../img/info/bg_box_03.jpg) no-repeat left top;}
.shot_info_left img {vertical-align:top;}

.shot_info_right {width:100%; height:183px;}
.shot_info_right dd {padding-top:24px; background:url(../img/info/bg_brush.jpg) no-repeat 83px 10px;}
.shot_info_right dd dl dt {margin-bottom:15px;}
.shot_info_right dd dl dd {padding:0; background:none;}
.shot_info_right .thumb {float:right; padding:1px 1px 32px 4px; width:274px; height:153px; background:url(../img/info/bg_box_02.jpg) no-repeat left top;}
.shot_info_right img {vertical-align:top;}

/* guide */
.c-h2 {margin:35px 0 10px;}
.c-h2-a {margin:35px 0;}
.c-h3 {margin:0 0 10px;}
.c-h4 {padding:10px 0; text-align:center; border-top:1px solid #D9D9D9; background:#F6F5F5;}
.c-dst1 {margin-bottom:10px;}
.c-dst2 {margin-bottom:35px;}

.tdview {margin-bottom:10px; width:100%; border-bottom:1px solid #D9D9D9;}
.tdview thead th {height:24px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; background:#EFEEED url(../img/guide/bg_line_01.gif) repeat-y left top;}
.tdview thead th.fir {background-image:none;}
.tdview tbody th {padding:11px 0 8px; border-bottom:1px solid #EBEBEB; font-weight:normal; color:#4D4C4C; background:#F2F1F1;}
.tdview tbody td {padding:11px 10px 8px; border-bottom:1px solid #EBEBEB; color:#4D4C4C; line-height:16px; background:url(../img/guide/bg_line_01.gif) repeat-y left top}
.tdview tbody td.ac {padding:11px 0 8px; text-align:center;}
.tdview tbody td.ico {padding:12px 0 7px; background:#F2F1F1;}
.tdview tbody td.img {padding:12px 0 7px; text-align:center;}
.tdview tbody td.lv {color:#4D4C4C; background:#F6F5F5; background:url(../img/guide/bg_line_01.gif) repeat-y left top}
.tdview tbody td .cgr {font-size:11px; color:#859804;}
.tdview tbody tr:last-child th, .tdview tbody tr:last-child td {border-bottom:1px solid #D9D9D9;}

.img-description {overflow:hidden; padding:15px 0; border-top:1px solid #D9D9D9; _height:100%;}
.ds-fir-none {padding-top:0; border-top:none;}
.ds-end-line {border-bottom:1px solid #D9D9D9;}
.img-description dt {margin-left:320px; _margin-left:319px;}
.img-description dd {margin-top:15px;}
.img-description dd.thumb {float:left; margin:-13px 20px 0 0; _margin-right:15px; width:300px;}
.img-description dd.bd {width:298px; height:180px; border:1px solid #A2A2A2;}
.img-description dd.btn {margin:10px 0 0 320px;}
.img-description dd.none {margin:0;}
.img-description img {vertical-align:top;}
.img-description dd .thumb-ds-a { overflow:hidden; zoom:1;}
.img-description dd .thumb-ds-a dd { margin:0; padding-bottom:0; border-bottom:0; }
.img-description dd .thumb-ds-a dd.thumb { float:left; margin-right:20px; _margin-right:16px; width:298px; border:1px solid #A2A2A2; }
.img-description dd .thumb-ds-a dd dl dt { padding-bottom:6px; }
.img-description dd .thumb-ds-a dd dl dd { margin:0 0 15px; }

.img-description-a {margin-bottom:35px; padding:3px 6px 0; border:1px solid #D9D9D9;}
.img-description-a dd {padding:12px 0; border-top:1px solid #F3F2F1;}
.img-description-a dd.fir {border-top:none;}

.img-description-b {padding:15px 0; border-top:1px solid #D9D9D9;}
.img-description-b dd {padding-top:10px;}
.img-description-b dd.other {padding-top:10px;}
.img-description-b * {vertical-align:middle;}

.img-description-c {overflow:hidden; margin:0 0 35px -25px; padding-bottom:15px; width:645px; border-bottom:1px solid #F9F8F7;}
.img-description-c li {float:left; padding-left:25px; width:190px;}
.img-description-c li p {margin-top:10px;}
.img-description-c li .thumb {margin:0; width:188px; border:1px solid #A2A2A2;}
.img-description-c li img {vertical-align:top;}

.img-description-d {overflow:hidden; margin:0 0 15px -20px; padding-bottom:15px; width:640px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;}
.img-description-d li {float:left; padding:15px 0 0 20px; width:300px;}
.img-description-d li p {margin-top:10px; text-align:center;}
.img-description-d li .thumb {margin:0; width:298px; height:180px; border:1px solid #A2A2A2;}
.img-description-d li img {vertical-align:top;}

.img-description-e {margin-bottom:35px; overflow:hidden; _height:100%;}
.img-description-e dd.thumb {float:left; margin:0 20px 0 0; _margin-right:17px; width:300px;}
.img-description-e dd.thumb img {border:1px solid #A2A2A2;}
.img-description-e img {vertical-align:top;}

.img-description-f {overflow:hidden; margin-left:-20px; width:640px;}
.img-description-f li {float:left; padding-left:20px; width:300px;}
.img-description-f li .thumb {margin:0; width:298px; height:180px; border:1px solid #A2A2A2;}
.img-description-f li img {vertical-align:top;}

.img-description-g {overflow:hidden; margin:0 0 15px -12px; padding-bottom:15px; border-bottom:1px solid #D9D9D9; width:632px;}
.img-description-g li {_display:inline; float:left; margin-left:12px; width:199px;}
.img-description-g li.end {margin-left:11px;}
.img-description-g li .thumb {margin:0 0 10px 0; width:197px; height:238px; border:1px solid #A2A2A2;}
.img-description-g li img {vertical-align:top;}

.img-description-h {overflow:hidden; margin:0 0 35px -12px; width:632px;}
.img-description-h li {_display:inline; float:left; margin-left:12px; width:199px;}
.img-description-h li.end {margin-left:11px;}
.img-description-h li .thumb {margin:0 0 10px 0; width:197px; height:238px; border:1px solid #A2A2A2;}
.img-description-h li img {vertical-align:top;}

.txt_decsription-a { width:100%; font:0/0 arial; }
.txt_decsription-a dt { padding-bottom:10px; }
.txt_decsription-a dd { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #D9D9D9; }
.txt_decsription-a dd.detail { padding-bottom:0; border:0; }
.txt_decsription-a dd.none { margin-bottom:10px; padding-bottom:0; border-bottom:0; }
.txt_decsription-a dd.img { margin-bottom:5px; padding-bottom:0; border-bottom:0; }
.txt_decsription-a dd .ds-a { overflow:hidden; zoom:1; padding:10px 9px 0; border:1px solid #CCC; background:#FFF url(../img/guide/bg_line_02.gif) no-repeat 299px 13px; }
.txt_decsription-a dd .ds-a dl { float:left; width:50%; }
.txt_decsription-a dd .ds-a dl dt { padding-bottom:6px; }
.txt_decsription-a dd .ds-a dl dd { margin-bottom:15px; padding-bottom:0; border-bottom:0; }
.txt_decsription-a dd .ds-b { overflow:hidden; zoom:1; padding:10px 0 15px; width:100%; }
.txt_decsription-a dd .ds-b dt { padding-bottom:9px; width:100%; }
.txt_decsription-a dd .ds-b dd { float:left; margin-bottom:0; padding-bottom:5px; border-bottom:0; width:50%; }

.txt_decsription-a dd .thumb-ds-a { overflow:hidden; zoom:1; padding:10px 0 10px 10px; border:1px solid #CCC; }
.txt_decsription-a dd .thumb-ds-a dd { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.txt_decsription-a dd .thumb-ds-a dd.thumb { float:left; margin-right:20px; _margin-right:16px; width:289px; height:168px; }
.txt_decsription-a dd .thumb-ds-a dd dl dt { padding-bottom:6px; }
.txt_decsription-a dd .thumb-ds-a dd dl dd { margin-bottom:15px; }
.txt_decsription-a dd .thumb-ds-b { overflow:hidden; zoom:1;}
.txt_decsription-a dd .thumb-ds-b dd { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.txt_decsription-a dd .thumb-ds-b dd.thumb { float:left; margin-right:20px; _margin-right:16px; width:298px; border:1px solid #A2A2A2; }
.txt_decsription-a dd .thumb-ds-b dd dl dt { padding-bottom:6px; }
.txt_decsription-a dd .thumb-ds-b dd dl dd { margin-bottom:15px; }
.txt_decsription-a dd p { margin:0; }
.txt_decsription-a dd ol { overflow:hidden; zoom:1; }
.txt_decsription-a dd ol li {float:left; padding-top:10px; width:50%; }
.txt_decsription-a dd ol li.other { width:100%; }


.txt-list-a {overflow:hidden; margin-bottom:35px; width:100%; _height:100%;}
.txt-list-a li {float:left; margin-top:10px; width:155px;}
.txt-list-a li * {vertical-align:top;}

.txt-list-b {overflow:hidden; margin-bottom:35px; padding-bottom:7px; width:100%; _height:100%; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;}
.txt-list-b dl {float:left; width:310px;}
.txt-list-b dl dt {margin-top:15px;}
.txt-list-b dl dd {padding:10px 0 5px;}
.txt-list-b img {vertical-align:top;}

.txt-list-c {overflow:hidden; padding-bottom:15px; width:100%; _height:100%;}
.txt-list-c dl {float:left; width:310px;}
.txt-list-c dl dt {margin-bottom:10px;}
.txt-list-c dl dd {margin-bottom:17px;}
.txt-list-c img {vertical-align:top;}

.page-top {padding-top:10px; border-top:1px solid #D9D9D9; text-align:right;}
.tbd {border-top:none;}

/* 운영정책 */
.policy-list {margin-bottom:18px; padding:19px 0 0 20px; height:82px; background:url(../img/support/bg_box_policy.gif) no-repeat left top;}
.policy-list li {float:left; padding:0 0 12px 7px; width:180px; font-weight:bold; font-size:12px; background:url(../img/common/bu_01.png) no-repeat left 4px;}
.policy-list li.mid {width:239px;}
.policy-list li.end {width:160px;}
.policy-list li a {color:#6B6B6B; text-decoration:none;}
.policy-list li a:hover, .policy-list li a.current, .policy-list li a.current:link, .policy-list li a.current:visited, .policy-list li a.current:hover {color:#A4273F;}

.policy-title {margin-bottom:17px; font-size:14px; color:#333;}

.policy-txt {margin-bottom:5px; font-size:11px; color:#A4273F;}

.policy {display:none;}
.policy-cont {width:100%; color:#6B6B6B; font-size:11px;}
.policy-cont dt {margin-bottom:5px; font-weight:bold;}
.policy-cont dd {margin-bottom:13px; line-height:18px; text-align:justify;}

.policy-cont ol {width:100%;}
.policy-cont ol li {float:left; padding:0 0 5px 30px; width:590px; font-size:11px; color:#6B6B6B; line-height:18px; text-align:justify;}
.policy-cont ol li.other {padding-left:0; width:620px; }
.policy-cont ol li span {display:inline; float:left; margin-left:-30px; width:30px;}
.policy-cont ol li.other02 {padding-left:15px; width:605px; }
.policy-cont ol li.other02 span {display:inline; float:left; margin-left:-15px; width:15px;}
.policy-cont ol li ol {}
.policy-cont ol li ol.other {margin-left:20px;}
.policy-cont ol li ol li {padding:0 0 5px 20px; width:570px;}
.policy-cont ol li ol li span {margin-left:-20px; width:20px;}

/* 나의 캐릭터 정보 */
.my-info { margin-bottom:39px; padding:14px 0 0 14px; height:136px; background:url(../img/mypage/gbox_01.gif) no-repeat left top; }
.my-info .character { float:left; margin-right:14px; padding:1px 17px 3px 1px; width:110px; height:119px; font:0/0 arial; background:url(../img/mypage/bg_character.gif) no-repeat left top;}
.my-info .character .force { position:absolute; margin:-8px 0 0 -8px; }
.my-info .info { float:left; padding-top:13px; width:430px; }
.my-info .info .name { height:23px; border-bottom:1px solid #877271; font-size:16px; font-weight:bold; color:#463D38; }
.my-info .info .name span { font-size:12px; }
.my-info .info dl { float:left; padding-left:40px; width:205px; background:url(../img/mypage/bg_line_01.gif) no-repeat left 15px; }
.my-info .info dl dt { clear:both; float:left; padding:12px 0 0 6px; width:79px; background:url(../img/mypage/bu_01.gif) no-repeat left 16px; }
.my-info .info dl dt img { vertical-align:top; }
.my-info .info dl dd { float:left; padding:12px 0 0 21px; width:98px; font-weight:bold; color:#645D59; background:url(../img/mypage/bg_line_02.gif) no-repeat left 14px; }
.my-info .info dl.fir { padding-left:0; width:185px; background:none; }
.my-info .info dl.fir dt { width:52px; }
.my-info .info dl.fir dd { width:106px; }

.half-float { float:left; width:300px; }
.half-float h2 { padding:8px 0 0 11px; height:21px; background-color:#DDD6CE; }
.bugok-info { margin:10px 0 23px; width:100%; }
.bugok-info li { padding:7px 0 8px 76px; font-weight:bold; color:#645D59; background:url(../img/mypage/bg_line_03.gif) repeat-x left bottom; }
.bugok-info li span { float:left; margin:0 30px 0 -76px; width:76px; background:url(../img/mypage/bg_line_01.gif) no-repeat left right;}
.bugok-info li span img {padding-left:7px; background:url(../img/mypage/bu_01.gif) no-repeat left 5px;}

.league-info { margin-top:15px; }
.league-info p { color:#645D59; line-height:16px; }
.league-info p.tit { margin:0 0 4px 0;}

.character-choice { clear:both; width:100%; padding-top:40px; }
.character-choice h2 { padding:8px 0 0 11px; height:21px; background-color:#DDD6CE; }
.character-choice table { margin:15px 0 5px; width:100%; }
.character-choice table thead th { height:18px; border-bottom:1px solid #C0B5B4; vertical-align:top; }
.character-choice table tbody td { padding:9px 0 6px; color:#645D59; text-align:center; background:url(../img/mypage/bg_line_03.gif) repeat-x left bottom; }
.character-choice table tbody td.chk { padding:0; }
.character-choice table tbody td.lv { font-weight:bold; color:#E7740D; }
.character-choice .comment { color:#916F51; text-align:right; }
.character-choice .comment span { float:left; padding-top:5px; text-align:left; }

/* battle */
.tddata-info { width:100%; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; }
.tddata-info th, .tddata-info td { border-bottom:1px solid #EBEBEB; }
.tddata-info tbody th { font-weight:normal; background:#F2F1F1; }
.tddata-info tbody td { padding:15px 0 12px 20px; border-bottom:1px solid #EBEBEB; }
.tddata-info tbody td .link a, .tddata-info tbody td .link a:link, .tddata-info tbody td .link a:visited, .tddata-info tbody td .link a:hover {font-weight:bold; color:#D7505A;}
.tddata-info tbody tr:last-child th, .tddata-info tbody tr:last-child td { padding:15px 0 12px 20px 20px; border-bottom:1px solid #D9D9D9; }

.detail-schedule { width:100%; border-bottom:1px solid #D9D9D9; }
.detail-schedule thead th { height:31px; border:1px solid #D9D9D9; border-right:0; background-color:#ECEAE9; }
.detail-schedule tbody th, .detail-schedule tbody td { padding:11px 0 8px; border:1px solid #EBEBEB; border-right:0; font-weight:normal; text-align:center; color:#555;}
.detail-schedule thead th.fir, .detail-schedule tbody th.fir, .detail-schedule tbody td.fir { border-left:0;}
.detail-schedule tbody td.point { font-weight:bold; color:#D8505E; }
.detail-schedule tbody td.tit { padding-left:10px; font-weight:bold; color:#D8505E; text-align:left; }
.detail-schedule tbody tr.bg { background:#F2F1F1; }
.detail-schedule tbody tr.bg02 {background:#ffffff; }
.detail-schedule tbody tr.bg02 .border-b {border-bottom:2px solid #d0d0d0;}
.detail-schedule tbody tr:last-child th, .detail-schedule tbody tr:last-child td {border-bottom:1px solid #D9D9D9;}

/* button */
.buttton-wrap { margin-top:15px; text-align:center; }
.buttton-wrap { font:0/0 arial; }

/* 황석영 삼국지 */
.hsy-tit01 { padding-bottom:30px; background:url(../img/hsy/bg_h2_tit.gif) no-repeat 97px top; }
.hsy-tit02 { padding-bottom:30px; background:url(../img/hsy/bg_h2_tit02.gif) no-repeat 97px top; }

.hsy-dst01 { margin-top:10px; }

.hsy-dst02 { padding-bottom:25px; }
.hsy-dst02 dt { padding-bottom:10px; font:0/0 arial; }
.hsy-dst02 dd { padding-bottom:25px; font:0/0 arial; }
.hsy-dst02 dd.txt01 { padding-bottom:20px; }
.hsy-dst02 dd.txt02 { height:155px; text-indent:-10000px; background:url(../img/hsy/txt_hsy_06.gif) no-repeat left top; }

.character-list { overflow:hidden; margin-left:-7px; margin-top:30px; width:627px; }
.weapone-list  { margin:0 0 20px; }
.character-list li { position:relative; float:left; padding-left:7px; width:50px; height:60px; }
.character-list li a { position:absolute; display:block; width:50px; height:50px; background:url(../img/hsy/space.gif) repeat; }
.character-list li a.current { height:54px; background:url(../img/hsy/current_box.gif) no-repeat left top; }
.character-list li img { width:48px; height:48px; border:1px solid #C4C4C4; }

.character-view { margin:-37px 0 6px; padding:37px 1px 36px; width:618px; height:373px; background:url(../img/hsy/bg_character.gif) no-repeat left top; }
.weapon-view { margin:-27px 0 3px; padding:27px 1px 38px; width:618px; height:273px; background:url(../img/hsy/bg_weapon.gif) no-repeat left top; }

.character-reply { border-bottom:1px solid #EEEAEA; zoom:1; }
.character-reply .n-reply { zoom:1; }
.character-reply .n-reply ul li { border-top:0 !important; border-bottom:1px solid #EEE;}
.character-reply .n-reply .r-write { margin-top:10px; }

.word-list { margin-bottom:23px; padding:17px 0 0 18px; height:72px; background:url(../img/hsy/bg_word.gif) no-repeat left top; }
.word-list p { height:19px; }
.word-list ul { margin-top:7px; }
.word-list ul li { float:left; margin-right:6px; }

.word-view { margin-bottom:40px; width:100%; }
.word-view thead th { padding:8px 0; border:1px solid #BFBBBB; border-right:1px solid #E4E4E4; border-left:0; background:#EAE9E7; }
.word-view tbody td { padding:8px 5px 5px; border-bottom:1px solid #D8D5D5; color:#4D4C4C; line-height:17px; text-align:center; }
.word-view tbody td.fir { border-right:1px solid #D8D5D5; }
.word-view tbody td.cont { padding:8px 10px 5px 10px; text-align:justify; }

.history-list { margin-bottom:28px; padding:16px 0 0 18px; height:79px; background:url(../img/hsy/bg_history.gif) no-repeat left top; }
.history-list p { height:26px; }
.history-list ul li { float:left; }

.tit-history { margin-bottom:12px; height:28px; background:url(../img/hsy/bg_line_01.gif) no-repeat left bottom; }

.history { margin-bottom:32px; width:100%; }
.bgLine th {background:url(../img/hsy/bg_line_02.gif) no-repeat left bottom;}
.bgLine td {background:url(../img/hsy/bg_line_03.gif) no-repeat left bottom;}
.bgLine th.end, .bgLine td.end {padding-bottom:0; background:none;}
.history tbody th { padding:8px 0; text-align:left; }
.history tbody td {padding:10px 0;}


.ability-gage {overflow-y:auto; padding:10px 9px 0 0; height:172px;}
.ability-gage li {padding-top:8px; height:33px; background:url(../img/mypage/bg_line_03.gif) repeat-x left bottom;}
.ability-gage li .ico {float:left; width:33px;}
.ability-gage li .gage {float:left; width:240px;}
.ability-gage li .gage .level {height:13px; text-align:right; font-size:12px; color:#939393;}
.ability-gage li .gage .level span {float:left; color:#645D59; text-align:left;}
.ability-gage li .gage .bg {padding:1px; width:238px; height:9px; font:0/0 arial; background:url(../img/mypage/bg_gage.gif) no-repeat left top;}
.ability-gage li .gage .bg .typeA {display:block; height:9px; font:0/0 arial; background:url(../img/mypage/gage_01.gif) no-repeat left top;}
.ability-gage li .gage .bg .typeB {display:block; height:9px; font:0/0 arial; background:url(../img/mypage/gage_02.gif) no-repeat left top;}
.ability-gage li .gage .bg .typeC {display:block; height:9px; font:0/0 arial; background:url(../img/mypage/gage_03.gif) no-repeat left top;}
.ability-gage {
	scrollbar-base-color: #000;   /* 아래의 6가지 스타일을 하나로 통합 한것 */
	scrollbar-face-color: #fff;   /* bar 의 표면색 */
	scrollbar-track-color: #EAEAEA;   /* 스크롤 트랙의 색 */
	scrollbar-highlight-color: #fff;   /* 밝게 빛나는 좌상단 모서리 */
	scrollbar-3dlight-color: #EAEAEA;   /* 좌상단 모서리 아래부분 */
	scrollbar-shadow-color: #EAEAEA;   /* 그림자 지는 우하단 */
	scrollbar-darkshadow-color: #EAEAEA;   /* 그림자 우하단 */
	scrollbar-arrow-color: #6B6B6B;   /* 삼각형부분 */
}


/* 20091218 캐쉬아이템 추가 */

.cacheTopBox {height:86px; background:url(../img/cache/cacheTopBox.gif) no-repeat; position:relative;padding:45px 0 0 19px}
.cacheTopBox ul {display:block; width:440px }
.cacheTopBox li { background:url(../img/cache/cacheDot.gif) no-repeat top left; padding:0 0 0 10px; margin:13px 0 0 0; *zoom:1}
.buyCache {display:block; float:right; clear:right; margin:6px 0 0 0}
.cacheItemBox {background:url(../img/cache/verticalLine.gif) repeat-y top center; clear:both;float:none; *zoom:1}
.cacheItemBox:after {display:block; content:" "; clear:both; height:0; visibility:hidden;}
.itemListBox {float:none; *zoom:1;padding:4px 0 0 0;clear:both;}
.itemListBox dl {display:block;width:250px; border-top:1px solid #ececeb;float:left; padding:15px 30px; }
.itemListBox dl dt {display:block; float:left;}
.itemListBox dl dd {margin:0 0 0 70px;font-size:12px; font-family:"돋움",dotum;}
.itemListBox dl dd.itemName {color:#000;font-weight:bold; }
.itemListBox dl dd.itemComment {color:#7d7d7d;margin-top:6px; line-height:18px}
.itemListBox dl dd.itemComment02 {color:#aaa;font-size:11px !important; margin-top:3px; line-height:15px}
.itemListBox dl dd.itemPrice {color:#6cb020;font-size:11px !important; font-weight:bold;margin-top:8px}
.itemListBox dl dd.itemComment03 {margin:19px 0 0 0 !important; color:#d39f75;font-size:11px !important;line-height:17px; background:url(../img/cache/itemCommentBg.gif) no-repeat top left; padding:0 0 0 10px}


.bannerServer { padding:20px 0 0 7px}


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

/* 서버 접속 현황 */
.serverLayerPop {width:434px; height:307px; position:absolute; z-index:999; 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; cursor:move; top:0; left:0;}
.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;}
.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;}