@charset "utf-8"; 

/*main layout*/
body {background:#b59d49}
#wrap {width:100%; margin:0 auto;}
	.day #wrap {background:url(http://images.hangame.co.kr/nhn/hanjamaru/OBT/img/main/renew/bg_main_day_1.jpg) no-repeat top center;} /* 100126 edit */
	.night #wrap {background:url(http://images.hangame.co.kr/nhn/hanjamaru/OBT/img/main/renew/bg_main_night_1.jpg) no-repeat top center;}
	
/* header */
#header {position:relative; margin:0 auto; width:980px; z-index:999; text-align:left;}
#header #game_start {position:relative; top:206px; left:15px; width:248px; height:214px;}
#header #game_start .noScript {margin:38px 0 0 23px; width:197px; height:173px;}
#header #flash_notice {position:absolute; top:0; right:0; z-index:6;}
#header #gnb {height:245px; position:absolute; top:5px; left:0; z-index:5;}
#header #lnb {position:absolute; top:9px; right:22px; z-index:6;}
#header #lnb li {float:left; margin:0; padding:0;}
#header #lnb li.btn {margin-left:5px;}

* body #gnb {width:expression(document.body.clientWidth <= 980 ? '980px' :'100%'); z-index:1000;}
#header img {vertical-align:top;} 

#container {width:980px; margin:0 auto; height:770px; position:relative;} html>body #container {margin-top:0;}

#l_area {width:263px; float:left; padding-top:211px;}
	.login {position:relative; width:173px; margin:0 auto 8px; padding:16px 0 0 0; z-index:2;} /* 100126 edit */
	.login h2 {letter-spacing:-1px; font-size:11px; color:#53a7c6; font-weight:normal; padding:0 0 7px 0; margin:0;}
	.login h2 strong {color:#237d9f}
	/*.inbox {text-align:left; vertical-align:top; position:relative; width:173px;}*/
	.login fieldset {text-align:left; vertical-align:top; position:relative; width:173px;}
	.login .id,
	.login .pw {width:109px; height:30px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/main/bg_input.gif) no-repeat top;}
	.login .id input,
	.login .pw input {border:0; margin:4px 0 0 5px; padding:0; width:100px;}
	.login .loginBtn {position:absolute; top:0; right:-1px;}
	.login img {vertical-align:top}
	.login .btn {padding:3px 0 0 0; width:173px; height:15px; vertical-align:top;}
	.login .btn label {margin:0 0 0 -4px;}
	.login .btn label input {vertical-align:top; margin-top:1px; _margin-top:-2px; _margin-bottom:-3px;}
	*:first-child+html .login .btn {padding-top:4px;}
	*:first-child+html .login .btn label input {margin-top:-3px;}
	
	.my_info {position:relative; text-align:left; margin-top:7px;}
	.my_info .characterSelect {width:118px;}
	.my_info .myBtn {width:55px; position:absolute; top:0; right:0;}
	.my_info .myBtn img {margin-bottom:2px;}
	
	.loginbox {width:152px; height:102px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/bg_loginarea2_2.gif) no-repeat; color:#557C95; line-height:1.3em; padding:8px 10px 0 11px; text-align:left;}
	/*090429 add*/
	.loginbox .login_txt {color:#557d97; line-height:19px;}
	.loginbox .login_txt p {margin:0 0 5px; padding:4px 0 5px; color:#557d97; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/main/line_h_dot.gif) repeat-x 1px bottom; letter-spacing:0; ; line-height:16px;}
	.loginbox .login_txt span {color:#2ea8bd;}
	.loginbox .login_txt img {*margin:-1px 0 0;}
	/*//090429 add*/
	
	/*090828 edit*/
	.characterbox {position:relative; z-index:2; width:173px; height:142px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/main/bg_characterbox2.gif) no-repeat; position:relative; text-align:left}
	.characterbox h3 {width:155px; font-size:12px; color:#0C3F50; padding:8px 0 3px 11px;}
	.characterbox p {width:91px; color:#53a7c6; margin:4px 0 0 10px;}
	.characterbox .img {width:81px; height:93px; position:absolute; top:35px; right:6px;}	
	.characterbox ul.myLevel {width:90px; margin:8px 0 0 12px;}
	.characterbox ul.myLevel li {width:85px; padding:1px 0 4px; color:#557c95; font-size:11px; line-height:13px; letter-spacing:-1px;}	
	.characterbox ul.myLevel li em {font-style:normal; display:block; color:#9abbca; margin:0 0 -4px; padding:0; letter-spacing:0;}
	.characterbox ul.myLevel li span {color:#2DA8BE; letter-spacing:0;}	
	.characterbox ul.myLevel li img {margin:-1px 0 1px; vertical-align:middle;}	
	.characterbox ul.obt {margin:22px 0 0 12px;}
	.characterbox ul.obt li {padding-bottom:8px;}
	.characterbox .tooltip {position:absolute; left:-12px; bottom:-54px; width:175px; height:50px; padding:18px 0 0 10px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/main/bg_tooltip.gif) no-repeat; color:#fff; font-size:11px; line-height:13px; letter-spacing:-1px;}
	.characterbox .tooltip strong {display:block; padding-bottom:4px;}
	/*//090828 edit*/
	
	/* 100126 add */
	.login_infobox {position:relative; width:173px; padding-top:6px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/renew/bg_login_infobox.gif) no-repeat; z-index:99;}/* 100223 edit */
	.login_infobox ul {width:171px; margin:0 auto; border-bottom:1px solid #87bad2;}
	.login_infobox ul li {width:153px; margin:0 5px; padding:3px 0 3px 8px; border-top:1px solid #eaf6fc; border-bottom:1px solid #c5e1ec; color:#557c95; font-size:11px; line-height:15px; letter-spacing:-1px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/renew/bu_login_dot.gif) no-repeat 3px 9px;}
	.login_infobox ul li.first {border-top:0 none;}
	.login_infobox ul li.end {border-bottom:0 none;}
	.login_infobox ul li.study {padding:13px 0 13px 8px; background-position:3px 19px;}
	.login_infobox ul li.study p {margin-top:3px;}
	.login_infobox ul li em {color:#2da8be; font-style:normal; letter-spacing:0;}
	.login_infobox ul li a {margin-left:1px;}
	.login_infobox a.plus {position:absolute; right:4px; top:3px;}
	
	.login_namebox {position:relative; width:173px; text-align:left; line-height:14px; letter-spacing:-1px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/renew/bg_login_namebox.gif) no-repeat;}
	.login_namebox h3 {padding:7px 12px 0;color:#0c3f50; font-size:12px;}
	.login_namebox p {width:119px; margin:0 auto; padding:2px 40px 5px 12px; border-bottom:1px solid #87bad2; color:#557c95; font-size:11px;}
	.login_namebox a.edit {position:absolute; right:6px; bottom:5px;}
	
	.login_characterbox {position:relative; width:173px; text-align:left; line-height:16px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/renew/bg_login_characterbox.gif) no-repeat 0 bottom;}
	.login_characterbox .characterbox_inner {width:171px; margin:0 auto; padding:13px 0 15px; border-top:1px solid #e9f5fb;}
	.login_characterbox .choice {padding:31px 0;}
	.login_characterbox .characterbox_inner .img {position:absolute; left:4px; top:1px;}
	.login_characterbox .characterbox_inner h4 {margin-left:90px; padding-left:5px; color:#557c95; font-weight:normal; font-size:11px; letter-spacing:-1px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/renew/bu_login_dot.gif) no-repeat 0 50%;}
	.login_characterbox .choice h4 {margin-left:8px;}
	.login_characterbox .characterbox_inner ul {margin:3px 0 0 95px;}
	.login_characterbox .characterbox_inner ul li {color:#557c95; font-size:11px; letter-spacing:0;}
	.login_characterbox .characterbox_inner ul li em {color:#2da8be; font-style:normal; letter-spacing:0;}
	.login_characterbox .characterbox_inner .btn_char {display:block; margin:3px 0 0 14px;}
	.login_characterbox .characterbox_inner p {padding:17px 0 23px 13px; color:#557c95; font-weight:normal; font-size:11px; line-height:14px; letter-spacing:-1px;}
	
	.login_btn {width:173px; margin:8px 0 0; text-align:center;}
	
	.login_layer {width:171px; position:absolute; left:0; top:0; border:1px solid #80b6cf; z-index:9999;} /* 100223 edit */
	.login_layer .layer_inner {width:161px; padding:0 3px; border:2px solid #c6e3ec; background:#e0f2fa;}
	.login_layer .layer_inner h3 {padding:16px 0 14px; border-bottom:1px solid #c4e1ec; color:#557c95; font-weight:normal; font-size:11px; line-height:15px; letter-spacing:-1px;}
	.login_layer .layer_inner h3 strong {color:#2da8be;}
	.login_layer .layer_inner p {padding:10px 0 11px; border-top:1px solid #e9f6fc; line-height:15px;}
	.login_layer .close {position:absolute; right:4px; top:4px;}
	/* 100126 add */
	
	.graph_area {margin:0 0 0 15px; font-size:11px; letter-spacing:-1px; padding:0}
	.graph_area span {float:left; display:inline; color:#6a96b3;}
	.graph_area .graph {float:left; width:30px; height:8px; position:relative; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/bg_graph.gif) repeat-x; margin:0 5px;}
	.graph_area .graph .arrow {}	
	.graph_area .graph .nowLevel {width:28px; height:3px; position:absolute; bottom:1px; left:1px;}
	.graph_area .graph .nowLevel img {_vertical-align:bottom}
	
	.layer_character {position:absolute; margin-top:2px; width:173px; height:160px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/layer_bg_character2.gif) no-repeat; padding-bottom:13px; text-align:left; z-index:999999;} /* 100223 edit */
	.layer_character h3 {margin:0; padding:0;}
	.layer_character ul {width:154px; margin:0 0 8px 10px; height:86px; padding:3px 0 0; overflow:auto; border-top:1px solid #cce3eb; border-bottom:1px solid #cce3eb; scrollbar-face-color:#f1faff; scrollbar-track-color:#f1faff; scrollbar-highlight-color:#c1dde7; scrollbar-3dlight-color:#e7f6ff; scrollbar-shadow-color:#c1dde7; scrollbar-darkshadow-color:#e7f6ff; scrollbar-arrow-color:#a0bec9;}
	.layer_character ul li {height:13px; overflow:hidden; padding:1px 0 3px; color:#207b9d; line-height:14px;}
	.layer_character input {width:13px; height:13px; margin:-1px 4px 0 0;}
	.layer_character * {vertical-align:middle}
	
	.layer_character .btn {text-align:center; height:23px; padding-top:0 !important;}
	.layer_character .btn * {vertical-align:top}
	
	.quickmenu {position:relative; width:230px; height:238px; margin:0 auto;}
	.quickmenu ul {position:relative; z-index:1; width:173px; margin:0 auto;}
	.quickmenu li img {vertical-align:top}
	.quickmenu .bx_quickmenu {position:absolute; left:0; top:0; z-index:0; width:230px; height:238px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/bg_quickmenu.png) no-repeat 0 bottom; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/bg_quickmenu.png',sizingMethod='scale');}
	
	#rankingBox {position:relative; width:219px; height:304px; margin:0 auto;}
	/*.rankingType1 {background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/bg_ranking_01.jpg) no-repeat bottom;}
	.rankingType2 {background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/bg_ranking_02.jpg) no-repeat bottom;}
	.rankingType3 {background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/bg_ranking_03.jpg) no-repeat bottom;}*/
	#rankingBox h3 {text-align:center;}
	#rankingBox .sever_select {width:213px; height:20px; padding:3px 0 0; margin:0 auto; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/bg_ranking_top.gif) no-repeat 3px 0;}
	#rankingBox .sever_select .sit {float:left; margin-left:25px;}
	#rankingBox ol {position:relative; z-index:1; clear:both; width:160px; margin:2px auto 0;}
	#rankingBox ol li {color:#1e647d; font-size:11px; height:22px; letter-spacing:-1px;}
	#rankingBox ol li img {vertical-align:middle}
	#rankingBox ol li strong {color:#0c3f50;}
	#rankingBox .selectbox-naked {position:relative; z-index:1;}
	/* 100126 edit */
	#rankingBox .bx_ranking {position:absolute; left:3px; top:54px; z-index:0; width:213px; height:165px; margin:0 auto; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/renew/bg_ranking.png) no-repeat 0 bottom; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/main/renew/bg_ranking.png',sizingMethod='scale');}
	/* //100126 edit */
	
	.selectbox-naked * {display:none;} 
	.selectbox-naked select {display:inline;} 
	.selectbox-naked select * {display:block;}
	.selectbox-applied select {display:none;} 
	.selectbox-applied .selectbox-label {color:#4D6F85; margin:3px 0 0 4px; overflow:hidden; font-size:11px; letter-spacing:-1px;}
	.selectbox-applied .selectbox-layer {position:absolute; z-index:100; scrollbar-face-color: #f1faff; scrollbar-track-color: #e7f6ff; scrollbar-highlight-color: #c1dde7; scrollbar-3dlight-color: #e7f6ff; scrollbar-shadow-color: #c1dde7; scrollbar-darkshadow-color: #e7f6ff; scrollbar-arrow-color: #a0bec9;}
	.selectbox-applied .selectbox-list {overflow:auto; height:100px; border:1px solid #a9c6d6; background:#FFF; margin:0; padding:0; list-style:none;}
	.selectbox-applied .selectbox-list li {background:#FFF none repeat scroll 0 0; color:#4D6F85; cursor:pointer; padding:3px 1px; text-align:left; font-size:11px; letter-spacing:-1px;} 
	.selectbox-applied .selectbox-list li.selectbox-item-selected {} 
	.selectbox-applied .selectbox-list li.selectbox-item-hovered {background:#f0f8fb;} 
	.selectbox-applied .selectbox-box {background:#FFF url(http://images.hanjamaru.co.kr/nhn/hanjamaru/OBT/img/common/btn_select_default.gif) no-repeat scroll right 50%; border:1px solid #a9c6d6; color:#ababab; cursor:pointer; height:16px; width: 80px; text-align:left;}

#contents {width:477px; float:left; text-align:left;}
	#contents .flash_promotion {margin-left:-23px; width:500px; height:211px; z-index:1; position:relative; top:-8px;}
	.tabBoard {width:454px; height:159px; margin-top:1px;} /* 100126 edit */
	.tabBoard ul.tab li {border-bottom:1px solid #7dcee3; height:35px; margin:0}
	.tabBoard ul.list {margin-top:13px;}
	.tabBoard ul.list li {background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/main/ico_arr.gif) no-repeat 6px 5px; padding:0 10px 11px 16px; text-align:right;}
	.tabBoard ul.list li .ico {float:left; margin:-1px 5px 1px 0}
	.tabBoard ul.list li a {color:#557C95; text-align:left !important; display:inline; float:left; letter-spacing:-1px;}
	.tabBoard ul.list li a:hover {color:#005E76;}
	.tabBoard ul.list li.first {color:#567B95;}
	.tabBoard ul.list li.first a {color:#005E76;}
	.tabBoard ul.list li img {margin-left:4px;}
	.photo_list {margin-top:12px;}
	.photo_list li {float:left;}
	.photo_list li img {border:1px solid #44afac; margin:0 1px 5px 6px;}
	.photo_list li p {/*width:102px; margin-left:6px;*/ width:90px;}
	.bestBbs {width:298px; position:relative; float:left;}
	.bestBbs h3 {text-align:left; border-bottom:1px solid #7dcee3; height:30px; margin-bottom:12px;}
	.more {position:absolute; top:9px; right:7px;}
	
	.bestBbs li {position:relative; padding:0 0 12px 26px; letter-spacing:-1px;}
	.bestBbs li a {color:#557C95;}
	.bestBbs li a:hover {color:#005E76;}
	.bestBbs li.num01 a {color:#005E76;}
	.bestBbs .num01 {background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/main/ico_num_01.gif) no-repeat 6px top;}
	.bestBbs .num02 {background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/main/ico_num_02.gif) no-repeat 6px top;}
	.bestBbs .num03 {background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/main/ico_num_03.gif) no-repeat 6px top;}
	.bestBbs .num04 {background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/main/ico_num_04.gif) no-repeat 6px top;}
	.bestBbs li img {margin-left:4px;}
	
	.adminStory {width:140px; float:left; margin-left:16px;}
	.adminStory h3 {border-bottom:1px solid #7dcee3; margin-bottom:11px;}
	.adminStory p {margin:0 auto; text-align:center; font-size:11px; width:117px; color:#557c95; line-height:1.2em}
	.adminStory p img {border:1px solid #42aeab; margin-bottom:7px;}
	.adminStory p a {color:#557c95; line-height:1.2em}
	
	.ss {position:relative; float:left; width:298px; margin-top:19px;} /* 100126 edit */
	.ss h3 {text-align:left; border-bottom:1px solid #7dcee3; width:100%; height:30px; margin-bottom:12px;}
	.ss ul.photo_list li {text-align:center;}
	.ss ul.photo_list a {font-size:11px; color:#557c95;}
	
	.hanjaani {width:140px; float:left; margin:19px 0 0 16px;}
	.hanjaani h3 {border-bottom:1px solid #7dcee3; margin-bottom:11px;}
	.hanjaani p {margin:0 auto; text-align:center; font-size:11px; width:117px; color:#557c95; line-height:1.2em}
	.hanjaani p img {border:1px solid #42aeab; margin-bottom:7px;}
	.hanjaani p a {color:#557c95; line-height:1.2em}
	
#r_area {width:230px; padding-top:23px; float:left; text-align:left} /* 100126 edit */
#r_area img {vertical-align:top}
	.imgBnr {}
	.r_area_sub {width:201px; height:304px; background:url(http://images.hangame.co.kr/nhn/hanjamaru/OBT/img/main/renew/bg_rArea.jpg) no-repeat top left; padding:57px 0 0 39px;} /* 100126 edit */
	.quick {width:180px; height:156px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/main/bg_quickbox.gif) no-repeat; padding:20px 0 0 55px;}
		.quick h3 {margin-left:12px; padding:0;} /* 100126 edit */
		.quick ul {width:125px; margin-top:12px;} /* 100126 edit */
		.quick ul li {float:left}
		.quick ul li img {vertical-align:top}

.l_flashMotion {position:absolute; bottom:60px; left:0;}
/*Footer*/
#footer {position:relative; clear:both; width:980px; height:70px; padding-top:13px; margin:0 auto; text-align:left !important;}
html>body #footer {margin-bottom:0; !important;}
#footer .links {position:absolute; left:37px;}
#footer .links li {float:left; padding-right:14px;}
#footer .contact {position:absolute; left:217px;}
#footer .contact .corporation {height:11px;}
#footer .contact .corporation li {float:left; padding:0 10px; background:url(http://images.hanjamaru.co.kr/nhn/hanjamaru/img/common/tx_footer_bar.gif) no-repeat left center;}
#footer .contact .corporation li.first {background:none; padding-left:0}
#footer .contact .nhn_info {margin:11px 0 5px 0}
#footer address {margin-bottom:15px;}
#footer .cp_info {position:absolute; right:34px; top:42px;}
#footer .nhn_family {position:absolute; right: 34px; top:0;}