@charset "utf-8";
/* 
NHN Web Standardization Team (http://html.nhndesign.com/)
Author : Redsound, Pearl.Cho 200807
*/ 

/* Type Selector */
*{margin:0; padding:0;}
body{text-align:center; background:#dcdcdc;}
body, div, td, th, li, dt, dd, select, input{font-size:12px; font-family:Dotum, Gulim, AppleGothic, Sans-serif;}
img {vertical-align:top;}
img, fieldset{border:none;}
hr, legend{display:none;}
table{border-collapse:collapse;}
li{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
html:first-child select{padding-right:6px; height:20px;} /* Opera Fix */ 
option, x:-moz-any-link{padding-right:4px;} /* Firefox Fix */ 
option, x:-moz-any-link, x:default{padding-right:0;} /* Firefox Fix */

/* Layout Selector */
#gnb{height:36px; margin:0 auto; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/common/bg_gnb.gif) repeat-x;}
#top_bg{position:relative; width:100%; min-width:970px; height:681px; margin:0 auto; text-align:center; z-index:-1;}
#middle_main{position:relative; clear:both; width:970px; height:438px; /*overflow:hidden;*/ margin:-681px auto 0 auto; text-align:left; z-index:6;}/*100701 edit*/
#container_arc{clear:both; position:relative; width:970px; margin:0 auto; text-align:left; z-index:5;}
#footer{clear:both; width:970px; margin:0 auto;} 

/* Class Selector */
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.tx_l{text-align:left;}
.tx_c{text-align:center;}
.tx_r{text-align:right;}
.none{display:none;}

/* Falsh Object */
* html .minwidth{padding-left:970px;}
* html .minwidth, * html .minwidth2{height:1px;}
* html .minwidth3{height:1px; margin-left:-970px;}

/* Top */
.main_bg00 {position:relative; height:676px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_main00.jpg) no-repeat center top;}
.main_bg01 {position:relative; height:676px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_main01.jpg) no-repeat center top;}
.main_bg02 {position:relative; height:676px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_main02.jpg) no-repeat center top;}
.main_bg03 {position:relative; height:676px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_main03.jpg) no-repeat center top;}
.main_bg04 {position:relative; height:676px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_main04.jpg) no-repeat center top;}
.main_bg05 {position:relative; height:676px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_main05.jpg) no-repeat center top;}
.main_bg06 {position:relative; height:676px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_main06.jpg) no-repeat center top;}
.main_bg07 {position:relative; height:676px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_main07.jpg) no-repeat center top;}

/* Middle */
.main_nav {float:left; width:200px; height:438px;}
.game_promotion {float:left; width:546px; height:245px; margin-left:12px;}
.game_start {clear:both; position:absolute; top:212px; left:383px; z-index:4;}
.login {position:absolute; top:354px; left:400px; width:177px; height:80px; z-index:3;}

.logout {position:absolute; top:331px; left:384px; width:207px; height:107px; text-align:center; z-index:3;}
.logout fieldset {position:relative; width:177px; margin:0 auto; text-align:left;}
.logout fieldset input.normal_input {display:block; width:109px; margin-bottom:2px; padding:3px 0 1px 7px; border:1px solid #414141; color:#4f4f4f; font-size:11px;}
.logout fieldset input.id {margin-top:22px;margin-bottom:1px;}
.logout fieldset .btn_logout {position:absolute; top:21px; right:0;}
.logout fieldset .others {width:178px; padding-top:2px;}
.logout fieldset .others input {margin:-4px 0 0 -4px;}
.logout fieldset .others .find {margin:0 0 0 30px;}
.logout .top_btn {clear:both; width:179px; overflow:hidden; margin:0 auto; padding-top:10px;}
.logout .top_btn img {display:block;}
.logout .greeting {width:179px; margin:0 auto 8px auto; padding:6px 0 6px 0; color:#fff; font-size:11px; text-align:center; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_line_login_after.gif) no-repeat center bottom;}
.logout .greeting  em {color:#ffa200; font-style:normal;}
.logout .mine {clear:both; width:182px; margin:0 auto 3px auto; overflow:hidden;}
.logout .mine dt {float:left; padding-right:3px; color:#b4b4b4; font-size:11px; letter-spacing:-1px;}
.logout .mine dd {float:left; width:68px; color:#fff; font-size:11px; letter-spacing:-1px; text-align:left;}
.logout .mine dd.charge {width:58px; letter-spacing:-1px;}
.logout .mine dd.charge a {display:block; padding-left:6px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bu_arw_rt_org.gif) no-repeat left 3px; color:#ffa200;}


.battle_top {position:absolute; top:244px; left:212px; width:546px; height:194px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/100706/bg_battle_top03.jpg) no-repeat; z-index:2;} /*090210*/
.battle_in {width:160px; padding:6px 0 0 0;}
.battle_in table {margin:10px 0 0 0;} /* 090102 */
.battle_in table td {height:25px; color:#fff; font-size:11px; letter-spacing:-1px; line-height:1.3;} /*090210*/
.battle_in table td img {vertical-align:top; margin-top:-1px;}/*100706 edit*/
.battle_in table td.rt {padding-left:13px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_bar_normal.gif) no-repeat 6px 8px; text-align:left;}/*100706 edit*/
.battle_in table td.rt img {margin-left:-1px;}/*100706 add*/
.aside {position:absolute; top:0; right:1px; width:200px; height:438px; margin-left:12px; padding-top:68px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_news_right.gif) no-repeat 15px 86px; text-align:left;}
.aside h3 {clear:both; padding:0 0 0 15px; font-size:0;}
.aside h3.news_tit {float:left;}
.aside .prev_next {float:right;  padding:0 17px 0 0;}
.aside .prev_next img {margin-left:1px;}
.news_right {position:relative; display:inline; float:left; width:170px; height:15px; margin:8px 15px 23px 15px; overflow:hidden;}
.news_right ul {position:absolute; top:0; left:0; }
.news_right ul li {float:left; width:165px; padding:3px 0 5px 5px;font-size:11px; text-align:left; letter-spacing:-1px;}
.news_right ul li a {color:#af050b;}
.fre_question {clear:both; width:155px; margin:0 0 35px 15px; overflow:hiddne;}
.fre_question li {padding:8px 0 4px 0; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_line_dot_search.gif) repeat-x left top; font-size:11px; letter-spacing:-1px; line-height:1.2}
.fre_question li.first {background:none;}
.fre_question li a {color:#a6a7a9;}
.fre_question li img {margin:-2px 5px 0 0;}
.keyword_in {clear:both; margin:8px 0 0 22px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_keyword_in.gif) no-repeat;}
.keyword_in  li {margin-bottom:4px; line-height:0; font-size:0;}
.keyword_in input {background:#6c6c6c; *background-position:9px 3px !important; width:112px; height:16px; padding:3px 0 0 4px; border:none; color:#c2c2c2; font-size:11px; letter-spacing:-1px; line-height:1.2; vertical-align:middle;}
.keyword_in img {margin:1px 0 0 2px;}

#mainMovie{position:absolute; left:200px; top:0; z-index:5; margin-left:0;}

/* Left Content */
.left_cont {float:left; width:200px;}
.normal_cont {position:relative; width:200px; overflow:hidden; margin-bottom:10px; background:#cacaca url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_box_normal.gif) no-repeat left 32px;}
.normal_cont h3 {padding:12px 0 0 12px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_tit_normal.gif) no-repeat;}
.normal_cont .more {position:absolute; top:15px; right:6px;}
.normal_cont .txt {margin:13px 15px; color:#333749; line-height:1.3; letter-spacing:-1px;}
.normal_cont .btn {padding:7px 0 17px 0; text-align:center;}
.spc_area {width:200px; height:135px; margin-bottom:10px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_spc_box.gif) left 40px no-repeat; text-align:center}
.spc_area_txt {width:176px; height:47px; margin:8px auto 7px auto; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_spc_txtbox.gif) left top no-repeat; text-align:left; overflow:hidden}
.spc_area_txt ul {margin:11px 0 0 10px; overflow:hidden; }
.spc_area_txt li {height:15px; overflow:hidden; font-size:11px; vertical-align:top; color:#333; letter-spacing:-1px;}
.spc_area_on {position:relative; width:200px; margin-top:-145px; z-index:9999;}
.spc_area_over {position:absolute; left:0; top:0;}
.spc_area_over_tit {margin:0; padding:0}
.spc_area_over_cont {width:200px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_spc_boxline.gif) left bottom no-repeat; text-align:center; overflow:hidden}
.spc_area_over_cont .stit {margin:0; padding:0;}
.spc_area_over_cont .cont_t {width:184px; height:5px; margin:0 auto; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_spc_scont_t.gif) left top no-repeat; overflow:hidden}
.spc_area_over_cont .cont_b {width:184px; margin:-1px auto 0 auto; padding-bottom:4px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_spc_scont_b.gif) left bottom no-repeat;}
.spc_area_over_cont .cont_b ul {width:176px; overflow:hidden}
.spc_area_over_cont .cont_b ul li {width:180px; margin-bottom:1px; padding:11px 0 0 0; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_spc_list01.gif) 0 0 no-repeat; vertical-align:top; text-align:left; color:#444; font-size:11px; letter-spacing:-1px; line-height:1.2;}
.spc_area_over_cont .cont_b ul li img {margin:-7px 4px 4px 4px; vertical-align:top}
.spc_area_over_bottom {width:200px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_spc_boxbottom.gif) no-repeat left bottom; overflow:hidden}
.spc_area_over_bottom .text {width:177px; padding:5px 0 5px 8px; _padding:6px 0 4px 8px; margin:3px auto 0 auto; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_spc_txtbox02.gif) left top no-repeat; font-size:11px; color:#333; letter-spacing:-1px; line-height:1.2;}
.spc_area_over_bottom .btn {width:171px; margin:6px auto 9px auto; text-align:center;}

.cantramall {position:relative; width:175px; height:106px; margin:15px 0 0 13px;}
.cantramall dt {padding:7px 0 3px 65px;} 
.cantramall dt a {color:#27313f; font-weight:bold;}
.cantramall dd.thumb {position:absolute; top:0; left:0;}
.cantramall dd.price {margin-left:65px; color:#9c0909; font-size:11px; font-weight:bold;}
.cantramall dd.detail {position:absolute; top:62px; left:0; color:#3b3f52; font-size:11px; line-height:1.3;} 

/* Center Content */
.content {float:left; width:546px; margin-left:12px;}
.banner {margin-bottom:10px; text-align:right;}
.banner img {vertical-align:top;}
.news_center {margin:10px 0 25px 0;}
.news_center ul {border-bottom:3px solid #616262;}
.news_center li  {position:relative; width:540px; overflow:hidden; background:#d7d7d7 url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_news_selected.gif) no-repeat left bottom; border:3px solid #616262; border-bottom:none;}
.news_center li div {overflow:hidden;}
.news_center li h4 {z-index:10; position:relative; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_news_list_off.gif) no-repeat; line-height:1.1; font-weight:normal; } 
.news_center li h4 a {display:block; width:540px; padding:10px 0 6px 0; color:#2f2f2f; font-size:12px; text-decoration:none;}
.news_center li h4 a:hover {text-decoration:none;}
.news_center li h4 img {margin-left:10px;}
.news_center li p {width:425px; height:63px; overflow:hidden; color:#7b7b7b; line-height:1.3;}
.news_center li .cont {padding:16px 17px 0 17px; }
.news_center li .more {z-index:1; position:absolute; bottom:20px; right:20px; width:44px; height:17px; }
.news_center li.selected {padding-bottom:23px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_news_selected.gif) no-repeat left bottom;}
.news_center li.selected p {display:block;}
.news_center li.selected h4 {font-weight:bold; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_news_list_on.gif) no-repeat;} 

.zoomin {position:relative; width:246px; float:left;}
.zoomin .more {position:absolute; top:1px; right:0;}
.zoomin ul {margin-top:15px; padding:0;}
.zoomin li {margin:0 0 2px 83px; padding:0 0 0 7px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bu_sqare_bw.gif) no-repeat left 4px; font-size:11px;}
.zoomin li img {border:1px solid #968e7c;}
.zoomin li a {color:#666;}
.zoomin li.first {margin-bottom:0; margin-left:0; padding:0; background:none;}
.zoomin dl {position:relative; width:100%; margin:0; padding:0;}
.zoomin dl dt {margin-left:82px; padding:11px 0 0 7px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bu_arw_left.gif) no-repeat left 14px;}
.zoomin dl dt a {color:#333; letter-spacing:-1px;}
.zoomin dd.thumb {position:absolute; top:0; left:0;} 
.zoomin dd.name {position:absolute; top:72px; left:0; width:70px; font-size:11px; letter-spacing:-1px; text-align:center;}
.zoomin dd.name a {color:#334359;}
.zoomin dd.name strong {display:block;}
.gallery {position:relative; width:250px; float:right;}
.gallery .more {position:absolute; top:1px; right:0;}
.gallery ul {clear:both; width:100%; overflow:hidden; margin-top:15px;}
.gallery li {float:left; margin-left:18px;}
.gallery li.first {margin:0;}
.gallery li img {border:1px solid #968e7c;}
.gallery li .name {width:70px; padding-top:7px; font-size:11px; letter-spacing:-1px; text-align:center;}
.gallery li .name a {color:#334359;}
.gallery li .name strong {display:block;}

/* Right Content */
.right_cont {float:right; width:200px;}
.cscenter {clear:both; width:190px; overflow:hidden; margin:10px 0 9px 11px;}
.cscenter li {float:left;}
.tab_rank {clear:both; width:180px; overflow:hidden; margin:0 10px 0 12px; background:#b1b1b1 url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_bar_normal.gif) no-repeat 61px 9px;}
.tab_rank li {float:left; width:56px; margin-right:7px; padding:8px 0 5px 0; font-size:11px; letter-spacing:-1px; text-align:center;}
.tab_rank li a {color:#404040; text-decoration:none;}
.tab_rank li.on a, .tab_rank li a:hover {color:#2a2a2e; font-weight:bold; letter-spacing:-2px;}
.ranking {width:180px; padding:9px 8px 18px 12px;}
.ranking li {position:relative; padding:5px 0 4px 7px; font-size:11px;}
.ranking li img {margin-right:5px;}
.ranking li a {color:#333749;}
.ranking li.first {background:#dfdfdf;}
.ranking li.first a {color:#252a31;}

/* Footer */
#footer{position:relative; margin:0 auto; padding:60px 0 20px;}/*100419 edit*/
#footer .links{display:inline; float:left; padding:35px 29px 0 35px;}
#footer .links li{float:left; width:72px;}
#footer .contact{float:left; text-align:left;}
#footer .contact .corporation{overflow:hidden; margin-top:17px;}
#footer .contact .corporation li{float:left; margin-left:-1px; padding-left:1px; background:url(http://images.hangame.co.kr/hangame/archlord/renew2008/main/bg_bar_footer.gif) no-repeat left 5px;}
#footer .contact .corporation li a{display:block; padding:2px 10px;}
#footer .contact .nhn_info{clear:both; margin-top:7px; margin-left:10px;}
#footer .contact .nhn_info img{display:block;}
#footer .contact address{margin-top:7px; margin-left:10px;}
#footer .contact address img{display:block;}
#footer .cp_info{position:absolute; top:60px; right:0; width:246px;}/*100419 edit*/
#footer .cp_info img {margin-bottom:5px;}
#footer .uselevel {position:absolute; top:60px; right:248px; width:85px;}/*100419 add*/
#footer .uselevel img {margin:0 1px 5px 0; vertical-align:top;}

/* SELECTBOX STYLE */
.selectbox-naked *{display:none;}
.selectbox-naked input{display:inline;}
.selectbox-naked select{display:inline;}
.selectbox-naked select *{display:block;}
.selectbox-applied select{display:none;}
.selectbox-applied .selectbox-box{width:78px; height:18px; border:1px solid #e1c067; background:#fff url(http://images.hangame.co.kr/hangame/taan/OBT/img/common/btn_select_default.gif) right 50% no-repeat;	color:#6c4711; font-size:12px; cursor:pointer;}
.selectbox-focused .selectbox-box{border-color:#e1c067;}
.selectbox-applied .selectbox-label{overflow:hidden; margin:4px 0 0 4px;}
.selectbox-applied .selectbox-layer{position:absolute; z-index:99999; width:78px; margin-top:-1px; border:1px solid #e1c067;}
.selectbox-applied .selectbox-layer-above{}
.selectbox-applied .selectbox-list{overflow-y:auto; list-style:none; margin:0; padding:0; color:#6c4711; font-size:12px; scrollbar-face-color:#fff; scrollbar-track-color:#fff; scrollbar-3dlight-color:#e1c067; scrollbar-arrow-color:#e1c067; scrollbar-shadow-color:#fff;  scrollbar-highlight-color:#fff; scrollbar-darkshadow-color:#e1c067;}
.selectbox-applied .selectbox-list li{padding:2px 5px; background:#fff; text-align:left;cursor: pointer;}
.selectbox-applied .selectbox-list li.selectbox-item-selected{}
.selectbox-applied .selectbox-list li.selectbox-item-hovered{background-color:#faefd0; color:#6c4711; }
/* //SELECTBOX STYLE  */
+