@charset "utf-8";

* {-webkit-text-size-adjust:none} /* 아이폰 가로보기 글자 크기 변경 방지 */
/*html, body {height:100%;}*/
html {overflow-y:scroll; overflow:-moz-scrollbars-verticals;}
body {margin:0; padding:0; font-size:12px; font-family:Gulim,굴림,AppleGothic,sans-serif; color:#444;}  /*   696969 */
/*
11px dotum,돋움 사용
회색 #989898
녹색 #457285
주황 #D26919
*/
img, fieldset {border:0 none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

img {-ms-interpolation-mode:bicubic;} /* ie7 */

form, input, select, textarea, button {margin:0; padding:0; font-size:12px; font-family:Gulim,굴림,AppleGothic,sans-serif; color:#444; /*resize:none;outline:none*/}
table {border-collapse:separate; table-layout:fixed; margin:0; padding:0; border:0;} /* border-collapse:collapse; 보더충돌 우려 */
a, a:link, a:active {color:#444; text-decoration:none;}
a:visited {color:#444;}
a:hover {text-decoration:underline;}
.pointer {cursor:pointer;}

button {padding:0; border:0; cursor:pointer; *overflow:visible; background:transparent;} /* *overflow:visible 텍스트에 비해 버튼 폭이 커지는 ie6,7 버그 핵 */
hr {display:none;}
.clear {clear:both;}
/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
.ellipsis {white-space:nowrap;text-overflow:ellipsis;-o-text-overow:ellipsis;overflow:hidden;}

/* 등급 색 */
.grade_1 {color:#6c6c6c !important;}
.grade_2 {color:#3f3f3f !important;}
.grade_3 {color:#008746 !important;}
.grade_4 {color:#297bb0 !important;}
.grade_5 {color:#a847bd !important;}
.grade_6 {color:#dd9000 !important;}
.grade_7 {color:#ed6900 !important;}
.grade_8 {color:#ff0084 !important;}

/***** layout *****/
body {background:#efefef;}
#wrap_container {min-width:1100px; margin:0; padding:0; background:#fff url('/bns/obt/layout_v2/bg_container.jpg') repeat-x center top; overflow:hidden;}

#container {position:relative; width:1100px; margin:0 auto; padding:0 0 100px; *zoom:1;}
#container:after {display:block; clear:both; content:"";}

/* header */
#header {position:relative; width:1100px; height:264px; margin:0 auto;}
*:first-child+html  #header  {z-index:990;} /* ie7 상단 search layer */
#header .wrap_visual {height:100%;}
.bgVisual1 {background: url("/bns/obt/layout_v2/visual/bg_sandbox.jpg") no-repeat right 73px;}  /* sendbox */
.bgVisual2 {background: url("/bns/obt/layout_v2/visual/bg_notice.jpg") no-repeat right 73px;}  /* 소식 */
.bgVisual3 {background: url("/bns/obt/layout_v2/visual/bg_guide.jpg") no-repeat right 73px;}  /* 가이드 */
.bgVisual4 {background: url("/bns/obt/layout_v2/visual/bg_world.jpg") no-repeat right 73px;}  /* 월드 */
.bgVisual5 {background: url("/bns/obt/layout_v2/visual/bg_board.jpg") no-repeat right 73px;}  /* 커뮤니티 */
.bgVisual6 {background: url("/bns/obt/layout_v2/visual/bg_down.jpg") no-repeat right 73px;}  /* 다운로드 */
.bgVisual8 {background: url("/bns/obt/layout_v2/visual/bg_chatlog.jpg") no-repeat right 73px;}  /* 채팅로그 */
.bgVisual10 {background: url("/bns/obt/layout_v2/visual/bg_search.jpg") no-repeat right 73px;}  /* 검색 */

#header h1.logo {position: absolute; top:0; left:-14px; width:170px; height:82px; margin:0; padding:0; font-weight:normal; text-indent:-1000em; background: url("/bns/obt/layout_v2/logo.gif") no-repeat;overflow:hidden; z-index:20;}
#header h1.logo a {display:block; width:100%; height:100%;}
#header h2 {position: absolute; bottom:54px; left:0; width:340px; height:40px; margin:0; padding:0; text-indent:-1000em; background: url("/bns/obt/layout_v2/nav/visual_text_1120.png") no-repeat;}
#header h2 a {display:block; width:100%; height:100%;}

#header h2.sandbox {width:152px; background-position: 0 1px;} /* 샌드박스 */
#header h2.news {width:72px; background-position: 0 -46px;}
#header h2.update {width:146px; background-position: 0 -91px;}
#header h2.story {width:192px; background-position: 0 -1094px;}
#header h2.event {width:112px; background-position: 0 -182px;}
	#header h2.winner {width:112px; background-position: 0 -182px;}
	#header h2.eventrule {width:196px; background-position: 0 -136px;}
#header h2.letter {width:156px; background-position: 0 -227px;}
#header h2.powerbook {bottom:50px; width:112px; height:56px; background-position: 0 -944px;}
#header h2.training {width:162px; background-position: 0 -1049px;}
#header h2.character {width:110px; background-position: 0 -316px;}
	#header h2.info {width:110px; background-position: 0 -316px;}
	#header h2.inven {width:110px; background-position: 0 -316px;}
	#header h2.post {width:110px; background-position: 0 -316px;}
	#header h2.collect {width:110px; background-position: 0 -316px;}
	#header h2.train {width:110px; background-position: 0 -316px;}
	#header h2.effects {width:110px; background-position: 0 -316px;}
	#header h2.dungeon {width:110px; background-position: 0 -316px;}
	#header h2.summoned {width:110px; background-position: 0 -316px;}
	#header h2.guestbook {width:110px; background-position: 0 -316px;}
#header h2.market {width:78px; background-position: 0 -361px;}
	#header h2.home {width:78px; background-position: 0 -361px;}
	#header h2.seller {width:78px; background-position: 0 -361px;}
	#header h2.bidder {width:78px; background-position: 0 -361px;}
#header h2.sect {width:78px; background-position: 0 -405px;}
	#header h2.sectInfo {width:78px; background-position: 0 -405px;}
	#header h2.sectList {width:78px; background-position: 0 -405px;}
	#header h2.sectPr {width:78px; background-position: 0 -405px;}
#header h2.ranking {width:72px; background-position: 0 -1004px;}
#header h2.server {width:188px; background-position: 0 -451px;}
#header h2.gallery {width:108px; background-position: 0 -630px;}
#header h2.free {width:190px; background-position: 0 -587px;}
#header h2.job {width:190px; background-position: 0 -496px;}
#header h2.image {width:224px; background-position: 0 -675px;}
#header h2.principle {width:302px; background-position: 0 -271px;}
#header h2.user {width:232px; background-position: 0 -542px;}
#header h2.tserver {width:182px; background-position: 0 -720px;}
#header h2.search {width:72px; background-position: 0 -810px;} /* 검색 */
#header h2.client {width:150px; background-position: 0 -765px;}
#header h2.chatlog {width:230px; background-position: 0 -855px;}
#header h2.trainingSimulator {width:258px; background-position: 0 -900px;}








/* 상단 검색 */
#lnbSearch {position: absolute; top:23px; right:0px; width:240px; height:31px; margin:0; padding:0; background: url("/bns/obt/layout_v2/lnb_search.gif") no-repeat;}
#lnbSearch fieldset {margin:0; padding:0;}
#lnbSearch legend {display:none;}

/* start */
.gameStart {position:absolute; top:83px; right:0px; width:240px; height:135px;}

	#gameStart {position:absolute; margin:0; padding:0; text-indent:-1000em; overflow:hidden; z-index:20;}
	#gameStart a {display:block; width:100%;height:100%;}

		/* 서브 게임시작 */
		#gameStart {width:240px; height:118px; background:url("/bns/obt/layout_v2/gamestartSub.jpg") no-repeat;}
		#gameStart.on {background-position:0 -128px;}

.gameStart .wrapStartBtn {position:absolute; bottom:1px; right:0; width:125px; height:20px;}
.gameStart .wrapStartBtn a {float:left; display:block; height:100%; text-indent:-999em; overflow:hidden;}
.gameStart .wrapStartBtn a.btnDownload {width:106px; background:url('/bns/obt/layout_v2/btnStartMenu.png') left 2px no-repeat;}
.gameStart .wrapStartBtn a.btnTestserver {display:none;}


/* suggest */
.suggest_wrap, .suggest_list, .suggest_guide {display:none;}

#suggestBox {position:relative;display:block;border:0;width:239px ;margin:0 auto;}
#suggestBox input[type=button] {position:absolute;top:0;right:0; width:33px; height:31px; border:0; text-indent:-1000em; cursor:pointer; background: url("/bns/obt/layout_v2/lnb_search.gif") right top no-repeat; }
#suggestBox input[type=button]:hover {}
#suggestInput {width:185px; margin:3px 0 0 10px;  padding-top:7px; border:0; background:#fff; color:#444; letter-spacing:-1px; font-weight:bold;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
ime-mode:active; outline:none;
}
/*  #suggestInput {width:170px; height:12px; height:15px\9; margin:4px 0 0 10px; margin-top:6px\9; padding:7px 0 6px 0; padding:4px 0 0 0\9; border:0; background:#fff; color:#444; letter-spacing:-1px; font-weight:bold; ime-mode:active; outline:none;} */
#suggestInput::-webkit-input-placeholder {color:#444; font-weight:normal;}
#suggestInput::-moz-placeholder {color:#444; font-weight:normal;}

.suggest_wrap {position:relative; width:204px;margin:4px 0 0 0;border:1px solid #a29a9a; background:#FFF; z-index:990;}
.suggest_wrap ul {margin:0;padding:0;list-style:none}
.suggest_wrap ul li {margin:0;padding:8px 10px 7px 8px;list-style:none;}
.suggest_wrap ul li.focus {background-color:#F5F5F5;}
.suggest_wrap ul li a {display:block;color:#444;}
.suggest_wrap ul li a:hover {text-decoration:none; color:#444;}
.suggest_wrap ul li.startback {border-top:1px solid #EEE;}
.suggest_wrap ul li  a span.matchKey {color:#d26919;}

/* 새로 추가 한거 */
.suggest_wrap ul li.mouseon{background-color:#f5f5f5;}
.suggest_wrap ul li.keyon{background-color:#f5f5f5;}
.suggest_guide {display:none; position:relative !important; z-index:10000000 !important; display:none; padding:10px 5px; overflow-x:hidden; overflow-y:auto; font-size:11px;}
.suggest_toggle {display:none; position:absolute;left:186px;top:11px;cursor:pointer;}
.suggest_off, .suggest_on{cursor:pointer;}
.suggest_wrap .footer {clear:both; display:none;/*display:block;*/ height:26px;margin:0;padding:0;background:#f2f2f2;text-align:right;}
.suggest_wrap .footer p{margin:0;padding:7px 10px 0 0 !important;font:normal 11px Dotum;color:#888;letter-spacing:-1px;}
.suggest_wrap .footer a{height:10px;overflow:hidden;line-height:100%;text-decoration:none;color:#888;padding:0 0 0 4px;border-left:1px solid #ddd;}
.suggest_wrap .footer strong{margin:0 !important; padding:0 0 0 7px !important; text-align:right; font-weight:normal;}
.suggest_wrap .footer span {text-align:right;}


/* gnbNav */
#gnbNav {position:absolute; top:25px; left:238px; margin:0; padding:0; list-style:none;}
#gnbNav li {float:left; height:23px; margin:0 22px 0 0; padding:6px 0 0; overflow:hidden;}
#gnbNav a.deps1 {display:block; height:100%; text-indent:-1000em; background:url('/bns/obt/layout_v2/nav/nav_menu_1002.png') no-repeat left top; overflow:hidden}
#gnbNav .disable a.deps1 {cursor:default;}

#gnbNav .menu1 a.deps1 {width:74px; background-position:0 0;}
#gnbNav .menu2 a.deps1 {width:38px; background-position:-94px 0;}
#gnbNav .menu3 a.deps1 {width:56px; background-position:-153px 0;}
#gnbNav .menu4 a.deps1 {width:74px; background-position:-232px 0;}
#gnbNav .menu5 a.deps1 {width:72px; background-position:-328px 0;}
#gnbNav .menu6 a.deps1 {width:74px; background-position:-422px 0;}
#gnbNav .menu7 a.deps1 {width:75px; background-position:-517px 0;}

#gnbNav .menu1 a.deps1:hover,
#gnbNav .menu1.on a.deps1 {background-position:0 -28px;}
#gnbNav .menu2 a.deps1:hover,
#gnbNav .menu2.on a.deps1 {background-position:-94px -28px;}
#gnbNav .menu3 a.deps1:hover,
#gnbNav .menu3.on a.deps1 {background-position:-153px -28px;}
#gnbNav .menu4 a.deps1:hover,
#gnbNav .menu4.on a.deps1 {background-position:-232px -28px;}
#gnbNav .menu5 a.deps1:hover,
#gnbNav .menu5.on a.deps1 {background-position:-328px -28px;}
#gnbNav .menu6 a.deps1:hover,
#gnbNav .menu6.on a.deps1 {background-position:-422px -28px;}
#gnbNav .menu7 a.deps1:hover,
#gnbNav .menu7.on a.deps1 {background-position:-517px -28px;}

/* sub */
#gnbNav ul.deps2 {position:absolute; top:25px; display:none; clear:both; width:116px; height:135px; margin:0; padding:33px 0 0; list-style:none; background:url('/bns/obt/layout_v2/nav/bg_nav_1106.png') no-repeat left 10px; z-index:20; overflow:hidden;}
#gnbNav ul.deps2 li {height:20px; margin:0 0 3px 23px; padding:0;  overflow:hidden;}
#gnbNav ul.deps2 li a {display:block; height:14px; text-indent:-1000em; background:url('/bns/obt/layout_v2/nav/nav_sub_0326.png') no-repeat left top; overflow:hidden;}
#gnbNav li:hover ul.deps2 {display:block;}
/*#gnbNav li.on ul.deps2 {display:block;}*/

#gnbNav .menu1 ul.deps2 {left:-17px;}
#gnbNav .menu1 ul.deps2 li {clear:both; width:60px;}
#gnbNav .menu1 .s1 a {background-position: 0 -483px;}
#gnbNav .menu1 .s2 a {background-position: 0 -507px;}
#gnbNav .menu1 .s3 a {background-position: 0 -531px;}
#gnbNav .menu1 .s4 a {background-position: 0 -555px;}
#gnbNav .menu1 .s1 a:hover, #gnbNav .menu1 .s1.on a {background-position: -150px -483px;}
#gnbNav .menu1 .s2 a:hover, #gnbNav .menu1 .s2.on a {background-position: -150px -507px;}
#gnbNav .menu1 .s3 a:hover, #gnbNav .menu1 .s3.on a {background-position: -150px -531px;}
#gnbNav .menu1 .s4 a:hover, #gnbNav .menu1 .s4.on a {background-position: -150px -555px;}

#gnbNav .menu2 ul.deps2 {left:74px;}
#gnbNav .menu2 ul.deps2 li {clear:both; width:80px}
#gnbNav .menu2 .s1 a {background-position: 0 0;}
#gnbNav .menu2 .s2 a {background-position: 0 -48px;}
#gnbNav .menu2 .s3 a {background-position: 0 -72px;}
#gnbNav .menu2 .s4 a {background-position: 0 -24px;}
#gnbNav .menu2 .s5 a {background-position: 0 -603px;}

#gnbNav .menu2 .s1 a:hover, #gnbNav .menu2 .s1.on a {background-position: -150px 0;}
#gnbNav .menu2 .s2 a:hover, #gnbNav .menu2 .s2.on a {background-position: -150px -48px;}
#gnbNav .menu2 .s3 a:hover, #gnbNav .menu2 .s3.on a {background-position: -150px -72px;}
#gnbNav .menu2 .s4 a:hover, #gnbNav .menu2 .s4.on a {background-position: -150px -24px;}
#gnbNav .menu2 .s5 a:hover, #gnbNav .menu2 .s5.on a {background-position: -150px -603px;}

#gnbNav .menu3 ul.deps2 {left:135px;}
#gnbNav .menu3 ul.deps2 li {clear:both; width:80px;}
#gnbNav .menu3 .s1 a {background-position: 0 -96px;}
#gnbNav .menu3 .s2 a {background-position: 0 -578px;}
#gnbNav .menu3 .s1 a:hover, #gnbNav .menu3 .s1.on a {background-position: -150px -96px;}
#gnbNav .menu3 .s2 a:hover, #gnbNav .menu3 .s2.on a {background-position: -150px -578px;}

#gnbNav .menu4 ul.deps2 {left:212px;}
#gnbNav .menu4 ul.deps2 li {clear:both; width:60px;}
#gnbNav .menu4 .s1 a {background-position: 0 -168px;}
#gnbNav .menu4 .s2 a {background-position: 0 -192px;}
#gnbNav .menu4 .s3 a {background-position: 0 -216px;}
#gnbNav .menu4 .s4 a {background-position: 0 -240px;}
#gnbNav .menu4 .s1 a:hover, #gnbNav .menu4 .s1.on a {background-position: -150px -168px;}
#gnbNav .menu4 .s2 a:hover, #gnbNav .menu4 .s2.on a {background-position: -150px -192px;}
#gnbNav .menu4 .s3 a:hover, #gnbNav .menu4 .s3.on a {background-position: -150px -216px;}
#gnbNav .menu4 .s4 a:hover, #gnbNav .menu4 .s4.on a {background-position: -150px -240px;}

#gnbNav .menu5 ul.deps2 {left:306px; width:180px; background-position:-144px 10px;}
#gnbNav .menu5 ul.deps2 li {display:inline-block; width:65px; margin-left:16px;}
#gnbNav .menu5 .s1 a {background-position: 0 -289px;} /* 블소게시판 */
#gnbNav .menu5 .s2 a {background-position: 0 -313px;} /* 직업 */
#gnbNav .menu5 .s3 a {background-position: 0 -338px;} /* 이미지게시판 */
#gnbNav .menu5 .s4 a {background-position: 0 -362px;} /* 갤러리 */
#gnbNav .menu5 .s5 a {background-position: 0 -265px;} /* 서버 */
#gnbNav .menu5 .s11 a {background-position: 0 -386px;} /* 블소 tv */
#gnbNav .menu5 .s10 a {background-position: 0 -458px;} /* 수련트레이닝 */
#gnbNav .menu5 .s12 a {background-position: 0 -627px;} /* 애니메이션 */

#gnbNav .menu5 ul.deps2 li.s5,
#gnbNav .menu5 ul.deps2 li.s4,
#gnbNav .menu5 ul.deps2 li.s1 {margin-left:6px;}

#gnbNav .menu5 ul.deps2 li.s10 {width:80px; margin-left:6px;}
#gnbNav .menu5 ul.deps2 li.s12 {}

#gnbNav .menu5 .s1 a:hover, #gnbNav .menu5 .s1.on a {background-position: -150px -289px;}
#gnbNav .menu5 .s2 a:hover, #gnbNav .menu5 .s2.on a {background-position: -150px -313px;}
#gnbNav .menu5 .s3 a:hover, #gnbNav .menu5 .s3.on a {background-position: -150px -338px;}
#gnbNav .menu5 .s4 a:hover, #gnbNav .menu5 .s4.on a {background-position: -150px -362px;}
#gnbNav .menu5 .s5 a:hover, #gnbNav .menu5 .s5.on a {background-position: -150px -265px;}
#gnbNav .menu5 .s11 a:hover, #gnbNav .menu5 .s11.on a {background-position: -150px -386px;}
#gnbNav .menu5 .s10 a:hover, #gnbNav .menu5 .s10.on a {background-position: -150px -458px;}
#gnbNav .menu5 .s12 a:hover, #gnbNav .menu5 .s12.on a {background-position: -150px -627px;}

#gnbNav .menu6 ul.deps2 {left:404px;}
#gnbNav .menu6 ul.deps2 li {clear:both; width:60px;}
#gnbNav .menu6 .s1 a {background-position: 0 -410px;}
#gnbNav .menu6 .s3 a {background-position: 0 -434px;}
#gnbNav .menu6 .s1 a:hover, #gnbNav .menu6 .s1.on a {background-position: -150px -410px;}
#gnbNav .menu6 .s3 a:hover, #gnbNav .menu6 .s3.on a {background-position: -150px -434px;}

#lnbNav {display:block; border:1px solid red}



/* contents */
#contents {float:left; width:100%; max-width:800px; margin:0; padding:0;}

	#contents .pageInfo:after {display:block; content:""; clear:both;}
	#contents .pageInfo h1 {float:left; margin:0; padding:0; text-indent:-1000em; line-height:0;}
	#contents .pageInfo .lineMap {float:right; height:29px; margin:0; padding:0; line-height:1.2; color:#979797;}
	#contents .pageInfo .lineMap a {color:#979797;}
	#contents .pageInfo .lineMap a.current {color:#454545;}
	#contents .page { }

#rightSide {float:right; width:100%; max-width:240px;}
*:first-child+html  #rightSide  {z-index:150;}

/* login */
#rightSide .userCharacter {clear:both;}
#rightSide .userCharacter dl.profile {position:relative; clear:both; margin:0 0 5px; padding:0; min-height:55px;}
*:first-child+html  #rightSide .userCharacter dl.profile  {z-index:150;}
#rightSide .userCharacter dl.profile dd {margin:0; padding:0;}
#rightSide .userCharacter dl.profile dt.nickname {min-height:14px; margin:0; line-height:18px; font-weight:bold; color:#444;}
#rightSide .userCharacter dl.profile dt.nickname a {color:#444;}
#rightSide .userCharacter dl.profile dd.thumb {float:left; margin:0 8px 0 0;}
#rightSide .userCharacter dl.profile dd.thumb img {width:55px; height:55px; vertical-align:middle;}
#rightSide .userCharacter dl.profile dd.userInfo {padding:6px 0 0 63px; line-height:1.4; letter-spacing:-1px; color:#989898;}
#rightSide .userCharacter dl.profile dd.bnsInfo {position:relative; padding:6px 0 3px 63px;}
#rightSide .userCharacter dl.profile dd.bnsInfo p.nick {height:19px; margin:0; padding:0; letter-spacing:-1px;}
#rightSide .userCharacter dl.profile dd.bnsInfo p.nick a {margin-right:4px;}
#rightSide .userCharacter dl.profile dd.bnsInfo span.info {display:inline-block; font-size:11px; letter-spacing:-1px;}
#rightSide .userCharacter dl.profile dd.bnsInfo span.bar {color:#D6D6D6;margin:0 3px 0 5px;}
#rightSide .userCharacter dl.profile dd.bnsInfo span.msgBox {display:block; margin-top:5px; color:#989898; letter-spacing:-1px;}
#rightSide .userCharacter dl.profile dd.msgBox {clear:both; width:232px; margin:5px 0 0; padding:7px 4px 0; color:#989898; letter-spacing:-1px; line-height:1.5; border-top:1px dotted #D0CCCB;}
#rightSide .userCharacter dl.profile dd.msgBox a {display:inline-block; margin:-2px 0 0 4px; padding:0; color:#d26919; font-size:11px; font-family:dotum,돋움; letter-spacing:0; text-decoration:underline; vertical-align:middle;}

#rightSide .userCharacter dl.profile dd.msgBox16 {clear:both; width:232px; height:76px; margin:-2px 0 0; padding:32px 4px 0; color:#7098b0; font:11px/16px dotum,돋움; letter-spacing:-1px; text-align:center; background:url('/bns/obt/layout_v2/login/bg_sub_error.gif') center top no-repeat; }
#rightSide .userCharacter dl.profile dd.msgBox16 a {display:block; width:83px; height:24px; margin:7px auto; text-align:center; vertical-align:middle; cursor:pointer; background:url('/bns/obt/layout_v2/login/btn.gif') left top no-repeat; text-indent:-99999px;}

#rightSide #btn_mycharacter.btn {display:inline-block; width:15px; height:14px; margin:-2px 0 0; vertical-align:middle; cursor:pointer; background:url('/bns/obt/layout_v2/login/login.gif') -164px top no-repeat; text-indent:-99999px;}
#rightSide #btn_mycharacter.lyloginOn {background-position:-164px -19px;}
/*
#rightSide #ly_selectChar {display:none; position:absolute; left:64px; top:25px; width:158px; border:1px solid #a29a98; background:#fff; z-index:100;}
#rightSide #ly_selectChar ul.list {overflow:auto; margin:0; padding:0; list-style:none;}
#rightSide #ly_selectChar ul.list li {padding:7px 5px 6px;}
#rightSide #ly_selectChar ul.list li:hover {background:#f3f1f2;}
*/

#rightSide #ly_selectChar2 {display:none;position:absolute; left:48px; top:21px; width:192px; z-index:150; overflow:hidden;}
#rightSide #ly_selectChar2 h2 {margin:0;padding:0;height:29px;text-indent:-99999px;background:url('/bns/obt/layout_v2/login/bg_selectChar.png') no-repeat;}
#rightSide #ly_selectChar2 .wrapList {padding:0 6px 9px 6px; background:url('/bns/obt/layout_v2/login/bg_selectChar.png') no-repeat left bottom;}
#rightSide #ly_selectChar2 ul {overflow:auto; margin:0; padding:0; list-style:none;}
#rightSide #ly_selectChar2 ul li {margin:0; padding:7px 5px 6px; border-top:1px dotted #D0CCCB;cursor:pointer; overflow:hidden;}
#rightSide #ly_selectChar2 ul li.first {border-top:0;}
#rightSide #ly_selectChar2 ul li:hover {background:#f8fafc;}
#rightSide #ly_selectChar2 dl{margin:0;padding:0;}
#rightSide #ly_selectChar2 dt {font-weight:bold;}
#rightSide #ly_selectChar2 dd {color:#666; font:11px/14px dotum,돋움;}
#rightSide #ly_selectChar2 dd.info {padding:3px 0 4px;}
#rightSide #ly_selectChar2 dd .bar {color:#D6D6D6;}
#rightSide #ly_selectChar2 dd.access {color:#999;}
#rightSide #ly_selectChar2 dd.access span {display:inline-block; padding:2px 2px 0 2px;line-height:15px;border-radius:2px;letter-spacing:-1px;}
#rightSide #ly_selectChar2 dd.access .off {background-color:#b2babe;color:#fff;}
#rightSide #ly_selectChar2 dd.access .on {background-color:#d3674b;color:#efe3db;}

#rightSide .wrap_loginarea {position:relative;}
#rightSide .wrap_login {width:240px; margin:0 0 -12px; padding:0 0 40px; background:url("/bns/obt/layout_v2/login/bg_sub_login.jpg") 5px top no-repeat;}

#rightSide .wrap_login .loading {width:240px; height:112px; margin:0; padding:0; text-align:center;}
#rightSide .wrap_login .loading img {margin-top:38px}

#rightSide .wrap_login h2 {width:51px; height:18px; margin:0; padding:0; text-indent:-1000em; background:url("/bns/obt/layout_v2/login/login.gif") no-repeat;}

#rightSide .wrap_login fieldset #key_security {position:absolute; top:0; right:0px; margin:-22px 0 0 0;}
#rightSide .wrap_login fieldset #key_security a {display:inline-block; width:72px; height:19px; margin:0; cursor:pointer; text-indent:-1000em; background:url('/bns/obt/layout_v2/login/login.gif') no-repeat;}
#rightSide .wrap_login fieldset #key_security a.off {background-position:-79px 7px;}
#rightSide .wrap_login fieldset #key_security a.on {background-position:-79px -14px;}

#rightSide .wrap_login fieldset {position:relative; z-index:20; width:240px; min-height:73px; margin:0 auto; padding:0; border:0 none;}
#rightSide .wrap_login fieldset legend {display:none}
#rightSide .wrap_login fieldset input {position:absolute; width:166px; height:19px; padding:7px 4px 0; color:#6c6d71; font-size:11px; border:0 none;}
:root #rightSide .wrap_login fieldset input {padding:4px 4px 3px;}

#rightSide .wrap_login fieldset input#login {right:0; top:7px; width:56px; height:60px;text-indent:-1000em;border:0 none;cursor:pointer; background:url('/bns/obt/layout_v2/login/login.gif') no-repeat right top;}
#rightSide .wrap_login fieldset input#id {left:0;top:7px;
-moz-box-shadow: inset 0 2px 0 #f9f9f9;
-webkit-box-shadow: inset 0 2px 0 #f9f9f9;
box-shadow: inset 0 2px 0 #f9f9f9;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border:1px solid #d5dde7;
background-color:#ffffff;}
#rightSide .wrap_login fieldset input#pwd {left:0;top:39px;
-moz-box-shadow: inset 0 2px 0 #f9f9f9;
-webkit-box-shadow: inset 0 2px 0 #f9f9f9;
box-shadow: inset 0 2px 0 #f9f9f9;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border:1px solid #d5dde7;
background-color:#ffffff;}
#rightSide .wrap_login fieldset .user_id {background:url("/bns/obt/layout_v2/login/login.gif") 4px -33px no-repeat;}
#rightSide .wrap_login fieldset .user_pwd {background:url("/bns/obt/layout_v2/login/login.gif") 4px -53px no-repeat;}

#rightSide .wrap_login p.idSaved {float:left; margin:3px 0 0 0; padding:0; font:11px/1.6 dotum,돋움; letter-spacing:-1px; color:#666;}
#rightSide .wrap_login p.idSaved input {margin:-1px 4px 0 1px; vertical-align:middle;}

#rightSide .wrap_login .member {float:right; margin:3px 0 0 0; padding:0; color:#666; font:11px/1.6 dotum,돋움; letter-spacing:-1px; list-style:none; overflow:hidden;}
#rightSide .wrap_login .member .join {float:left; padding-right:7px; background:url("/bns/obt/layout_v2/login/login.gif") right -62px no-repeat;}
:root #rightSide .wrap_login .member .join {background-position: right -62px;}
#rightSide .wrap_login .member a {color:#666;}
#rightSide .wrap_login .member .find {float:left; padding-left:6px;}
#rightSide #training {clear:both;margin-top:20px;}

/* domain list */
.wrap_login .domainList {position:absolute; width:174px; margin:-39px 0 0; border:1px solid #c5cfdc; background-color:#fff; z-index:170;}
.wrap_login .domainList ul {margin:7px 0; padding:0; list-style:none}
.wrap_login .domainList ul li {margin:0; padding:6px 10px 5px 9px;}
.wrap_login .domainList ul li:hover {background-color:#f5f5f5;}
.wrap_login .domainList ul li a {display:block; line-height:14px; text-decoration:none; color:#444;}

/* login layer */
.ly_help {position:absolute; right:0; top:0; width:240px; margin-top:7px; z-index:160;}
.ly_help .close {position:absolute; right:7px; top:7px; display:block; width:9px; height:9px; font-size:0; line-height:0; text-indent:-1000em; background:url("/bns/obt/layout_v2/login/ly_login.png") right top no-repeat; overflow:hidden;}
.ly_help .ic_arrow {position:absolute; display:block; margin:0 0 0 5px; z-index:160; font-size:0; line-height:0; text-indent:-1000em; background:url("/bns/obt/layout_v2/login/ly_login.png") left top no-repeat; overflow:hidden;}
.ly_help .content {z-index:150; position:relative; margin:1px 0 0; padding:9px 11px; background:#fff; font:11px/16px dotum,돋움; color:#666; border:1px solid #4d6588; letter-spacing:-1px; overflow:hidden;}
.ly_help .content strong {color:#d3674b;}
.ly_help .content em {font-style:normal; color:#d3674b;}
.ly_help .shadow {z-index:50; position:absolute; left:3px; top:3px; width:100%; height:100%; overflow:visible; background:#e4e4e4;}

#ly_idSaved {top:107px;}
#ly_idSaved .ic_arrow {left:25px; top:-5px; width:15px; height:7px; background-position:0 0;}
*:first-child+html #ly_idSaved {top:109px;}
*:first-child+html #ly_idSaved .ic_arrow {top:-6px;}

#ly_capsLock {top:80px; display:;}
#ly_capsLock .close {top:13px;}
#ly_capsLock .ic_arrow {left:25px; top:-5px; width:15px; height:7px; background-position:0 0;}
*:first-child+html #ly_capsLock .ic_arrow {top:-6px;}

#ly_domainError {top:-21px; display:;}
#ly_domainError .close {top:13px;}
#ly_domainError .ic_arrow {left:80px; bottom:-8px; width:16px; height:9px; background-position:-26px 0;}
*:first-child+html #ly_domainError .ic_arrow {bottom:-8px;}
#ly_domainError em {text-decoration:underline;}

/* 마도홍문 */
.masteryLv {color:#f09c00;}
.ic_bull {padding-left:5px; font-size:11px;}

.ie7update {margin:30px 0 -20px 0;}

/* 인맥 / 문파 */
#rightSide .friendList {clear:both; margin:0; padding-top:5px;}
#rightSide .friendList .tab {margin:0; padding:0; list-style:none; overflow:hidden;}
#rightSide .friendList .tab li {float:left; margin:0; padding:0; width:120px; height:33px; cursor:pointer;}
#rightSide .friendList .tab li span {display:block; height:100%; margin:0; padding:0; font-size:0; line-height:0; text-indent:-1000em; background:url("/bns/obt/layout_v2/login/login.gif") no-repeat;}
#rightSide .friendList .tab li span em {display:block; height:100%; margin:0; padding:8px 0 0; text-indent:0; font:normal bold 12px/1.6 Arial, Helvetica, sans-serif sans-serif; color:#d26849;}
#rightSide .friendList .tab li.m1 em {margin-left:80px;}
#rightSide .friendList .tab li.m2 em {margin-left:85px;}
#rightSide .friendList .tab li.m1 span {background-position: left -94px;}
#rightSide .friendList .tab li.m2 span {background-position: -120px -94px;}
#rightSide .friendList .tab li.m1 span.on {background-position: left -168px;}
#rightSide .friendList .tab li.m2 span.on {background-position: -120px -168px;}

/*
#rightSide .friendList .tab li {float:left; margin:0; padding:0; color:#666; text-align:center; letter-spacing:-1px;}
#rightSide .friendList .tab li span {display:block; height:21px; padding:10px 0 0 0; color:#666; cursor:pointer; border-bottom:1px solid #c9c9c9;}
#rightSide .friendList .tab li span.on {margin-bottom:-1px; padding:9px 0 1px 0; color:#000; font-weight:bold; border:1px solid #c9c9c9; border-bottom:none;}
#rightSide .friendList .tab li.m1 {width:120px;}
#rightSide .friendList .tab li.m2 {width:119px;}
*/

#rightSide .friendList .box {display:none; margin:0; padding:8px 0 6px 10px; color:#666; letter-spacing:-1px;}
#rightSide .friendList .box p.msg {height:70px; margin:0; padding-top:55px; text-align:center;}
#rightSide .friendList .box div.msg {height:90px; padding:35px 0 0 50px; color:#989898; line-height:1.5;}
#rightSide .friendList .box div.msg a {display:inline-block; margin:-2px 0 0 0; padding:0; color:#d26919; font-size:11px; font-family:dotum,돋움; letter-spacing:0; text-decoration:underline; vertical-align:middle;}

#rightSide .friendList .box ul {position:relative; width:230px; height:125px; margin:0; padding:0; list-style:none; overflow-y:auto; overflow-x:hidden;
scrollbar-track-color:#fff;
scrollbar-face-color:#fefefe; scrollbar-arrow-color:#d8d8d8;
scrollbar-3dlight-color:#fff; scrollbar-darkshadow-color:#fff;
scrollbar-highlight-color:#e8e6e4; scrollbar-shadow-color:#e8e6e4;
/*
scrollbar-track-color:#f2f1f0;
scrollbar-face-color:#fefefe; scrollbar-arrow-color:#d8d8d8;
scrollbar-3dlight-color:#e8e6e4; scrollbar-darkshadow-color:#f2f1f0;
scrollbar-highlight-color:#fff; scrollbar-shadow-color:#e8e6e4;

*/
}
#rightSide .friendList .box ul.list li {position:relative; margin:0 0 8px 0; padding:1px 8px 0 0; overflow:hidden;}
#rightSide .friendList .box ul.list li a {display:inline-block; width:91px; vertical-align:middle;}
#rightSide .friendList .box ul.list li img {width:25px; height:25px; margin-top:-1px; margin-right:4px; vertical-align:middle;}
/* 20121010 삭제
#rightSide .friendList .box ul.list li span {display:block; position:absolute; right:10px; top:7px; width:13px; height:7px; text-indent:-1000em; overflow:hidden;}
#rightSide .friendList .box ul.list li span.on {background:url("/bns/obt/main/login/login_0621.gif") -11px -79px no-repeat;}
*/
#rightSide .friendList .box ul.list li .status {float:right; letter-spacing:-1px; text-align:right; width:78px; margin-top:5px; font:11px/1.2 돋움,dotum;}
#rightSide .friendList .box ul.list li .status .name {display:inline-block;width:55px;vertical-align:middle;}
#rightSide .friendList .box ul.list li .status .icon {display:inline-block;width:13px;vertical-align:middle;}
#rightSide .friendList .box ul.list li .status.area {color:#6a85b4;}
#rightSide .friendList .box ul.list li .status.server {color:#cd8258;}

/* 로그인 하단 배너 */
.wrap_service {position:relative; clear:both; margin:8px 0 47px; padding:0; overflow:hidden;}
.wrap_service a {float:left;}
.wrap_service img {vertical-align:top;}
.wrap_service .coupon {position:absolute; top:7px; left:214px; font-size:0; text-indent:-1000em;}
.wrap_service .coupon em {display:block; text-indent:0; padding:0 2px; margin:0; text-align:left; font-style:normal; font-weight:bold; font-size:9px; font-family:tahoma; color:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color:#d26849;
}

/* 커뮤니티 활동 */
#rightSide .wrap_community {clear:both; margin-top:18px;}
#rightSide .wrap_community header {padding-bottom:8px; border-bottom:1px solid #e2e2e2; font-weight:bold; letter-spacing:-1px;}
#rightSide .wrap_community dl {margin-top:10px; color:#989898;}
#rightSide .wrap_community dl dt {float:left; padding-left:5px;}
#rightSide .wrap_community dl dd {height:22px; padding-right:5px; text-align:right;}

/* 프로모션 롤링 */
#rightSide .wrap_promotion {position:relative; width:240px; height:166px;}
#rightSide .wrap_promotion ul {width:240px; height:145px; margin:0; padding:0; list-style:none; overflow:hidden;}
#rightSide .wrap_promotion ul li {float:left;}
#rightSide .wrap_promotion ul li.hidden {display:none}
#rightSide .wrap_promotion ul li img {width:238px; height:143px; border:1px solid #e3e3e3; vertical-align:top}
#rightSide .wrap_promotion .wrap_pager {position:absolute; bottom:1px; right:0; margin:0; padding:0; z-index:3; overflow:hidden;}
#rightSide .wrap_promotion .wrap_pager a {float:left; width:12px; height:12px; margin:0 0 0 4px; text-indent:-9999px; overflow:hidden; background:url("/bns/obt/layout_v2/ic_all.png") no-repeat left top;}
#rightSide .wrap_promotion .wrap_pager a.on {background-position:left -15px}

/* 블레이드&소울 N샵 */
#rightSide .wrap_Nshop {position:relative; margin:19px 0 40px;}
#rightSide .wrap_Nshop header {padding-bottom:6px; font-weight:bold; letter-spacing:-1px;}
#rightSide .wrap_Nshop header h2 {margin:0; padding:0;}
#rightSide .wrap_Nshop ul {margin:5px 0 0 -20px; padding:0; list-style:none; overflow:hidden;}
#rightSide .wrap_Nshop ul li {float:left; height:103px; margin:0 0 0 20px; padding:0;}
#rightSide .wrap_Nshop ul li .title {padding:8px 0 2px; text-align:center; color:#666;}
#rightSide .wrap_Nshop ul li a {color:#666;}
#rightSide .wrap_Nshop .productList img {width:64px; height:64px; vertical-align:top}
#rightSide .wrap_Nshop .list_article {width:239px; height:224px; margin:0; padding:0; list-style:none; overflow:hidden;}
#rightSide .wrap_Nshop .paging {position:absolute; bottom:0; right:0; margin:0; padding:0; z-index:3; overflow:hidden;}
#rightSide .wrap_Nshop .paging a {float:left; width:12px; height:12px; margin:0 2px; text-indent:-9999px; overflow:hidden; background:url("/bns/obt/layout_v2/ic_all.png") no-repeat left top;}
#rightSide .wrap_Nshop .paging a.on {background-position:left -15px}

/* bnsStory */
#rightSide .wrap_bnsStory {margin-top:40px;}
#rightSide .wrap_bnsStory header {padding-bottom:9px; font-weight:bold; letter-spacing:-1px;}
#rightSide .wrap_bnsStory header span.day {font-weight:normal;letter-spacing:0;}
#rightSide .wrap_bnsStory header span.bar {font-weight:normal; color:#e2e2e2;}
#rightSide .wrap_bnsStory p {margin:0; padding:0; vertical-align:middle;}
#rightSide .wrap_bnsStory ol {margin:7px 0 0 0; padding:0; list-style:none; background:url("/bns/obt/layout_v2/ic_all.png") no-repeat -20px top;}
#rightSide .wrap_bnsStory ol li {height:20px; padding:2px 0 0 23px; color:#989898; letter-spacing:-1px;}
#rightSide .wrap_bnsStory ol li a {color:#989898;}

/* 오늘의 작가 */
#rightSide .wrap_todayAuthor {clear:both;margin-top:30px;}
#rightSide .wrap_todayAuthor header {padding-bottom:9px;font-weight:bold; letter-spacing:-1px;border-bottom:1px solid #F5F5F5;}
#rightSide .wrap_todayAuthor ul {margin:10px 0 0 0; padding:0; list-style:none;}
#rightSide .wrap_todayAuthor ul li {padding:0 0 4px 9px; word-spacing:-1px; overflow:hidden;}
#rightSide .wrap_todayAuthor ul li.first {padding-bottom:6px;font-weight:bold;}
#rightSide .wrap_todayAuthor ul li a {color:#666;}
#rightSide .wrap_todayAuthor ul li img {width:25px;height:25px;margin-right:12px;vertical-align:middle;}
#rightSide .wrap_todayAuthor ul li.first img {width:44px;height:44px;margin-right:7px;}

/* wrap_visit */
#rightSide .wrap_visit {margin-top:30px;}
#rightSide .wrap_visit header {padding-bottom:10px; font-weight:bold; letter-spacing:-1px;}
#rightSide .wrap_visit p.msg {height:64px; margin:0; padding-top:50px; text-align:center;}
#rightSide .wrap_visit ul {margin:0; padding:0; list-style:none;}
#rightSide .wrap_visit ul li {position:relative; margin:0 0 4px 0; padding:1px 0 0 0; letter-spacing:-1px; overflow:hidden;}
#rightSide .wrap_visit ul li a {color:#666;}
#rightSide .wrap_visit ul li img {width:25px; height:25px; margin:-1px 3px 0 0; vertical-align:middle;}
#rightSide .wrap_visit ul li span {display:inline-block; width:7px; height:7px; margin-left:5px; text-indent:-1000em; cursor:pointer; overflow:hidden;}
#rightSide .wrap_visit ul li span.del {background:url("/bns/obt/world/character.gif") right top no-repeat;}

/* 문파 */
.wrap_serverList {position:relative !important;}
.wrap_guildBox {clear:both; margin-bottom:50px; overflow:hidden;}
.wrap_guildBox h2 {width:338px; height:23px; margin:0 2px; background:url("/bns/obt/board/tit_guild.png") no-repeat; text-indent:-9999px;}
.wrap_guildBox .list_article {margin:13px 0 0; padding:22px 0; list-style:none; background:#f0eced; overflow:hidden;}
.wrap_guildBox article {float:left; width:156px; margin:0 22px; padding:0; color:#666;}
.wrap_guildBox article a {color:#424242;}
.wrap_guildBox article .thumb {width:155px; height:95px; vertical-align:middle; border:1px solid #e1e3e0;}
.wrap_guildBox article dl {margin:11px 0 0; padding:0;}
.wrap_guildBox article dt {margin:0 0 5px; padding:0 0 0; color:#424242; font-weight:bold; font-size:13px; line-height:14px; text-align:center;}
.wrap_guildBox article dd {margin:0; padding:0 2px; line-height:19px;}
.wrap_guildBox article dd .server {display:inline-block; width:75px;}
.wrap_guildBox article dd .sect {}
.wrap_guildBox article dd .force1 {color:#5d98c6;}
.wrap_guildBox article dd .force2 {color:#dd4646;}
.wrap_guildBox article dd .level {display:inline-block; width:75px;}
.wrap_guildBox article dd .member {}
.wrap_guildBox .bar {display:inline-block; margin-right:8px; line-height:9px; text-indent:-9999px; border-right:1px solid #d2d2d2;}


/* pager*/
.pager {clear:both; margin:0 auto; padding:0; text-align:center; overflow:hidden;}
.pager .paging {margin:0 auto; padding:22px 0 30px 0; text-align:center; font-size:11px; overflow:hidden;}
.pager .paging a {display:inline-block; margin:0 3px; padding:3px 6px 4px; font-family:Verdana, helvertica,Sans-serif; font-weight:bold; color:#585858; cursor:pointer;}

.pager .paging a.first,
.pager .paging a.last,
.pager .paging a.prev,
.pager .paging a.next {width:20px; height:20px; padding:0; font:0/0 Arial; background:#bcbcbc url("/bns/obt/board/ic_pager_v2.png") no-repeat; vertical-align:top;}

.pager .paging a.first {background-position:6px 7px;}
.pager .paging a.last {background-position:6px -9px;}
.pager .paging a.prev {background-position:-10px 7px;}
.pager .paging a.next {background-position:-10px -9px;}
.pager .paging span.current {display:inline-block; margin:0; padding:3px 6px 4px; font-family:Verdana, helvertica,Sans-serif; font-weight:bold; color:#fff; cursor:pointer; background:#db8848;}



/* SNS : twitter, facebook */
.wrap_sharearea {width:700px;height:35px;float:left;padding:0;}
.wrap_sharearea iframe {float:left;}
.wrap_sharearea iframe:first-child {margin-top:1px;}

/* layer common */
.wrap_select {position:relative;display:inline-block; zoom:1;*display:inline;}
.lyBtn {display:block; margin:0; cursor:pointer; background:#fff url("/bns/obt/board/bullet_0621.gif") no-repeat;}
.lySelect {display:none; position:absolute; color:#444; border:1px solid #d2d2d2; background:#fff; z-index:100;}
.lySelect ul.list {overflow:auto; margin:0; padding:0; list-style:none;}
.lySelect ul.list li {width:100%; margin:0; padding:0; color:#444; text-align:left; overflow:hidden; cursor:pointer;}
.lySelect ul.list li input[type="radio"] {position:absolute; left:-9999px;}
.lySelect ul.list li label {display:block; padding:5px 6px 4px; white-space:nowrap; cursor:pointer;}
.lySelect ul.list li:hover {background:#f3f2f2;}
.lySelect ul.list li.selected {font-weight:bold;}

/* 개인 영역 */
.wrap_signature {position:relative; width:100%; height:50px; margin:0 0 10px 0;padding:11px 0;background:#f5f5f5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;}
#mobile .wrap_signature {padding:8px 0;}
#mobile #signature {position:relative;margin:0 14px 10px;}
.wrap_signature .wrap_thumb {float:left;min-height:48px;margin-left:15px;padding:0;}
#mobile .wrap_signature .wrap_thumb {min-height:38px;margin-left:8px;}
.wrap_signature .wrap_thumb a.thumb {display:block;background:url("/bns/obt/board/bg_profile.gif") no-repeat;width:56px;height:48px;}
#mobile .wrap_signature .wrap_thumb a.thumb {background:none;}
.wrap_signature .wrap_thumb a.thumb img {margin:2px;width:44px;height:44px;vertical-align:middle;}
#mobile .wrap_signature .wrap_thumb a.thumb img {width:38px;height:38px;}
.wrap_signature .wrap_thumb .writer {position:relative;display:block;margin:-42px 0 0 59px;}
#mobile .wrap_signature .wrap_thumb .writer {margin-left:50px;margin-top:-36px}
.wrap_signature .wrap_thumb .writer a.nick {margin-right:-4px;color:#457285;font-weight:bold;font-size:13px;}
.wrap_signature .wrap_thumb .writer a.game {color:#989898;font-size:13px; text-decoration:none;}
.wrap_signature .wrap_thumb .info {clear:both;position:relative;display:block;margin:8px 0 0 59px;color:#989898;letter-spacing:-1px;}
.wrap_signature .wrap_thumb .info a {color:#989898; text-decoration:none;}
#mobile .wrap_signature .wrap_thumb .info {margin-left:50px;margin-top:4px;}
.wrap_signature .wrap_thumb .info span.bar {color:#dadada; /*margin-left:4px;*/}
.wrap_signature .wrap_sns {float:right;max-width:290px;margin:0;padding-top:13px;text-align:right;}
#mobile .wrap_signature .wrap_sns {position:absolute;bottom:8px;right:8px;padding:0;}
.wrap_signature .wrap_sns a {display:inline-block;height:18px;margin-right:15px;padding:6px 0 0 0;color:#aaa1a1;letter-spacing:-1px;background:url("/bns/obt/board/bullet_0621.gif") no-repeat;}
.wrap_signature .wrap_sns a.friend {background-position:left -35px;padding-left:25px;}
.wrap_signature .wrap_sns a.follow {background-position:left -63px;padding-left:25px;}
.wrap_signature .wrap_sns a.makebbs {background-position:left -91px;padding-left:25px;}
.wrap_signature .wrap_sns a.following {background-position:left -632px;padding-left:25px;}
.wrap_signature .wrap_sns a.friendCancel {background-position:left -660px;padding-left:25px;}
.wrap_signature .wrap_sns a.followCancel {background-position:left -688px;padding-left:25px;}
#mobile .wrap_signature .wrap_sns a.makebbs {width:65px;height:12px;margin:0;padding:4px 0 3px;background:#B4B4B4;color:#FFF;font-size:12px;border-radius:2px;line-height:12px;text-align:center;letter-spacing:-1px;}

/* 좋아요 */
#pc .wrap_btLike_NP {position:absolute; top:23px; right:15px; display:inline-block;}
#pc .wrap_btLike_NP button {margin:0;padding:0;border:none;vertical-align:top;overflow:hidden;outline:none;}
#pc .wrap_btLike_NP .btLike_NP {width:63px;height:24px;margin:0;padding:0;background:url('/bns/obt/common/like_pc.png') no-repeat left 0;}
#pc .wrap_btLike_NP .btLike_NP:hover {background-position:left -30px;}
#pc .wrap_btLike_NP.haveLike_NP .btLike_NP,
#pc .wrap_btLike_NP .btCancelLike_NP {width:35px;height:24px;margin:0;padding:0;background:url('/bns/obt/common/like_pc.png') no-repeat left -60px;}
#pc .wrap_btLike_NP.haveLike_NP .btLike_NP:hover {background-position:left -90px;}
#pc .wrap_btLike_NP .btCancelLike_NP:hover {background-position:-35px -90px;}
#pc .wrap_btLike_NP .btLike_NP span,
.wrap_btLike_NP .btCancelLike_NP span {display:none;}
#pc .wrap_btLike_NP .btCount_NP {margin:1px 0 0 -4px;padding:0 0 0 7px !important;white-space:nowrap;color:#d7624c;font:bold 11px/19px verdana;letter-spacing:-1px;background:url('/bns/obt/common/like_pc.png') no-repeat -70px -60px;}
#pc .wrap_btLike_NP .btCount_NP span {position:relative;display:inline-block;height:20px;margin:0;padding:0 5px 0 0;background:url('/bns/obt/common/like_pc.png') no-repeat right -60px;}
#pc .wrap_btLike_NP.cancelLike_NP .btCount_NP {color:#4c8ea8;}
/* default */
#pc .wrap_btLike_NP .btLike_NP {display:inline-block;}
#pc .wrap_btLike_NP .btCancelLike_NP,
#pc .wrap_btLike_NP .btCount_NP {display:none;}
/* 좋아요 있음 */
#pc .wrap_btLike_NP.haveLike_NP .btLike_NP {display:inline-block;}
#pc .wrap_btLike_NP.haveLike_NP .btCancelLike_NP {display:none;}
#pc .wrap_btLike_NP.haveLike_NP .btCount_NP {display:inline-block;}
/* 내가 좋아요 함 */
#pc .wrap_btLike_NP.cancelLike_NP .btLike_NP {display:none;}
#pc .wrap_btLike_NP.cancelLike_NP .btCancelLike_NP {display:inline-block;}
#pc .wrap_btLike_NP.cancelLike_NP .btCount_NP {display:inline-block;}

/* 좋아요 한 사람들 layer */
.ly_modalless {z-index:999;display:none;position:absolute;top:27px;right:0;border:3px solid #669cb0;background-color:#fff;
	box-shadow:1px 1px 2px rgba(99,99,99,0.4);-webkit-box-shadow:1px 1px 2px rgba(99,99,99,0.4);filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=155,strength=2);}
.ly_modalless .close {position:absolute;top:9px;right:9px;width:20px;height:20px;margin:0;padding:0;text-indent:-999px;overflow:hidden;background:url('/bns/obt/common/btn_ly_close.gif') no-repeat center;}
.wrap_together {min-width:300px;position:relative;}
.wrap_together header {background-color:#f1f5f8;}
.wrap_together h5 {margin:0;padding:12px 25px 12px 11px;font-size:15px;font-weight:normal;word-wrap:break-word;word-break:break-all;}
.wrap_together h5 strong {color:#447387;}
.wrap_together .ul_list {padding:9px 4px 9px;}
.wrap_together .ul_list ul {max-height:175px;_height:175px;margin:0;padding:0 20px 15px 8px;list-style:none;overflow-y:auto;
	scrollbar-track-color:#ecf0f3;
	scrollbar-face-color:#f6fafd;scrollbar-arrow-color:#c7d0d7;
	scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;
	scrollbar-highlight-color:#c7d0d7;scrollbar-shadow-color:#c7d0d7;}
.wrap_together .ul_list ul li {margin:0;padding:5px 0 0;color:#999;white-space:nowrap;}
.wrap_together .ul_list ul li * {color:#999;vertical-align:middle;}
.wrap_together .ul_list ul li img {width:32px;height:32px;}
.wrap_together .ul_list ul li .nickname {color:#467184;font-weight:bold;}



/* 2012footer */
.footer {position:relative; clear:both; padding:60px 0 0 0; background:#efefef url("/bns/obt/layout_v2/footer/bg_footer.jpg") no-repeat center top;}
.footerWrap {clear:both; position:relative; width:1100px; height:122px; margin:0 auto; padding:0 0 20px 0; color:#444;}
/*
.footer {clear:both; padding:0; background:#efefef;}
.footerWrap {clear:both; position:relative; width:1100px; height:122px; margin:0 auto; padding:60px 0 20px 0; color:#444; background:url("/bns/obt/layout_v2/footer/bg_footer.jpg") no-repeat 135px top; border:1px solid red}
*/
.footerWrap a {color:#444}
.footerWrap a:hover {color:#444; text-decoration:underline;}
.footerWrap a:visited {color:#444; text-decoration:none;}
.footerWrap .utilmenu {position:relative; width:100%; height:23px;margin:0 0 25px 0; padding:0; list-style-type:none; border-bottom:1px solid #D0CACB;}
.footerWrap .utilmenu li {float:left; display:inline-block; margin:0; padding:0 12px 0 8px; list-style-type:none; background:url("/bns/obt/layout_v2/footer/ic_footer.gif") no-repeat right 1px;}
.footerWrap .utilmenu li.bizinfo {padding-left:0;}
.footerWrap .utilmenu li.agreement {}
.footerWrap .utilmenu li.grade {position:relative; cursor:pointer;}
.footerWrap .utilmenu li.pcbang {position:absolute; top:0; right:5px; padding-right:0; padding-left:10px; font-weight:bold; letter-spacing:-1px; background-position:0 -36px;}
.footerWrap .utilmenu li.last {background-image:none;}
.footerWrap .utilmenu .ly_grade {position:absolute; bottom:23px; left:-239px; display:none; width:573px; height:140px; background:url("/bns/obt/layout_v2/footer/grade.png") no-repeat; text-indent:-9999px; overflow:hidden; z-index:9999;}
.footerWrap address {position:relative; width:100%; height:41px; background:url("/bns/obt/layout_v2/footer/footer_131203.gif") no-repeat; text-indent:-9999px; overflow:hidden;}
.footerWrap address a {display:block; overflow:hidden;}
.footerWrap address .ncsoft {position:absolute; top:0; left:0; width:124px; height:35px;}
.footerWrap address .ftc {position:absolute; top:0; left:712px; width:60px; height:11px;}
.footerWrap address .email {position:absolute; top:14px; left:343px; width:78px; height:10px;}

/* login layer */
#bnsLayerLogin {display:block;position:fixed;z-index:1000;left:50px;top:50px;width:402px;height:212px;background:url('/bns/obt/login/bg_login.png') no-repeat left top;}
#bnsLayerLogin h2 {display:none;}
#bnsLayerLogin .btn_close {display:block;position:absolute;right:-13px;top:-13px;width:28px;height:28px;cursor:pointer;background:url('/bns/obt/login/btn_close_off.png') no-repeat ;text-indent:-9999px;}
#bnsLayerLogin .btn_close_on {display:block;position:absolute;right:-13px;top:-13px;width:28px;height:28px;cursor:pointer;background:url('/bns/obt/login/btn_close_on.png') no-repeat;text-indent:-9999px;}
#bnsLayerLogin fieldset {width:228px; margin:0 auto; padding:82px 0 0 0; border:none;overflow:hidden;}
#bnsLayerLogin fieldset legend {display:none;}
#bnsLayerLogin fieldset #key_security {position:absolute;top:38px;right:20px;height:22px; font-size:11px; letter-spacing:-1px; text-align:right;}
#bnsLayerLogin fieldset #key_security a {display:inline-block; padding:1px 26px 1px 0; color:#666; background:url("/bns/obt/login/bg_icon_login.gif") no-repeat right -472px;cursor:pointer;}
#bnsLayerLogin fieldset #key_security a.off {background-position:right -116px;}
#bnsLayerLogin fieldset #key_security a.on {background-position:right -140px;}
#bnsLayerLogin dl{position:relative;float:left;width:160px;z-index:100;}
#bnsLayerLogin dl dt{display:block;float:left;width:160px;height:20px;padding-left:4px;line-height:1.6;background:url("/bns/obt/login/bg_icon_login.gif") no-repeat left -500px;text-decoration:none;cursor:pointer;_cursor:hand;}
#bnsLayerLogin dl dd, #bnsLayerLogin span{display:none;}
#bnsLayerLogin fieldset .login_input {position:relative; clear:both;height:66px;}
#bnsLayerLogin fieldset .login_input input {width:158px; height:16px; padding:3px 0 0 3px;border:0 none;}
#bnsLayerLogin fieldset .login_input input#id {position:absolute; top:8px;left:0;ime-mode:inactive;}
#bnsLayerLogin fieldset .login_input .user_id {background:#fff url("/bns/obt/login/bg_icon_login.gif") no-repeat 6px -67px;}
#bnsLayerLogin fieldset .login_input input#pwd {position:absolute; top:33px;left:0;}
#bnsLayerLogin fieldset .login_input .user_pw {background:#fff url("/bns/obt/login/bg_icon_login.gif") no-repeat 6px -85px;}
#bnsLayerLogin fieldset .login_input .id_focus, #bnsLayerLogin input.pw_focus{background-image:none;}
#bnsLayerLogin fieldset .login_input .id_blur, #bnsLayerLogin input.pw_blur{background-image:none;}
#bnsLayerLogin fieldset .login_input .submit {position:absolute; top:9px; left:167px; margin:0; padding:0; width:60px; height:44px; text-indent:-999px; cursor:pointer; border:none; background:url("/bns/obt/login/bg_icon_login.gif") no-repeat right top;}
#bnsLayerLogin .member {margin:0 0 0 47px; font-size:11px; letter-spacing:-1px;font-family:Dotum;}
#bnsLayerLogin .member li {display:inline; margin:0; padding:0;}
#bnsLayerLogin .member li.join {padding-right:11px;}
#bnsLayerLogin .member li.join a {color:#625b5c; font-weight:bold;}
#bnsLayerLogin .member li.find {padding-left:14px; color:#666; background:url("/bns/obt/login/bg_icon_login.gif") no-repeat 0 -49px;}
#bnsLayerLogin .member li.find a {color:#666;}
#bnsLayerLogin .keySecurity {position:absolute;top:38px;right:20px;height:22px; font-size:11px; letter-spacing:-1px; text-align:right;}
#bnsLayerLogin .keySecurity a {display:inline-block; padding:4px 26px 1px 0; color:#666; background:url("/bns/obt/login/bg_icon_login.gif") no-repeat right -112px;}
#bnsLayerLogin .keySecurity a.off {background-position:right -137px;}
#bnsLayerLogin .keySecurity a.on {background-position:right -112px;}

/* domain list */
#bnsLayerLogin .wrap_login .domainList {position:absolute; width:174px; margin:-39px 0 0; border:1px solid #c5cfdc; background-color:#fff; z-index:170;}
#bnsLayerLogin .wrap_login .domainList ul {margin:7px 0; padding:0; list-style:none}
#bnsLayerLogin .wrap_login .domainList ul li {margin:0; padding:6px 10px 5px 9px;}
#bnsLayerLogin .wrap_login .domainList ul li:hover {background-color:#f5f5f5;}
#bnsLayerLogin .wrap_login .domainList ul li a {display:block; line-height:14px; text-decoration:none; color:#444;}

/* login layer */
#bnsLayerLogin .ly_help {position:absolute; left:86px; top:0; width:228px; margin-top:7px; z-index:160;}
#bnsLayerLogin .ly_help .close {position:absolute; right:7px; top:7px; display:block; width:9px; height:9px; font-size:0; line-height:0; text-indent:-1000em; background:url("/bns/obt/layout_v2/login/ly_login.png") right top no-repeat; overflow:hidden;}
#bnsLayerLogin .ly_help .ic_arrow {position:absolute; display:block; margin:0 0 0 5px; z-index:160; font-size:0; line-height:0; text-indent:-1000em; background:url("/bns/obt/layout_v2/login/ly_login.png") left top no-repeat; overflow:hidden;}
#bnsLayerLogin .ly_help .content {z-index:150; position:relative; margin:1px 0 0; padding:9px 11px; background:#fff; font:11px/16px dotum,돋움; color:#666; border:1px solid #4d6588; letter-spacing:-1px; overflow:hidden;}
#bnsLayerLogin .ly_help .content strong {color:#d3674b;}
#bnsLayerLogin .ly_help .content em {font-style:normal; color:#d3674b;}
#bnsLayerLogin .ly_help .shadow {z-index:50; position:absolute; left:3px; top:3px; width:100%; height:100%; overflow:visible; background:#e4e4e4;}

#bnsLayerLogin #ly_idSaved {top:104px;}
#bnsLayerLogin #ly_idSaved .ic_arrow {left:25px; top:-5px; width:15px; height:7px; background-position:0 0;}
*:first-child+html #bnsLayerLogin #ly_idSaved {top:109px;}
*:first-child+html #bnsLayerLogin #ly_idSaved .ic_arrow {top:-6px;}

#bnsLayerLogin #ly_capsLock {top:129px; display:;}
#bnsLayerLogin #ly_capsLock .close {top:13px;}
#bnsLayerLogin #ly_capsLock .ic_arrow {left:25px; top:-5px; width:15px; height:7px; background-position:0 0;}
*:first-child+html #ly_capsLock #bnsLayerLogin .ic_arrow {top:-6px;}

#bnsLayerLogin #ly_domainError {top:43px; display:;}
#bnsLayerLogin #ly_domainError .close {top:13px;}
#bnsLayerLogin #ly_domainError .ic_arrow {left:80px; bottom:-8px; width:16px; height:9px; background-position:-26px 0;}
*:first-child+html #bnsLayerLogin #ly_domainError .ic_arrow {bottom:-8px;}
#bnsLayerLogin #ly_domainError em {text-decoration:underline;}