@charset "utf-8"; /* NTS UI Development KWK 130718 */ /* common */ html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,menu,a{margin:0;padding:0} body,input,textarea,select,button,table{font-family:'돋움',dotum,Helvetica,sans-serif;font-size:12px} img,fieldset,button{border:0} ul,ol{list-style:none} em,address{font-style:normal} input,select{vertical-align:middle} a{text-decoration:none} a:hover,a:active,a:focus{text-decoration:underline} table,th,td{border:none;border-collapse:collapse} button{cursor:pointer} textarea{resize:none} hr,legend,.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-9999px} /* skip navigation */ #u_skip{min-width:960px;margin:0 auto;position:relative;z-index:2147483647} #u_skip a{position:absolute;left:0;top:-30px;width:128px;background:url(http://images.hangame.co.kr/hangame/common/hgguide/sp_u_skip.png) repeat-x 0 -11px;border:1px solid ;text-align:center;outline:none} #u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1} #u_skip span{display:inline-block;padding:2px 6px 0 0;background:url(http://images.hangame.co.kr/hangame/common/hgguide/sp_u_skip.png) no-repeat 100% 11px;font-size:12px;color:#fff;line-height:26px} /* layout */ #wrap{position:relative;width:100%;min-width:960px;margin:0 auto} #wrap.main{background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_main.gif) repeat 0 0} #header{position:absolute;top:0;left:0;width:100%;height:121px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_header.png) no-repeat 50% 0;z-index:30} .spot{position:relative;overflow:hidden;width:100%;margin:0 auto;text-align:center;z-index:10} .sub_spot{height:332px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_vis_spot.jpg) no-repeat 50% 0} #container{position:relative;width:960px;margin:0 auto 100px;z-index:20} #container:after{content:'';display:block;clear:both} #content{float:left;width:700px} .aside{float:left;position:relative;width:198px;margin-left:62px} #footer{height:100%;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_footer.gif) repeat-x 0 0 #1b1b1b} /* scrollbar */ #scrollbar{position:relative;width:235px;height:100px;background-color:#c4c0bd} .scrollbar-box{overflow:hidden;position:absolute;top:0px;left:0px;width:235px;height:100px} .scrollbar-content{position:absolute;top:0px;left:0px;width:235px} .scrollbar-v{position:absolute;top:1px;left:217px;width:17px;height:72px;background-color:#c4c0bd} .scrollbar-track{position:relative;top:0px;width:17px;height:72px;background-color:#c4c0bd} .scrollbar-track-hold{background-color:#c4c0bd} .scrollbar-thumb{overflow:hidden;position:relative;top:0;width:17px;height:34px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/scroll_hold.gif) repeat-y 0 0} .scrollbar-button-up{overflow:hidden;position:relative;top:0;width:17px;height:17px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_select.png) no-repeat -150px -80px} .scrollbar-button-down{overflow:hidden;position:relative;top:0;width:17px;height:17px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_select.png) no-repeat -180px -80px} .scrollbar-noscript .scrollbar-box{overflow-y:auto;width:235px} .scrollbar-noscript .scrollbar-v{display:none} /* radio-applied */ .radio-applied{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;overflow:hidden;position:relative;width:12px;height:12px;margin-right:3px;vertical-align:-2px} .radio-applied span.radio-mark{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;position:absolute;left:0;top:0;z-index:1;width:12px;height:12px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_select.png) no-repeat -110px -80px} .radio-applied span.radio-mark.radio-checked{background-position:-130px -80px} .radio-applied input{position:absolute;left:-9999px} /* header */ #header h1{position:absolute;top:0;left:50%;margin-left:-114px} #header h1 a{display:block;overflow:hidden;width:228px;height:97px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_common_v9.png) no-repeat 0 -480px;vertical-align:top;line-height:999em}/* 20140203 */ /* lnb */ #lnb{width:960px;margin:0 auto;padding-top:28px} #lnb:after{content:'';display:block;clear:both} #lnb>li{position:relative;float:left} #lnb>li>a{display:block;overflow:hidden;height:17px;margin:0 21px 0 35px;padding:5px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_common_v9.png) no-repeat 5px 5px;vertical-align:top;line-height:999em}/* 20140203 */ #lnb>li.m1>ul{left:5px} #lnb>li.m2>ul,#lnb>li.m6>ul{left:14px} #lnb>li.m3>ul{left:23px} #lnb>li.m4>ul{left:13px} #lnb>li.m5>ul{left:7px} #lnb>li.m1>a{width:43px;margin-right:14px} #lnb>li.m1>a:hover,#lnb>li.m1>a.on{background-position:5px -25px} #lnb>li.m2>a{width:58px;margin-right:7px;background-position:-95px 5px} #lnb>li.m2>a:hover,#lnb>li.m2>a.on{background-position:-95px -25px} #lnb>li.m3>a{width:77px;background-position:-195px 5px} #lnb>li.m3>a.none{background-position:-195px -265px} /*#lnb>li.m3>a:hover,#lnb>li.m3>a.on{background-position:-195px -25px} 해당 서비스 오픈후 주석풀어주세요 */ #lnb>li.m4{margin-left:243px} #lnb>li.m4>a{width:56px;background-position:-295px 5px} #lnb>li.m4>a:hover,#lnb>li.m4>a.on{background-position:-295px -25px} #lnb>li.m5>a{width:44px;background-position:-395px 5px} #lnb>li.m5>a:hover,#lnb>li.m5>a.on{background-position:-395px -25px} #lnb>li.m6>a{width:57px;background-position:-495px 5px} #lnb>li.m6>a.none{background-position:-195px -295px} /*#lnb>li.m6>a:hover,#lnb>li.m6>a.on{background-position:-495px -25px} 해당 서비스 오픈후 주석풀어주세요 */ #lnb>li>ul{display:none;position:absolute;top:19px;width:115px;padding:26px 12px 0 0;*padding-top:36px} #lnb>li>ul>li{margin-top:10px;padding-left:16px} #lnb>li>ul>li>a{display:inline-block;overflow:hidden;height:16px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_common_v9.png) no-repeat 0 0;vertical-align:top;line-height:999em}/* 20140203 */ #lnb>li>ul>li.m11>a{width:54px;background-position:0 -60px} #lnb>li>ul>li.m11>a:hover,#lnb>li>ul>li.m11>a.on{background-position:0 -150px} #lnb>li>ul>li.m12>a{width:68px;background-position:0 -90px} #lnb>li>ul>li.m12>a:hover,#lnb>li>ul>li.m12>a.on{background-position:0 -180px} #lnb>li>ul>li.m13>a{width:40px;background-position:0 -120px} #lnb>li>ul>li.m13>a:hover,#lnb>li>ul>li.m13>a.on{background-position:0 -210px} #lnb>li>ul>li.m21>a{width:41px;background-position:-100px -60px} #lnb>li>ul>li.m21>a:hover,#lnb>li>ul>li.m21>a.on{background-position:-100px -240px} #lnb>li>ul>li.m22>a{width:56px;background-position:-100px -90px} #lnb>li>ul>li.m22>a:hover,#lnb>li>ul>li.m22>a.on{background-position:-100px -270px} #lnb>li>ul>li.m23>a{width:52px;background-position:-100px -120px} #lnb>li>ul>li.m23>a:hover,#lnb>li>ul>li.m23>a.on{background-position:-100px -300px} #lnb>li>ul>li.m24>a{width:26px;background-position:-100px -150px} #lnb>li>ul>li.m24>a:hover,#lnb>li>ul>li.m24>a.on{background-position:-100px -330px} #lnb>li>ul>li.m25>a{width:39px;background-position:-100px -180px} #lnb>li>ul>li.m25>a:hover,#lnb>li>ul>li.m25>a.on{background-position:-100px -360px} #lnb>li>ul>li.m26>a{width:51px;background-position:-100px -210px} #lnb>li>ul>li.m26>a:hover,#lnb>li>ul>li.m26>a.on{background-position:-100px -390px} #lnb>li>ul>li.m31>a{width:69px;background-position:-200px -60px} #lnb>li>ul>li.m31>a:hover,#lnb>li>ul>li.m31>a.on{background-position:-200px -150px} #lnb>li>ul>li.m32>a{width:26px;background-position:-200px -90px} #lnb>li>ul>li.m32>a:hover,#lnb>li>ul>li.m32>a.on{background-position:-200px -180px} #lnb>li>ul>li.m32>a.none{background-position:-200px -240px} #lnb>li>ul>li.m32>a.none:hover{background-position:-200px -240px} #lnb>li>ul>li.m33>a{width:53px;background-position:-200px -120px} #lnb>li>ul>li.m33>a:hover,#lnb>li>ul>li.m33>a.on{background-position:-200px -210px} #lnb>li>ul>li.m41>a{width:65px;background-position:-300px -60px} #lnb>li>ul>li.m41>a:hover,#lnb>li>ul>li.m41>a.on{background-position:-300px -240px} #lnb>li>ul>li.m42>a{width:65px;background-position:-300px -90px} #lnb>li>ul>li.m42>a:hover,#lnb>li>ul>li.m42>a.on{background-position:-300px -270px} #lnb>li>ul>li.m43>a{width:72px;background-position:-300px -120px} #lnb>li>ul>li.m43>a:hover,#lnb>li>ul>li.m43>a.on{background-position:-300px -300px} #lnb>li>ul>li.m44>a{width:78px;background-position:-300px -150px} #lnb>li>ul>li.m44>a:hover,#lnb>li>ul>li.m44>a.on{background-position:-300px -330px} #lnb>li>ul>li.m45>a{width:78px;background-position:-300px -180px} #lnb>li>ul>li.m45>a:hover,#lnb>li>ul>li.m45>a.on{background-position:-300px -360px} #lnb>li>ul>li.m46>a{width:65px;background-position:-300px -210px} #lnb>li>ul>li.m46>a:hover,#lnb>li>ul>li.m46>a.on{background-position:-300px -390px} #lnb>li>ul>li.m51>a{width:53px;background-position:-400px -60px} #lnb>li>ul>li.m51>a:hover,#lnb>li>ul>li.m51>a.on{background-position:-400px -150px} #lnb>li>ul>li.m52>a{width:63px;background-position:-400px -90px} #lnb>li>ul>li.m52>a:hover,#lnb>li>ul>li.m52>a.on{background-position:-400px -180px} #lnb>li>ul>li.m53>a{width:33px;background-position:-400px -120px} #lnb>li>ul>li.m53>a:hover,#lnb>li>ul>li.m53>a.on{background-position:-400px -210px} #lnb>li>ul>li.m61>a{width:65px;background-position:-500px -60px} #lnb>li>ul>li.m61>a:hover,#lnb>li>ul>li.m61>a.on{background-position:-500px -270px} #lnb>li>ul>li.m62>a{width:63px;background-position:-500px -90px} #lnb>li>ul>li.m62>a:hover,#lnb>li>ul>li.m62>a.on{background-position:-500px -300px} #lnb>li>ul>li.m63>a{width:64px;background-position:-500px -120px} #lnb>li>ul>li.m63>a:hover,#lnb>li>ul>li.m63>a.on{background-position:-500px -330px} #lnb>li>ul>li.m64>a{width:81px;background-position:-500px -150px} #lnb>li>ul>li.m64>a:hover,#lnb>li>ul>li.m64>a.on{background-position:-500px -360px} #lnb>li>ul>li.m65>a{width:86px;background-position:-500px -180px} #lnb>li>ul>li.m65>a:hover,#lnb>li>ul>li.m65>a.on{background-position:-500px -390px} #lnb>li>ul>li.m66>a{width:65px;background-position:-500px -210px} #lnb>li>ul>li.m66>a:hover,#lnb>li>ul>li.m66>a.on{background-position:-500px -420px} #lnb>li>ul>li.m67>a{width:57px;background-position:-500px -240px} #lnb>li>ul>li.m67>a:hover,#lnb>li>ul>li.m67>a.on{background-position:-500px -450px} #lnb>li>ul>li.m68>a{width:56px;background-position:-200px -330px} #lnb>li>ul>li.m68>a:hover,#lnb>li>ul>li.m68>a.on{background-position:-200px -360px} #lnb>li>ul>li.m69>a{width:89px;background-position:-400px -270px} #lnb>li>ul>li.m69>a:hover,#lnb>li>ul>li.m69>a.on{background-position:-400px -301px} .gnbsub_type{height:129px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_common_v9.png) no-repeat 0 -590px}/* 20140203 */ .gnbsub_type2{height:206px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_common_v9.png) no-repeat -150px -590px}/* 20140203 */ .gnbsub_type3{height:244px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_common_v9.png) no-repeat -450px -590px}/* 20140203 */ /* 배너영역 */ .rolling_banner{position:relative;overflow:hidden;width:198px;padding-top:25px} .rolling_banner ul{overflow:hidden;width:1000%;height:198px;zoom:1} .rolling_banner ul>li{float:left} .rolling_banner ol{position:absolute;overflow:hidden;left:15px;bottom:13px;zoom:1} .rolling_banner ol>li{float:left} .rolling_banner ol>li>a{display:block;overflow:hidden;width:15px;height:15px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ico.png) no-repeat 0 -20px;vertical-align:top;text-indent:-9999px} .rolling_banner ol>li>a.on{background-position:0 -40px} .rolling_banner img{vertical-align:top} .lst_banner{margin-top:25px} .lst_banner li{margin-top:8px} .lst_banner li a{display:block} .lst_banner li img{vertical-align:top} .lst_banner li:first-child{margin-top:0} .bg_spot{overflow:hidden;position:absolute;left:0;bottom:0;width:100%;height:20px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_spot.png) no-repeat 50% 0;vertical-align:top} .main .rolling_banner{width:249px;height:249px;padding-top:22px} .main .rolling_banner ul{height:249px} .main .rolling_banner ol{left:16px;bottom:14px} .main .banner .rolling_banner{width:2000px;height:423px;padding-top:0} .main .banner .rolling_banner ul{height:423px} .main .banner .rolling_banner ul li{position:relative;width:2000px;height:423px;text-align:center} .main .banner .rolling_banner ul li a{position:absolute;left:520px;top:0;width:960px;height:423px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/blank.gif) repeat 0 0;vertical-align:top;line-height:9999px} .main .banner .rolling_banner ol{left:520px;bottom:59px} .main .banner .rolling_banner ol>li>a{margin-right:4px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ico.png) no-repeat 0 -60px} .main .banner .rolling_banner ol>li>a.on{background-position:0 -40px} /* main */ .main .spot{height:509px} .main .spot .banner{position:absolute;top:86px;left:50%;margin-left:-1000px} .main #content{width:671px;padding-top:22px;color:#402F2C;line-height:17px} .main .aside{float:right;position:relative;width:249px;margin-left:0;padding-top:189px;line-height:16px} .main_cont{clear:both;float:none;zoom:1} .main_cont:after{clear:both;display:block;content:''} .main_cont li{clear:both;position:relative;padding:17px 0;border-top:1px solid #D6D6D6;letter-spacing:-1px;zoom:1} .main_cont li:after{clear:both;display:block;content:''} .main_cont li:first-child{padding-right:11px} .main_cont .thumb{float:left;position:relative;margin-right:29px;padding-left:1px} .main_cont .thumb span{display:block;overflow:hidden;position:absolute;left:0;top:9px;width:66px;height:26px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_main_v3.png) no-repeat;text-indent:-9999px;vertical-align:top;z-index:3} .main_cont .thumb span.f_notice{background-position:0 0} .main_cont .thumb span.f_event{background-position:0 -30px} .main_cont .thumb span.f_interview{background-position:-70px -50px} .main_cont .thumb a{display:block;position:relative;width:220px;height:125px} .main_cont .thumb a .mask{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;border:1px solid #000;opacity:0.15;filter:alpha(opacity=15)} .main_cont .tit a{font-size:16px;color:#060303} .main_cont .date{display:block;padding-top:2px;font-size:11px;color:#828282;letter-spacing:0} .main_cont p{overflow:hidden;margin-top:9px;padding-bottom:25px} .main_cont p a{color:#402F2C} .main_cont .btn_go{position:absolute;left:250px;bottom:13px;padding-right:8px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu2.gif) no-repeat 100% 6px;color:#B1311A;text-decoration:none} .main_cont_v2 li{float:left;width:330px;padding:17px 0 47px;clear:none;border-top:0} .main_cont_v2 .thumb{width:330px;height:175px;float:none;margin-bottom:10px} .main_cont_v2 .thumb span{left:5px;top:-1px;width:60px;height:46px} .main_cont_v2 .thumb span.f_notice{background-position:-135px 0} .main_cont_v2 .thumb span.f_event{background-position:-70px 0} .main_cont_v2 .thumb span.f_interview{background-position:-200px 0} .main_cont_v2 .thumb a{width:330px;height:175px} .main_cont_v2 .tit{display:inline-block;margin-top:3px} .main_cont_v2 p{margin-top:4px;padding-bottom:0} .main_cont_v2 .btn_go{left:0;bottom:17px} .board_area{height:200px;margin-top:26px;letter-spacing:-1px} .board_area .inner{float:left;position:relative;width:321px;margin-left:29px} .board_area .inner:first-child{margin-left:0} .board_area .inner h3{height:21px;margin-bottom:6px;border-bottom:1px solid #d6d6d6} .board_area .inner h3 span{display:inline-block;overflow:hidden;height:16px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_main_v3.png) no-repeat;vertical-align:top;line-height:9999px} .board_area .inner h3 span.work{width:75px;background-position:-135px -50px} .board_area .inner h3 span.attack{width:64px;background-position:-135px -70px} .board_area .inner h4{float:left;margin-left:19px} .board_area .inner h4 a{font-size:11px;color:#898989;font-weight:normal} .board_area .inner h4.on a{color:#434343;font-weight:bold;text-decoration:underline} .board_area .inner h3 + h4{margin-left:0} .board_area .inner .thumb{display:none;position:absolute;left:0;top:65px} .board_area .inner .thumb.on{display:block} .board_area .inner .thumb .thumb_tit{height:56px} .board_area .inner .thumb .img{float:left;position:relative;width:82px;height:56px;margin-right:19px} .board_area .inner .thumb .img .mask{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;border:1px solid #000;opacity:0.15;filter:alpha(opacity=15)} .board_area .inner .thumb .txt{overflow:hidden} .board_area .inner .thumb .txt a{display:block;overflow:hidden;height:55px;color:#434343;word-break:break-all} .board_area .inner .thumb .txt strong{display:block;overflow:hidden;width:215px;margin-bottom:3px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer} .board_area .inner .thumb ul{clear:both;padding-top:5px} .board_area .inner .thumb ul li{overflow:hidden;width:310px;margin-top:6px;padding-left:7px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu.png) no-repeat 1px -113px;text-overflow:ellipsis;white-space:nowrap} .board_area .inner .thumb ul li a{color:#666} .board_area .inner .btn_more{position:absolute;right:4px;top:0;padding-right:8px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu2.gif) no-repeat 100% -14px;color:#898989;text-decoration:none} .main .aside .game_start{position:absolute;left:-5px;top:-24px;height:214px} .login_area{height:158px;margin-bottom:25px} .login_area a.btn_security{display:block;overflow:hidden;width:249px;height:35px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat 0 -165px;line-height:9999px;vertical-align:top} .login{width:249px;height:123px} .login_after{position:relative;width:249px;height:143px;margin-bottom:25px;padding-top:15px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_login_after.gif) no-repeat 0 0;vertical-align:top;letter-spacing:-1px;color:#575757;line-height:16px;z-index:30} .login_after h3{height:16px;margin:0 0 16px 13px;font-size:12px;color:#622b21} .login_after h3 span{font-weight:normal} .login_after .comment{height:35px;margin:0 0 12px 23px;font-size:11px} .login_after .comment em{color:#b1311a;letter-spacing:0} .login_after .comment span{display:inline-block;margin:0 4px 0 3px} .login_after .coin{position:relative;width:224px;height:14px;margin:0 0 13px 12px;padding-top:3px;font-weight:bold;color:#622b21;line-height:12px;vertical-align:top} .login_after .coin em{display:inline-block;margin-left:10px;padding-left:10px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu.png) no-repeat 0 -78px;vertical-align:top;letter-spacing:0} .login_after .coin a{position:absolute;right:0;top:0;width:32px;height:17px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat 0 -70px;font-size:11px;font-weight:normal;color:#cdb5ab;vertical-align:top;text-align:center;line-height:17px;text-decoration:none} .login_after .coin a:hover{color:#fff} .login_after .btn_area a{display:block;float:left;width:123px;height:33px;margin-left:1px;color:#494949;text-align:center;line-height:33px;text-decoration:none} .login_after .btn_area a:hover{text-decoration:underline} .login_after .btn_area a:active{color:#b1311a;text-decoration:none} .login_after .btn_area a.on{color:#b1311a} .login_after a.btn_logout{position:absolute;right:13px;top:14px;font-size:11px;color:#622b21;text-decoration:underline;z-index:20} .ly_ser{position:absolute;left:0;top:157px;z-index:50;width:247px;height:159px;border:1px solid #c0c0c0;background-color:#d3d3d3} .server{position:relative;float:left;margin-bottom:7px;padding-top:6px;border-top:1px solid #e0e0e0;z-index:100} .server .arr_top{display:inline-block;overflow:hidden;position:absolute;left:55px;top:-7px;width:9px;height:6px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat -40px -70px;vertical-align:top} .server .ser_select{width:235px;height:108px;margin-left:6px;background-color:#c4c0bd;font-size:11px;color:#766457} .server .ser_select ul{padding:10px 0 0 7px} .server .ser_select li{margin-bottom:3px;cursor:pointer} .server .ser_select li:hover label{color:#9e510e;cursor:pointer} .server .ser_select li.on{color:#9e510e} .server .ser_select p{padding:9px 0 0 16px;color:#66472c} .login_after .btn_ser a{display:block;float:left;width:115px;height:31px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat;font-weight:bold;color:#dbd1c7;vertical-align:top;text-align:center;line-height:31px;text-decoration:none} .login_after .btn_ser a.save{margin-left:6px;background-position:0 0} .login_after .btn_ser a.cancel{margin-left:5px;background-position:-120px 0} .login_after .btn_ser a.save:hover{background-position:0 -35px} .login_after .btn_ser a.cancel:hover{background-position:-120px -35px} .login_before{margin-bottom:19px} .login_before a{display:block;overflow:hidden;width:249px;height:51px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ch_v3.png) no-repeat;line-height:9999px;vertical-align:top} .login_before a.btn_hangame{background-position:0 0} .login_before a.btn_hangame:hover{background-position:0 -60px} .login_before a.btn_naver{background-position:-260px 0} .login_before a.btn_naver:hover{background-position:-260px -60px} .login_before a.btn_daum{background-position:0 -156px}/* 2014.11.12 추가 */ .login_before a.btn_daum:hover{background-position:-260px -156px}/* 2014.11.12 추가 */ .login_after_v2 h3{color:#b1311a} .login_after_v2 .btn_area a:hover{color:#b1311a} .login_after_bg2{background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_login_after_naver.gif) no-repeat 0 0} .login_after_bg2 .comment{height:35px;margin:0;padding-top:16px;text-align:center} .login_after_bg2 a.btn_agree{display:block;overflow:hidden;position:absolute;left:84px;top:106px;width:82px;height:27px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ch_v2.png) no-repeat 0 -120px;line-height:9999px;vertical-align:top} .login_after_bg2 a.btn_cancel{display:block;overflow:hidden;position:absolute;left:84px;top:106px;width:82px;height:27px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ch_v2.png) no-repeat -85px -120px;line-height:9999px;vertical-align:top} .main .aside .ost{position:relative;height:25px;margin-bottom:25px;z-index:20} .main .aside_notice{position:relative} .main .aside_notice h2{overflow:hidden;width:51px;height:15px;margin-bottom:6px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_main_v3.png) no-repeat 0 -60px;vertical-align:top;text-indent:-9999px} .main .aside_notice ul{padding-top:1px;border-top:1px solid #D6D6D6} .main .aside_notice ul li a{display:block;overflow:hidden;width:235px;margin-top:7px;padding-left:8px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu.png) no-repeat 1px -114px;color:#666;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-1px} .main .aside_notice ul li a:hover{background-position:1px -134px;color:#434343} .main .aside_notice .btn_more{position:absolute;right:4px;top:1px;padding-right:8px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu2.gif) no-repeat 100% -15px;color:#898989;text-decoration:none} /* content title */ .tit_area{margin-bottom:32px} .tit_area .loc{overflow:hidden;float:right;margin:12px 0 22px;font-family:'굴림',gulim;zoom:1} .tit_area .loc li{float:left;color:#333;margin-left:3px;padding-left:12px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ico.png) no-repeat 0 2px} .tit_area .loc li a{color:#999} .tit_area .loc li:first-child{margin:0;padding:0;background:0} .tit_area h2{overflow:hidden;clear:both;height:28px} .tit_area h2 a{display:block;overflow:hidden;height:28px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tit_v3.gif) no-repeat;vertical-align:top;line-height:999em} .tit_area h2 a.tit_customer{width:140px;background-position:0 0} .tit_area h2 a.tit_gameinfo{width:139px;background-position:0 -35px} .tit_area h2 a.tit_guildinfo{width:105px;background-position:0 -70px} .tit_area h2 a.tit_ranking{width:48px;background-position:0 -105px} .tit_area h2 a.tit_notice{width:106px;background-position:0 -140px} .tit_area h2 a.tit_go{width:138px;background-position:0 -175px} .tit_area h2 a.tit_event{width:77px;background-position:0 -210px} .tit_area h2 a.tit_free{width:133px;background-position:0 -245px} .tit_area h2 a.tit_discussion{width:133px;background-position:0 -280px} .tit_area h2 a.tit_qna{width:147px;background-position:0 -315px} .tit_area h2 a.tit_image{width:157px;background-position:0 -350px} .tit_area h2 a.tit_job{width:157px;background-position:0 -385px} .tit_area h2 a.tit_attack{width:133px;background-position:0 -420px} .tit_area h2 a.tit_help{width:125px;background-position:0 -455px} .tit_area h2 a.tit_email{width:118px;background-position:0 -490px} .tit_area h2 a.tit_reply{width:159px;background-position:0 -525px} .tit_area h2 a.tit_steal{width:206px;background-position:0 -560px} .tit_area h2 a.tit_security{width:131px;background-position:0 -595px} .tit_area h2 a.tit_terms{width:114px;background-position:0 -630px} .tit_area h2 a.tit_dnld{width:98px;background-position:0 -700px} .tit_area h2 a.tit_multi{width:118px;background-position:0 -735px} .tit_area h2 a.tit_ost{width:55px;background-position:0 -770px} .tit_area h2 a.tit_worldview{width:80px;background-position:0 -805px} .tit_area h2 a.tit_tribe{width:123px;background-position:0 -840px} .tit_area h2 a.tit_scenario{width:105px;background-position:0 -875px} .tit_area h2 a.tit_work{width:48px;background-position:0 -910px} .tit_area h2 a.tit_system{width:76px;background-position:0 -945px} .tit_area h2 a.tit_tip{width:103px;background-position:0 -980px} .tit_area h2 a.tit_service{width:198px;background-position:0 -1015px} .tit_area h2 a.tit_cancel{width:102px;background-position:0 -1050px} .h_tit{overflow:hidden;height:18px;margin:30px 0 15px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_h_tit_v5.gif) no-repeat;text-indent:-9999px} .h_tit2{overflow:hidden;height:22px;margin-bottom:15px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_h_tit_v5.gif) no-repeat;text-indent:-9999px} .h_tit3{overflow:hidden;height:17px;margin:40px 0 17px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_h_tit_v5.gif) no-repeat;text-indent:-9999px} .tx{overflow:hidden;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tx.png) no-repeat;text-indent:-9999px} /* sub */ .sub_spot.v_gameinfo{background-position:50% -335px} .sub_spot.v_intothegame{background-position:50% -670px} .sub_spot.v_community{background-position:50% -1675px} .sub_spot.v_download{background-position:50% -1340px} .sub_spot.v_customer{background-position:50% -1005px} /* aside */ .snb_area{border:1px solid #e1e1e1;background-color:#fafafa} .game_start a{display:block;overflow:hidden;width:260px;height:214px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_start.png) no-repeat;vertical-align:top;line-height:999em} .game_start a.today{background-position:0 0} .game_start a.down{background-position:0 -220px} .game_start a.before1{background-position:0 -440px} .game_start a.before2{background-position:0 -660px} .game_start a.before3{background-position:0 -880px} .game_start a.coming{background-position:0 -1100px} .btn_gamestart{position:relative;margin:-19px 0 0 -10px} .btn_gamestart a{display:block;overflow:hidden;width:216px;height:184px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_start.png) no-repeat;vertical-align:top;line-height:999em} .btn_gamestart a.today{background-position:-265px 0} .btn_gamestart a.down{background-position:-265px -220px} .btn_gamestart a.before1{background-position:-265px -440px} .btn_gamestart a.before2{background-position:-265px -660px} .btn_gamestart a.before3{background-position:-265px -880px} .btn_gamestart a.coming{background-position:-265px -1100px} .snb_area h2{overflow:hidden;height:23px;margin:-1px 0 5px 15px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_snb_v3.png) no-repeat;vertical-align:top;line-height:999em} .snb_area .tit_snbcustomer{width:88px} .snb_area .tit_snbguildinfo{width:115px;background-position:-260px 0} .snb_area .tit_news{width:63px;background-position:0 -250px} .snb_area .tit_community{width:83px;background-position:-260px -220px} .snb_area .tit_snbdnld{width:64px;background-position:0 -380px} .snb_area .tit_snbgameinfo{width:88px;background-position:-260px -440px} /* snb */ #snb{margin:0 9px 0 19px} #snb>li{padding:15px 0 14px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/line_snb.gif) repeat-x 0 0} #snb>li:first-child{background:0} #snb>li>a{display:inline-block;overflow:hidden;height:13px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_snb_v3.png) no-repeat 0 0;vertical-align:top;line-height:999em} #snb>li.snb11>a{width:59px;background-position:0 -290px} #snb>li.snb11>a:hover,#snb>li.snb11>a.on{background-position:-130px -290px} #snb>li.snb12>a{width:69px;background-position:0 -320px} #snb>li.snb12>a:hover,#snb>li.snb12>a.on{background-position:-130px -320px} #snb>li.snb13>a{width:48px;background-position:0 -350px} #snb>li.snb13>a:hover,#snb>li.snb13>a.on{background-position:-130px -350px} #snb>li.snb31>a{width:74px;background-position:-260px -40px} #snb>li.snb31>a:hover,#snb>li.snb31>a.on{background-position:-390px -40px} #snb>li.snb32>a{width:74px;background-position:-260px -70px} #snb>li.snb32>a:hover,#snb>li.snb32>a.on{background-position:-390px -70px} #snb>li.snb33>a{width:74px;background-position:-260px -100px} #snb>li.snb33>a:hover,#snb>li.snb33>a.on{background-position:-390px -100px} #snb>li.snb41>a{width:70px;background-position:-260px -260px} #snb>li.snb41>a:hover,#snb>li.snb41>a.on{background-position:-390px -260px} #snb>li.snb42>a{width:70px;background-position:-260px -290px} #snb>li.snb42>a:hover,#snb>li.snb42>a.on{background-position:-390px -290px} #snb>li.snb43>a{width:74px;background-position:-260px -320px} #snb>li.snb43>a:hover,#snb>li.snb43>a.on{background-position:-390px -320px} #snb>li.snb44>a{width:81px;background-position:-260px -350px} #snb>li.snb44>a:hover,#snb>li.snb44>a.on{background-position:-390px -350px} #snb>li.snb45>a{width:81px;background-position:-260px -380px} #snb>li.snb45>a:hover,#snb>li.snb45>a.on{background-position:-390px -380px} #snb>li.snb46>a{width:70px;background-position:-260px -410px} #snb>li.snb46>a:hover,#snb>li.snb46>a.on{background-position:-390px -410px} #snb>li.snb61>a{width:74px;background-position:0 -40px} #snb>li.snb61>a:hover,#snb>li.snb61>a.on{background-position:-130px -40px} #snb>li.snb62>a{width:74px;background-position:0 -70px} #snb>li.snb62>a:hover,#snb>li.snb62>a.on{background-position:-130px -70px} #snb>li.snb63>a{width:74px;background-position:0 -100px} #snb>li.snb63>a:hover,#snb>li.snb63>a.on{background-position:-130px -100px} #snb>li.snb64>a{width:87px;background-position:0 -130px} #snb>li.snb64>a:hover,#snb>li.snb64>a.on{background-position:-130px -130px} #snb>li.snb65>a{width:109px;background-position:0 -160px} #snb>li.snb65>a:hover,#snb>li.snb65>a.on{background-position:-130px -160px} #snb>li.snb66>a{width:74px;background-position:0 -190px} #snb>li.snb66>a:hover,#snb>li.snb66>a.on{background-position:-130px -190px} #snb>li.snb67>a{width:69px;background-position:0 -220px} #snb>li.snb67>a:hover,#snb>li.snb67>a.on{background-position:-130px -220px} #snb>li.snb68>a{width:59px;background-position:0 -420px} #snb>li.snb68>a:hover,#snb>li.snb68>a.on{background-position:-130px -420px} #snb>li.snb69>a{width:69px;background-position:0 -450px} #snb>li.snb69>a:hover,#snb>li.snb69>a.on{background-position:-130px -450px} #snb>li.snb70>a{width:39px;background-position:0 -480px} #snb>li.snb70>a:hover,#snb>li.snb70>a.on{background-position:-130px -480px} #snb>li.snb71>a{width:48px;background-position:-260px -480px} #snb>li.snb71>a:hover,#snb>li.snb71>a.on{background-position:-390px -480px} #snb>li.snb72>a{width:66px;height:13px;background-position:-260px -510px} #snb>li.snb72>a:hover,#snb>li.snb72>a.on{background-position:-390px -510px} #snb>li.snb73>a{width:59px;background-position:-260px -540px} #snb>li.snb73>a:hover,#snb>li.snb73>a.on{background-position:-390px -540px} #snb>li.snb74>a{width:35px;background-position:-260px -570px} #snb>li.snb74>a:hover,#snb>li.snb74>a.on{background-position:-390px -570px} #snb>li.snb75>a{width:47px;background-position:-260px -600px} #snb>li.snb75>a:hover,#snb>li.snb75>a.on{background-position:-390px -600px} #snb>li.snb76>a{width:58px;background-position:-260px -630px} #snb>li.snb76>a:hover,#snb>li.snb76>a.on{background-position:-390px -630px} #snb>li.snb81>a{width:95px;background-position:0 -510px} #snb>li.snb81>a:hover,#snb>li.snb81>a.on{background-position:-130px -510px} #snb>li.snb82>a{width:62px;background-position:0 -540px} #snb>li.snb82>a:hover,#snb>li.snb82>a.on{background-position:-130px -540px} p.myinfo_area{width:178px;height:27px;padding:16px 0 0 20px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_snb_v3.png) -260px -160px no-repeat} p.myinfo_area a{display:block;overflow:hidden;width:104px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_snb_v3.png) no-repeat -260px -130px;text-indent:-9999px} /* footer 전체메뉴 */ .full_menu{overflow:hidden;width:960px;margin:0 auto;padding:30px 0 21px;letter-spacing:-1px;zoom:1} .full_menu>div{float:left;padding-left:22px;width:118px;height:168px;border-left:1px solid #474747} .full_menu>h3+div{border:0} .full_menu>div.lst_full1{width:128px} .full_menu h4{margin-bottom:17px;font-size:12px;color:#fff;vertical-align:top;text-decoration:none} .full_menu ul>li{margin-top:5px;line-height:15px} .full_menu ul>li:first-child{margin-top:0} .full_menu ul>li>a{display:inline-block;color:#9a9a9a} .full_menu .none h4{color:#737373} .full_menu .none ul>li>a{color:#545454} .full_menu .none ul>li>a:hover{text-decoration:none} .full_menu ul li a.none{color:#545454} .full_menu ul li a.none:hover{text-decoration:none} .foot_addrarea{width:960px;margin:13px auto 0} .foot_top{overflow:hidden;padding-bottom:9px;margin-left:2px;border-bottom:1px solid #474747;zoom:1} .foot_top p{float:left} .foot_top p a,.foot_top p span{display:inline-block;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_common_v9.png) no-repeat;line-height:9999px;overflow:hidden;vertical-align:top} .foot_top p .nhnbp{width:100px;height:24px;margin:6px 21px 0 0;background-position:-280px -438px} .foot_top p .naver{width:96px;height:17px;margin:10px 0 0 21px;background-position:-500px -480px} .foot_top p a.polygon{width:75px;height:28px;background-position:-400px -480px} .foot_top p a.nhnent{width:63px;height:24px;margin:6px 0 0 21px;background-position:-280px -480px} .foot_top p .daum{width:54px;height:27px;margin:5px 0 0 21px;background-position:-398px -434px} .foot_top ul{overflow:hidden;float:right;margin-top:14px;font-size:11px;zoom:1} .foot_top ul li{float:left;margin-left:20px;color:#7d7d7d} .foot_top ul li a{color:#7d7d7d;text-decoration:none} .foot_top ul li{float:left;margin-left:20px;color:#7d7d7d} .foot_addr{overflow:hidden;margin-top:12px;font-size:11px;color:#5b5b5b;line-height:16px;zoom:1} .foot_addr a{color:#4e4e4e} .foot_addr div{float:left} .foot_addr .cp_info{float:right;width:323px;height:45px;margin-top:3px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_common_v9.png) no-repeat -275px -530px}/* 20140203 */ .foot_addr>div>p>span,.foot_addr>div>address>span,.foot_addrarea.daum .lnk_area li,.foot_addrarea.daum .nhn_info li{display:inline-block;padding-left:12px;margin-left:12px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img//sp_bu.png) no-repeat 0 -96px} .foot_addr p+address+p{padding-top:8px;font-family:Arial} .foot_addr p+address+p span{display:inline;color:#ee451c;background:none;padding:0;margin:0} /* 다음게임 footer */ .foot_addrarea.daum{position:relative;padding:28px 0 40px 128px} .foot_addrarea.daum .foot_top{position:absolute;top:30px;left:5px;border-bottom:none} .foot_addrarea.daum .foot_top a,.foot_addrarea.daum .foot_top span{display:block;margin:25px auto 0} .foot_addrarea.daum .foot_top>p{width:100px} .foot_addrarea.daum .foot_top>p>span{margin-top:0} .foot_addrarea.daum .lnk_area{padding-top:0} .foot_addrarea.daum .lnk_area ul{overflow:hidden;margin:0} .foot_addrarea.daum .lnk_area li{float:left} .foot_addrarea.daum .lnk_area li:first-child{margin-left:0;padding-left:0;background:none} .foot_addrarea.daum .lnk_area a{display:block;padding:2px 0 1px;font-size:11px;color:#5b5b5b;line-height:12px;letter-spacing:-1px} .foot_addrarea.daum .lnk_area a:hover{text-decoration:underline} .foot_addrarea.daum .nhn_info{overflow:hidden;width:700px;zoom:1} .foot_addrarea.daum .nhn_info li{float:left;margin:2px 0;padding:0 6px;font-size:11px;letter-spacing:-1px;white-space:nowrap;color:#595959} .foot_addrarea.daum .nhn_info li.first{clear:both;padding-left:0;background:none} .foot_addrarea.daum .nhn_info li a{text-decoration:underline;color:#595959} .foot_addrarea.daum .nhn_info li span{letter-spacing:0} .foot_addrarea.daum .daum_info{margin-top:15px} .foot_addrarea.daum .daum_info p{font-size:11px;line-height:14px;color:#595959} .foot_addrarea.daum address{margin-top:3px;font-size:10px} .foot_addrarea.daum address span{color:#ee451c} /* 직업 아이콘 */ .sp_work1{display:inline-block;overflow:hidden;width:25px;height:25px;margin-right:6px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_work_v2.png) no-repeat;vertical-align:middle;line-height:9999px} .sp_work2{display:inline-block;overflow:hidden;width:36px;height:36px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_work_v2.png) no-repeat;vertical-align:top;line-height:9999px} .sp_work3{display:inline-block;overflow:hidden;width:64px;height:64px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_work_v2.png) no-repeat;vertical-align:top;line-height:9999px} .sp_work4{display:inline-block;overflow:hidden;width:19px;height:19px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_work_v2.png) no-repeat;vertical-align:middle;line-height:9999px} .sp_work5{display:inline-block;overflow:hidden;width:45px;height:45px;margin-top:4px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_work_v2.png) no-repeat;vertical-align:middle;line-height:9999px} .ico_work1_7{background-position:-210px 0} .ico_work1_2{background-position:-210px -40px} .ico_work1_3{background-position:-210px -80px} .ico_work1_4{background-position:-210px -120px} .ico_work1_5{background-position:-210px -160px} .ico_work1_6{background-position:-210px -200px} .ico_work2_7{background-position:-30px 0} .ico_work2_2{background-position:-30px -40px} .ico_work2_3{background-position:-30px -80px} .ico_work2_4{background-position:-30px -120px} .ico_work2_5{background-position:-30px -160px} .ico_work2_6{background-position:-30px -200px} .ico_work3_7{background-position:-70px 0} .ico_work3_2{background-position:-140px 0} .ico_work3_3{background-position:-70px -80px} .ico_work3_4{background-position:-140px -80px} .ico_work3_5{background-position:-70px -160px} .ico_work3_6{background-position:-140px -160px} .ico_work4_7{background-position:-240px 0} .ico_work4_2{background-position:-240px -40px} .ico_work4_3{background-position:-240px -80px} .ico_work4_4{background-position:-240px -120px} .ico_work4_5{background-position:-240px -160px} .ico_work4_6{background-position:-240px -200px} .ico_work5_7{background-position:-270px 0} .ico_work5_2{background-position:-270px -50px} .ico_work5_3{background-position:-270px -100px} .ico_work5_4{background-position:-270px -150px} .ico_work5_5{background-position:-270px -200px} .ico_work5_6{background-position:-270px -250px} .ico_work5_0{background-position:-210px -250px} /* 게임속으로(내 게임정보) */ .character_area{position:relative;width:674px;height:68px;margin-bottom:25px;padding:12px 0 0 26px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_character.gif) no-repeat;z-index:10} .character_area:after{content:'';display:block;clear:both} .character_area span{float:left} .character_area>ul{float:left} .character_area>ul li{float:left;padding:0 11px 0 12px;margin-top:23px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu.png) no-repeat 0 2px;color:#fff} .character_area>ul li:first-child{background:0} .character_area .btn_set_char{overflow:hidden;position:absolute;left:356px;top:26px;width:150px;height:28px;padding-right:15px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_character.gif) no-repeat -90px -90px;font-weight:bold;color:#ead1cf;line-height:28px;letter-spacing:-1px;text-align:center;text-decoration:none} .character_area .btn_set_char:hover{background-position:-90px -120px} .gameifno_area{overflow:hidden;margin-bottom:10px;border:1px solid #d1d1d1;zoom:1} .gameifno_area div{float:left;width:349px} .gameifno_area h3{position:relative;width:321px;/*height:21px;*/padding:11px 0 8px 27px;margin-bottom:10px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_guild_info.gif) no-repeat;border-bottom:2px solid #d1d1d1;font-size:13px;color:#4b4b4b} .gameifno_area div:first-child h3{overflow:hidden;width:321px;border-right:1px solid #d1d1d1;zoom:1} .gameifno_area h3 span{position:absolute;top:14px;right:29px;font-size:11px;font-weight:normal} .gameifno_area span{color:#666} .gameifno_area em{color:#e14434} .gameifno_area div:first-child dl{border-right:1px solid #d1d1d1} .gameifno_area dl{margin:0 0 10px 28px;padding:15px 0 6px;font-weight:bold} .gameifno_area dt{float:left;width:102px;margin-bottom:13px;color:#4b4b4b} .gameifno_area dd{margin:0 29px 13px 102px;text-align:right;color:#8c6734} .gameifno_area dd a{color:#8c6734} .gameifno_area dt.h_blood,.guild_info dt.h_blood{width:32px} .gameifno_area dd.dsc_blood,.guild_info dd.dsc_blood{margin-left:32px} .lst_stat dt{width:72px} .lst_stat dd{margin-left:72px;color:#8c6734} .btn_skill{display:block;width:110px;height:17px;padding:5px 0 0 14px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat 0 -140px;color:#4b4b4b;font-weight:bold} .btn_skill:hover{text-decoration:none} .h_money{width:63px;height:24px;margin:30px 0 5px 15px} .h_job{width:97px;height:24px;margin:30px 0 5px 15px;background-position:0 -30px} .h_job02{width:97px;height:24px;margin:30px 0 5px 15px;background-position:0 -60px} .h_faminfo{width:106px;background-position:-150px -75px} .info_lst02 ul{overflow:hidden;padding:17px 0 7px 0;border-top:2px solid #858585;border-bottom:1px solid #858585;zoom:1} .info_lst02 li{float:left;width:175px;padding-bottom:5px;font-weight:bold;color:#8c6734} .info_lst02 li em{display:inline-block;margin:0 11px 0 17px;color:#4b4b4b;letter-spacing:-1px} /* 게임속으로(혈족정보) */ .select_box03{position:relative;float:left;margin:14px 0 0 20px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_select.png) no-repeat;z-index:300} .select_box03 a{display:block;width:236px;padding:9px 0 7px 13px;font-size:12px;letter-spacing:-1px;color:#9e510e} .select_box03 a em{letter-spacing:0} .select_box03 .select_box>a{display:block;width:235px;height:20px;padding:8px 0 0 14px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_skill.png) no-repeat 0 -200px;text-decoration:none;color:#3b302f;font-size:14px;font-weight:bold} .select_box03.warning>a{padding:8px 0 6px 13px;font-size:14px;font-weight:bold;color:#3b302f} .select_box03 .select_box.v2>a{font-size:12px;letter-spacing:-1px;font-weight:normal;color:#9e510e} .select_box03 .select_box_view{position:absolute;top:27px;left:0;width:235px;padding:7px 6px 6px;border:1px solid #c0c0c0;background:#d3d3d3;z-index:250} .select_box03 .select_box_view ul{overflow-y:scroll;height:87px;padding:11px 6px 10px;background:#c4c0bd} .select_box03 .select_box_view ul li{margin-top:5px} .select_box03 .select_box_view ul li:first-child{margin-top:0} .select_box03 .select_box_view input{width:13px;height:13px;margin:-1px 1px 1px 0;*margin:0} .select_box03 .select_box_view label{font-size:11px;color:#766457;letter-spacing:-1px;font-weight:normal} .select_box03 .select_box_view label:hover{color:#9e510e} .select_box03 .select_box_view .btn_area{overflow:hidden;margin-top:7px} .select_box03 .select_box_view .btn_area a{float:left} .select_box03 .select_box_view .btn_area a:first-child{margin-right:5px} .select_box_view .btn_area a,.reset_area a{display:block;padding:0;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat;text-align:center;zoom:1;font-weight:bold;line-height:31px;color:#dbd1c7;text-decoration:none} .select_box_view a.btn_save{width:115px;height:31px;background-position:0 0} .select_box_view a.btn_save:hover{background-position:0 -35px} .select_box_view a.btn_cancel{width:115px;height:31px;background-position:-120px 0} .select_box_view a.btn_cancel:hover{background-position:-120px -35px} .guild_info{overflow:hidden;margin-top:25px;padding-bottom:29px;border:1px solid #d1d1d1;zoom:1} .guild_info h3{padding:11px 0 8px 27px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_guild_info.gif) no-repeat;border-bottom:2px solid #d1d1d1;font-size:13px;color:#4b4b4b} .guild_info dl{overflow:hidden;float:left;width:322px;margin:13px 0 0 27px;font-size:12px;font-weight:bold;zoom:1} dl.mt25{margin-top:25px} dt.ml9{margin-left:9px} .guild_info dt{float:left;width:142px;color:#4b4b4b} .guild_info dd{color:#8c6734;margin:0 30px 0 171px;text-align:right} .guild_info dd a{color:#8c6734} .caution02,.fail02{padding-top:121px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_waring.gif) no-repeat 50% 15%} .caution02 h3,.caution02 p,.fail02 h3,.fail02 p{overflow:hidden;margin:0 auto;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_skill.png) no-repeat 0 -280px;vertical-align:top;text-indent:-999em} .caution02 h3{width:391px;height:26px;margin-top:35px} .caution02 p{width:402px;height:59px;margin-top:34px;background-position:0 -330px} .caution02 p+p{width:426px;height:17px;margin-top:35px;background-position:-21px -430px} .fail02 h3{width:363px;height:66px;margin-top:35px;background-position:0 -480px} .fail02 p{width:166px;height:15px;margin-top:35px;background-position:-480px -280px} /* 게임속으로(랭킹) */ .tab_rank{overflow:hidden;width:700px;height:39px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat} .tab_rank li{float:left} .tab_rank li a{display:block;width:101px;height:39px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat;text-indent:-9999em} .tab_rank li.rank_m1 a{background-position:-120px -50px} .tab_rank li.rank_m2 a{background-position:-360px -50px} .tab_rank li.rank_m1 a.on,.tab_rank li.rank_m1 a:hover{background-position:0 -50px} .tab_rank li.rank_m2 a.on,.tab_rank li.rank_m2 a:hover{background-position:-240px -50px} .lst_rank{overflow:hidden;margin:25px 9px 14px} .lst_rank li{float:left;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu.png) no-repeat 0 -19px;margin-left:17px;padding-left:20px;letter-spacing:-1px} .lst_rank.v2 li{margin-left:23px} .lst_rank li:first-child{background:0;margin:0;padding:0} .lst_rank li a{color:#666666;text-decoration:none} .lst_rank li a.on{color:#9d260a;font-weight:bold} .rank_info{padding:5px 9px 5px 10px;background:#f4f4f4;zoom:1} .rank_info:after{display:block;content:'';clear:both} .rank_info .select_box{position:relative;float:left;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_select.png) 0 -40px no-repeat;z-index:300} .rank_info .select_box.v2{margin-left:5px;background-position:0 -80px} .rank_info .select_box>a{display:block;width:146px;height:20px;padding:8px 0 0 14px;font-size:14px;font-weight:bold;text-decoration:none;color:#3b302f} .rank_info .select_box.v2>a,.rank_info .select_box_view.v2{width:86px} .rank_info .select_box_view{position:absolute;top:27px;width:146px;padding:7px 6px 6px;background:#d3d3d3;border:1px solid #c0c0c0;z-index:10} .rank_info .select_box_view ul{overflow-y:scroll;height:150px;background:#c4c0bd} .rank_info .select_box_view.v2 ul{overflow:auto} .rank_info .select_box_view ul a{display:block;padding:5px 0 4px 7px;font-size:14px;color:#9e510e;font-weight:bold;text-decoration:none;line-height:1.5em} .rank_info .select_box_view ul a:hover{background:#9a8e85;color:#fff} .rank_info p{float:left;margin:9px 0 0 15px;letter-spacing:-1px} .rank_info p span{color:#ef4343} .rank_info p em{letter-spacing:0} .rank_info .lst_back{float:right;padding-left:11px;margin-top:10px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu.png) no-repeat 0 -38px;font-size:11px;color:#3b3b3b;text-decoration:none} .date_renewal{float:right;margin:10px 12px 0 0;font-size:11px;color:#999;color:#9d260a;letter-spacing:normal} /* 자료실(다운로드) */ .h_spec{width:88px;background-position:-150px 0} .h_driver{width:267px;background-position:-150px -25px} .client{overflow:hidden;display:block;width:700px;height:125px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_dnld.png);text-indent:-9999px} .spec{width:100%;border-collapse:collapse;font-size:11px;text-align:center} .spec thead th{padding:12px 0 11px;color:#fff;background:#4b4b4b;border:1px solid #fff;border-width:0 0 2px 1px;color:#ccc} .spec tbody th,.spec tbody td{padding:10px 0 9px;border:1px solid #fff;border-width:0 0 1px 1px;font-weight:normal;color:#3d3d3d;background:#ececec} .spec thead th:first-child,.spec tbody th{border-left:0 none} .spec_test{overflow:hidden;height:60px;background-color:#ddd} .spec_test p{float:left;margin:14px 0 0 20px;font-size:11px;color:#3d3d3d;line-height:18px} .spec_test a{float:right;display:block;overflow:hidden;width:103px;height:26px;margin:17px 20px 0 0;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat 0 -205px;text-indent:-9999px} .driver p{margin-bottom:13px;color:#4b4b4b} .driver ul{overflow:hidden;height:160px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_driver.gif) no-repeat} .driver ul li{float:left;width:175px;height:100%;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/line_driver.gif) no-repeat 0 50%;text-align:center} .driver ul li:first-child{background:none} .driver ul li span{display:block;height:13px;margin:22px 0 17px;padding-top:67px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ico2.png) no-repeat;color:#736357} .driver ul li span.nvidia{background-position:50% 0} .driver ul li span.ati{background-position:50% -80px} .driver ul li span.intel{background-position:50% -160px} .driver ul li span.directx{background-position:50% -240px} .driver ul li a{display:block;overflow:hidden;width:120px;height:26px;margin:0 auto;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat -120px -205px;text-indent:-9999px} /* 자료실(멀티미디어) */ .tab_multi{overflow:hidden;width:700px;height:39px;margin-bottom:25px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat} .tab_multi li{float:left} .tab_multi li a{display:block;width:175px;height:39px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat;text-indent:-9999em} .tab_multi li.multi_m1 a{background-position:0 -550px} .tab_multi li.multi_m2 a{background-position:-370px -550px} .tab_multi li.multi_m3 a{background-position:-185px -600px} .tab_multi li.multi_m4 a{background-position:0 -650px} .tab_multi li.multi_m1 a.on,.tab_multi li.multi_m1 a:hover{background-position:-185px -550px} .tab_multi li.multi_m2 a.on,.tab_multi li.multi_m2 a:hover{background-position:0 -600px} .tab_multi li.multi_m3 a.on,.tab_multi li.multi_m3 a:hover{background-position:-370px -600px} .tab_multi li.multi_m4 a.on,.tab_multi li.multi_m4 a:hover{background-position:-185px -650px} .movie_area{height:611px;background:#2f2d2b} .movie_area .tit{overflow:hidden;height:20px;padding:10px;line-height:20px} .movie_area .tit .txt_tit{display:inline-block;overflow:hidden;float:left;max-width:480px;margin-right:20px;font-size:14px;color:#fff;text-overflow:ellipsis;white-space:nowrap} .movie_area .tit .txt_date{float:left;color:#969696;line-height:22px} .movie_area .tit .share_sns{float:right} .movie_area .tit .share_sns a{float:left;overflow:hidden;width:20px;height:20px;margin-left:5px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ico.png) no-repeat;text-indent:-9999px} .movie_area .tit .share_sns a:first-child{margin-left:0} .movie_area .tit .share_sns .twitter{background-position:0 -80px} .movie_area .tit .share_sns .facebook{background-position:0 -105px} .movie_area .tit .share_sns .me2day{background-position:0 -130px} .movie_area .movie{position:relative;width:690px;height:411px;margin:0 auto 5px;background-color:#000} .movie_area .movie .ico_ctrl{position:absolute;z-index:100;top:50%;left:50%;width:65px;height:70px;margin:-45px 0 0 -30px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ico.png) no-repeat} .movie_area .movie .ico_ctrl.play{background-position:0 -155px} .movie_area .movie .ico_ctrl.pause{background-position:0 -230px} .movie_area .ctrl{overflow:hidden;position:relative;height:155px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_movie.gif) no-repeat 0 100%} .movie_area .ctrl .lst div{width:608px;height:83px;margin:26px 0 0 46px} .movie_area .ctrl .lst div ul li{float:left;position:relative;width:140px;margin-left:16px} .movie_area .ctrl .lst div ul li:first-child{margin-left:0} .movie_area .ctrl .lst div ul li .empty{display:block;width:136px;height:26px;padding-top:53px;border:2px solid #333;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/thmb_gallery_empty.jpg) no-repeat;text-align:center;font-size:11px;color:#969696} .movie_area .ctrl .lst div ul li a{display:block;color:#969696;letter-spacing:-1px;text-decoration:none} .movie_area .ctrl .lst div ul li a img{float:left;padding-bottom:10px} .movie_area .ctrl .lst div ul li a em{clear:both;display:block;overflow:hidden;padding:0 3px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer} .movie_area .ctrl .lst div ul li a span{position:absolute;top:0;left:0;width:136px;height:79px;border:2px solid #333} .movie_area .ctrl .lst div ul li.select a span,.movie_area .ctrl .lst div ul li a:hover span{width:134px;height:77px;border:3px solid #aa1515} .movie_area .ctrl .lst .prev{display:block;position:absolute;top:67px;left:18px;width:12px;height:23px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat -90px -240px;text-indent:-9999px} .movie_area .ctrl .lst .next{display:block;position:absolute;top:67px;right:18px;width:12px;height:23px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat -110px -240px;text-indent:-9999px} .movie_area .ctrl .lst .prev.on{background-position:-130px -240px} .movie_area .ctrl .lst .next.on{background-position:-150px -240px} .media_lst{overflow:hidden;width:700px;border-bottom:1px solid #e2e2e2} .media_lst_v2{border-bottom:0} .media_lst ul{width:750px} .media_lst ul li{float:left;width:200px;margin-right:50px} .media_lst ul li a{color:#4b4b4b;text-decoration:none;letter-spacing:-1px} .media_lst ul li a .thmb{position:relative;margin-bottom:8px} .media_lst ul li a .thmb span{position:absolute;top:0;left:0;width:196px;height:114px;border:2px solid #333} .media_lst ul li a .thmb em{overflow:hidden;position:absolute;left:83px;top:39px;width:35px;height:40px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_movie.png) no-repeat -180px -60px;text-indent:-9999px} .media_lst ul li a p{overflow:hidden;margin-bottom:28px;padding:0 3px;line-height:13px;text-overflow:ellipsis;white-space:nowrap} .media_lst ul li.select a span,.media_lst ul li a:hover span{width:194px;height:112px;border:3px solid #aa1515} .dimmed{position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=80)} .gallery_opn{position:fixed;z-index:10010;top:50%;left:50%;width:526px;margin-left:-263px} .gallery_opn .gallery{margin-bottom:15px;border:3px solid #e9e9e9} .gallery_opn .gallery img{vertical-align:top} .gallery_opn .tit .txt_tit{display:inline-block;float:left;margin-right:25px;font-size:12px;color:#fff;letter-spacing:-1px} .gallery_opn .tit .txt_date{color:#969696} .gallery_opn .btn{display:block;overflow:hidden;position:absolute;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat;text-indent:-9999px} .gallery_opn .btn.prev{top:50%;left:-88px;width:19px;height:33px;margin-top:-19px;background-position:-30px -240px} .gallery_opn .btn.next{top:50%;right:-88px;width:19px;height:33px;margin-top:-19px;background-position:-60px -240px} .gallery_opn .btn.close{top:-33px;right:0;width:23px;height:23px;background-position:0 -240px} .btn_kit{overflow:hidden;display:block;width:700px;height:105px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_dnld.png) no-repeat 0 -130px;text-indent:-9999px} .h_kitdnld{width:121px;background-position:-150px -50px} .kit_lst{overflow:hidden;width:670px;margin:0 auto} .kit_lst ul{width:720px} .kit_lst ul li{float:left;width:310px;height:175px;margin:0 50px 40px 0;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_kit_lst.jpg) no-repeat;text-align:center} .kit_lst ul li span{display:block;padding-top:109px;margin-bottom:11px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ico2.png) no-repeat 50% 0;color:#736357;letter-spacing:-1px} .kit_lst ul li span.bi{background-position:50% -320px} .kit_lst ul li span.character{background-position:50% -445px} .kit_lst ul li span.original{background-position:50% -570px} .kit_lst ul li span.screenshot{background-position:50% -695px} .kit_lst ul li a{display:block;overflow:hidden;width:120px;height:26px;margin:0 auto;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_btn.png) no-repeat -120px -205px;text-indent:-9999px} .wpaper_lst{overflow:hidden;width:700px} .wpaper_lst ul{width:724px} .wpaper_lst ul li{overflow:hidden;float:left;width:157px;margin:0 24px 40px 0} .wpaper_lst ul li .thmb{position:relative;margin-bottom:8px} .wpaper_lst ul li .thmb img{vertical-align:top} .wpaper_lst ul li .thmb span{position:absolute;top:0;left:0;width:153px;height:94px;border:2px solid #333} .wpaper_lst ul li ul{overflow:hidden;width:147px;padding:0 5px 7px} .wpaper_lst ul li ul li{margin:0} .wpaper_lst ul li ul.pc{width:182px;border:1px solid #e2e2e2;border-width:1px 0} .wpaper_lst ul li ul.pc li{width:56px;margin-right:35px} .wpaper_lst ul li ul.mobile{border-bottom:2px solid #cbc9c7} .wpaper_lst a{display:block;overflow:hidden;height:11px;margin-top:9px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_wpaper_lst.gif) no-repeat;text-indent:-9999px} .wpaper_lst .wpaper_dnld1{width:49px} .wpaper_lst .wpaper_dnld1:hover{background-position:-90px 0} .wpaper_lst .wpaper_dnld2{width:49px;background-position:0 -20px} .wpaper_lst .wpaper_dnld2:hover{background-position:-90px -20px} .wpaper_lst .wpaper_dnld3{background-position:0 -40px} .wpaper_lst .wpaper_dnld3:hover{background-position:-90px -40px} .wpaper_lst .wpaper_dnld4{background-position:0 -60px} .wpaper_lst .wpaper_dnld4:hover{background-position:-90px -60px} .wpaper_lst .wpaper_dnld5{background-position:0 -80px} .wpaper_lst .wpaper_dnld5:hover{background-position:-90px -80px} .wpaper_lst .wpaper_dnld6{background-position:0 -100px} .wpaper_lst .wpaper_dnld6:hover{background-position:-90px -100px} .wpaper_lst .wpaper_dnld7{background-position:0 -120px} .wpaper_lst .wpaper_dnld7:hover{background-position:0 -140px} .wpaper_lst .wpaper_dnld8{background-position:0 -160px} .wpaper_lst .wpaper_dnld8:hover{background-position:0 -180px} /* 자료실(OST) */ .ost_spot{padding:20px 25px 20px 105px;height:60px;margin-bottom:20px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_ost_spot.jpg) no-repeat} .ost_spot h3{width:116px;height:22px;margin-bottom:10px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tx.png) no-repeat 0 -1005px;text-indent:-9999px} .ost_spot p{color:#736357;line-height:16px} .ost li{overflow:hidden;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_ost_player.gif) no-repeat} .ost li .ost_lft_box{float:left;width:403px;height:40px;padding-left:14px;line-height:41px} .ost li .ost_lft_box strong{display:inline-block;overflow:hidden;float:left;width:345px;color:#3b3b3b;font-weight:normal;white-space:nowrap} .ost li .ost_lft_box strong .no{margin-right:12px;font-weight:bold} .ost li .ost_lft_box .writer{display:inline-block;overflow:hidden;float:right;width:58px;color:#7a7a7a;white-space:nowrap;text-align:center} .ost li .ost_rgt_box{float:right;width:254px;height:14px;padding:13px 15px 13px 14px} .ost li p{float:left;padding:8px 15px 15px;color:#848383;line-height:18px;letter-spacing:-1px} /* 게임소개(세계관) */ .worldview .tx_spot{width:506px;height:45px;margin-bottom:30px} .worldview .h_past{width:156px;background-position:-425px 0} .worldview .tx_past{width:623px;height:85px;background-position:0 -50px} .worldview .bg_past{height:320px;margin-bottom:50px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_story.jpg) no-repeat} .worldview .h_division{width:186px;background-position:-425px -30px} .worldview .tx_division1{width:594px;height:85px;margin-bottom:15px;background-position:0 -140px} .worldview .tx_division2{width:685px;height:85px;margin-bottom:15px;background-position:0 -230px} .worldview .tx_division3{width:679px;height:31px;margin-bottom:50px;background-position:0 -320px} .worldview .h_hero{width:267px;background-position:-425px -60px} .worldview .tx_hero1{width:630px;height:31px;margin-bottom:23px;background-position:0 -360px} .worldview .tx_hero2{width:366px;height:31px;margin-bottom:15px;background-position:0 -395px} .worldview .tx_hero3{width:231px;height:13px;background-position:0 -430px} .worldview .bg_hero{height:330px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_story.jpg) no-repeat 0 -325px} /* 게임소개(진영/종족) */ .tab_tribe{overflow:hidden;position:relative;z-index:1;width:700px;height:39px;padding-bottom:36px;margin-bottom:40px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat} .tab_tribe li{float:left} .tab_tribe li a{display:block;width:350px;height:39px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat;text-indent:-9999em} .tab_tribe .tribe_m1>a{background-position:0 -700px} .tab_tribe .tribe_m2>a{background-position:0 -750px} .tab_tribe .tribe_m1.on>a,.tab_tribe .tribe_m1>a:hover{background-position:-360px -700px} .tab_tribe .tribe_m2.on>a,.tab_tribe .tribe_m2>a:hover{background-position:-360px -750px} .tab_tribe li ul{display:none;position:absolute;top:39px;left:0;height:36px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat 0 -800px} .tab_tribe .on ul{display:block} .tab_tribe li ul li a{width:140px;height:36px} .tab_tribe .tribe_m1 .tribe_s1 a{background-position:0 -850px} .tab_tribe .tribe_m1 .tribe_s1.on a,.tab_tribe .tribe_m1 .tribe_s1 a:hover{background-position:-150px -850px} .tab_tribe .tribe_m1 .tribe_s2 a{background-position:-300px -850px} .tab_tribe .tribe_m1 .tribe_s2.on a,.tab_tribe .tribe_m1 .tribe_s2 a:hover{background-position:-450px -850px} .tab_tribe .tribe_m1 .tribe_s3 a{background-position:0 -900px} .tab_tribe .tribe_m1 .tribe_s3.on a,.tab_tribe .tribe_m1 .tribe_s3 a:hover{background-position:-150px -900px} .tab_tribe .tribe_m1 .tribe_s4 a{background-position:-300px -900px} .tab_tribe .tribe_m1 .tribe_s4.on a,.tab_tribe .tribe_m1 .tribe_s4 a:hover{background-position:-450px -900px} .tab_tribe .tribe_m1 .tribe_s5 a{background-position:0 -950px} .tab_tribe .tribe_m1 .tribe_s5.on a,.tab_tribe .tribe_m1 .tribe_s5 a:hover{background-position:-150px -950px} .tab_tribe .tribe_m1 .tribe_s6 a{background-position:-300px -1000px} .tab_tribe .tribe_m2 .tribe_s1 a{background-position:0 -850px} .tab_tribe .tribe_m2 .tribe_s1.on a,.tab_tribe .tribe_m2 .tribe_s1 a:hover{background-position:-150px -850px} .tab_tribe .tribe_m2 .tribe_s2 a{background-position:-300px -850px} .tab_tribe .tribe_m2 .tribe_s2.on a,.tab_tribe .tribe_m2 .tribe_s2 a:hover{background-position:-450px -850px} .tab_tribe .tribe_m2 .tribe_s3 a{background-position:-300px -950px} .tab_tribe .tribe_m2 .tribe_s3.on a,.tab_tribe .tribe_m2 .tribe_s3 a:hover{background-position:-450px -950px} .tab_tribe .tribe_m2 .tribe_s4 a{background-position:0px -1000px} .tab_tribe .tribe_m2 .tribe_s4.on a,.tab_tribe .tribe_m2 .tribe_s4 a:hover{background-position:-150px -1000px} .tab_tribe .tribe_m2 .tribe_s5 a{background-position:0 -950px} .tab_tribe .tribe_m2 .tribe_s5.on a,.tab_tribe .tribe_m2 .tribe_s5 a:hover{background-position:-150px -950px} .tab_tribe .tribe_m2 .tribe_s6 a{background-position:-300px -1000px} .h_history{width:32px;background-position:-700px 0} .h_map{width:32px;background-position:-740px 0} .h_scrshot{width:64px;background-position:-780px 0} .tribeinfo h3,.charinfo h3{overflow:hidden;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tx.png) no-repeat;text-indent:-9999px} .tribeinfo .dsc,.charinfo .dsc{color:#573f3f;line-height:18px;letter-spacing:-1px} .tribeinfo .dsc p,.charinfo .dsc p{margin-bottom:13px} .tribeinfo .img_scrshot img,.charinfo .img_scrshot img{margin-bottom:10px;vertical-align:top} .tribeinfo .tit{position:relative} .tribeinfo h3{height:74px;margin-bottom:36px} .tribeinfo .tx_tribe{margin-bottom:17px} .tribeinfo .dsc{width:378px;margin-bottom:43px} .tribeinfo .bg_tribe{position:absolute;z-index:-1;top:-50px;right:0;width:345px;height:490px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_story.jpg) no-repeat} .tribeinfo .info{position:relative;z-index:1} .tribeinfo .tx_history{color:#312d26;letter-spacing:-1px} .tribeinfo .tx_history dt{margin-top:25px;font-weight:bold} .tribeinfo .tx_history dt:first-child{margin-top:0} .tribeinfo .tx_history dd{margin-top:6px;line-height:20px} .tribeinfo .img_map{text-align:center} .tribeinfo .img_map img{margin-bottom:15px;vertical-align:top} .tribeinfo .img_map p{display:inline;padding:0 8px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu.png) no-repeat 0 -157px;font-weight:bold} .tribe1 h3{width:168px;background-position:0 -450px} .tribe2 h3{width:135px;background-position:0 -530px} .tribe1 .tx_tribe{width:392px;height:43px;background-position:-300px -450px} .tribe2 .tx_tribe{width:345px;height:69px;background-position:-300px -500px} .tribe1 .bg_tribe{background-position:0 -660px} .tribe2 .bg_tribe{background-position:-350px -660px} .charinfo .info{position:relative} .charinfo h3{height:47px;margin-bottom:30px} .charinfo .tx_char{margin-bottom:27px} .charinfo .dsc{margin-bottom:27px} .charinfo .tx_set{width:400px;padding-top:29px;color:#312d26;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/line_set.png) no-repeat;letter-spacing:-1px} .charinfo .tx_set dt{clear:both;float:left;width:45px;margin-bottom:18px} .charinfo .tx_set dt span{display:block;height:13px;margin-top:3px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_h_tit_v5.gif) no-repeat;text-indent:-9999px} .charinfo .tx_set dt .environment{width:22px;background-position:-875px 0} .charinfo .tx_set dt .job{width:22px;background-position:-905px 0} .charinfo .tx_set dt .place{width:22px;background-position:-935px 0} .charinfo .tx_set dd{display:inline-block;width:355px;margin-bottom:18px;line-height:20px} .charinfo .tx_set dd p{margin-bottom:4px} .charinfo .status{position:absolute;left:413px} .charinfo .status dt{width:287px;height:34px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tx.png) no-repeat 0 -775px;text-indent:-9999px} .charinfo .bg_char{position:absolute;z-index:-1;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_char_v2.jpg) no-repeat} .charinfo .img_scrshot{position:relative;z-index:1} .char1 .info{height:713px} .char1 h3{width:90px;background-position:0 -610px} .char1 .tx_char{width:361px;height:102px;background-position:-300px -575px} .char1 .tx_set{width:350px;padding-right:50px} .char1 .tx_set dd{width:305px} .char1 .status{top:375px} .char1 .bg_char{top:-32px;right:-49px;width:463px;height:790px} .char2 .info{height:771px} .char2 h3{width:94px;background-position:-100px -610px} .char2 .tx_char{width:361px;height:120px;background-position:-300px -685px} .char2 .tx_set{width:400px} .char2 .tx_set dd{width:355px} .char2 .status{top:427px} .char2 .bg_char{top:-27px;left:256px;width:506px;height:658px;background-position:0 -795px} .char3 .info{height:800px} .char3 h3{width:93px;background-position:0 -665px} .char3 .tx_char{width:360px;height:120px;background-position:-300px -810px} .char3 .tx_set{width:390px;padding-right:10px} .char3 .tx_set dd{width:345px} .char3 .status{top:461px} .char3 .bg_char{top:-12px;left:257px;width:505px;height:560px;background-position:0 -1460px} .char4 .info{height:884px} .char4 h3{width:93px;background-position:-100px -665px} .char4 .tx_char{width:353px;height:135px;background-position:-300px -935px} .char4 .tx_set{width:350px;padding-right:50px} .char4 .tx_set dd{width:305px} .char4 .status{top:566px} .char4 .bg_char{top:-61px;left:283px;width:467px;height:827px;background-position:0 -2025px} .char5 .info{height:786px} .char5 h3{width:90px;background-position:0 -610px} .char5 .tx_char{width:384px;height:102px;background-position:-300px -1075px} .char5 .tx_set{width:390px;padding-right:10px} .char5 .tx_set dd{width:345px} .char5 .status{top:448px} .char5 .bg_char{top:-24px;right:-62px;width:579px;height:985px;background-position:0 -2860px} .char6 .info{height:856px} .char6 h3{width:133px;background-position:0 -720px} .char6 .tx_char{width:353px;height:120px;background-position:-300px -1185px} .char6 .tx_set{width:370px;padding-right:30px} .char6 .tx_set dd{width:325px} .char6 .status{top:517px} .char6 .bg_char{top:-24px;right:-62px;width:482px;height:805px;background-position:0 -3850px} .char7 .info{height:784px} .char7 h3{width:92px;background-position:-140px -720px} .char7 .tx_char{width:394px;height:85px;background-position:-300px -1310px} .char7 .tx_set{width:395px;padding-right:5px} .char7 .tx_set dd{width:350px} .char7 .status{top:446px} .char7 .bg_char{top:-90px;right:-62px;width:559px;height:1090px;background-position:0 -4660px} .char8 .info{height:835px} .char8 h3{width:93px;background-position:-100px -665px} .char8 .tx_char{width:430px;height:83px;background-position:-300px -1400px} .char8 .tx_set{width:395px;padding-right:5px} .char8 .tx_set dd{width:350px} .char8 .status{top:517px} .char8 .bg_char{top:-1px;right:-62px;width:505px;height:735px;background-position:0 -5755px} .char9 .info{height:884px} .char9 h3{width:93px;background-position:-100px -665px} .char9 .tx_char{width:353px;height:135px;background-position:-300px -935px} .char9 .tx_set{width:350px;padding-right:50px} .char9 .tx_set dd{width:305px} .char9 .status{top:586px} .char9 .bg_char{top:-26px;left:225px;width:593px;height:759px;background-position:0 -5787px} /* 게임소개(시나리오) */ .tab_scenario{position:relative;width:700px;height:39px;padding-bottom:84px;margin-bottom:58px} .tab_scenario li{float:left;position:relative} .tab_scenario li a{display:block;width:117px;height:39px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat;text-indent:-9999em} .tab_scenario li div{position:absolute;top:79px;left:0;height:44px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_story.jpg) no-repeat} .tab_scenario .scenario_m1{z-index:7} .tab_scenario .scenario_m1 a{background-position:0 -1050px} .tab_scenario .scenario_m1.on a,.tab_scenario .scenario_m1 a:hover{background-position:-125px -1050px} .tab_scenario .scenario_m1 div{width:116px;background-position:0 -2185px} .tab_scenario .scenario_m1.on div{background-position:0 -2235px} .tab_scenario .scenario_m2{z-index:6} .tab_scenario .scenario_m2 a{background-position:-250px -1050px} .tab_scenario .scenario_m2.on a,.tab_scenario .scenario_m2 a:hover{background-position:-375px -1050px} .tab_scenario .scenario_m2 div{left:-3px;width:118px;background-position:-125px -2185px} .tab_scenario .scenario_m2.on div{background-position:-125px -2235px} .tab_scenario .scenario_m3{z-index:5} .tab_scenario .scenario_m3 a{background-position:-500px -1050px} .tab_scenario .scenario_m3.on a,.tab_scenario .scenario_m3 a:hover{background-position:0 -1100px} .tab_scenario .scenario_m3 div{left:-4px;width:118px;background-position:-250px -2185px} .tab_scenario .scenario_m3.on div{background-position:-250px -2235px} .tab_scenario .scenario_m4{z-index:3} .tab_scenario .scenario_m4 a{background-position:-125px -1100px} .tab_scenario .scenario_m4 div{left:-5px;width:118px;background-position:-375px -2185px} .tab_scenario .scenario_m5{z-index:2} .tab_scenario .scenario_m5 a{background-position:-375px -1100px} .tab_scenario .scenario_m5 div{left:-6px;width:119px;background-position:-500px -2185px} .tab_scenario .scenario_m6{z-index:1} .tab_scenario .scenario_m6 a{width:115px;background-position:0 -1150px} .tab_scenario .scenario_m6 div{left:-6px;width:114px;background-position:-625px -2185px} .tab_scenario .on{z-index:10} .scenario{position:relative} .scenario .tx_step{overflow:hidden;height:20px;margin-bottom:32px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tx.png) no-repeat;text-indent:-9999px} .scenario .tx_scenario{overflow:hidden;height:15px;margin-bottom:11px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tx.png) no-repeat;text-indent:-9999px} .scenario .p_scenario{margin-bottom:20px;color:#312d26;line-height:20px;letter-spacing:-1px} .scenario .p_scenario.last{margin-bottom:65px} .scenario .bg_scenario{position:absolute;z-index:-1;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_story.jpg) no-repeat} .scenario .tx_step1{width:125px;background-position:0 -815px} .scenario .tx_step2{width:122px;background-position:0 -940px} .scenario .tx_step3{width:119px;background-position:0 -1035px} .scenario .tx_scenario1{width:188px;background-position:0 -840px} .scenario .tx_scenario2{width:76px;background-position:0 -860px} .scenario .tx_scenario3{width:144px;background-position:0 -880px} .scenario .tx_scenario4{width:52px;background-position:0 -900px} .scenario .tx_scenario5{width:104px;background-position:0 -920px} .scenario .tx_scenario6{width:93px;background-position:0 -965px} .scenario .tx_scenario7{width:105px;background-position:0 -985px} .scenario .tx_scenario8{width:97px;background-position:0 -1060px} .scenario .tx_scenario9{width:52px;background-position:0 -1080px} .scenario .bg_scenario1{top:242px;left:377px;width:337px;height:426px;background-position:0 -1155px} .scenario .bg_scenario2{top:938px;left:437px;width:270px;height:262px;background-position:-330px -1590px} .scenario .bg_scenario3{top:2141px;left:434px;width:274px;height:292px;background-position:-330px -1860px} .scenario .bg_scenario4{top:380px;left:377px;width:323px;height:378px;background-position:-345px -1155px} .scenario .bg_scenario5{top:1134px;left:376px;width:325px;height:589px;background-position:0 -1590px} .scenario .bg_scenario6{top:344px;left:459px;width:233px;height:350px;background-position:0 -2285px} .scenario .bg_scenario7{top:1190px;left:432px;width:268px;height:438px;background-position:-240px -2285px} /* 게임소개(직업) */ .tab_job{overflow:hidden;width:700px;height:39px;margin-bottom:25px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat} .tab_job li{float:left} .tab_job li a{display:block;width:117px;height:39px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat;text-indent:-9999em} .tab_job li.m1 a{background-position:-250px -1150px} .tab_job li.m1 a.on,.tab_job li.m1 a:hover{background-position:-375px -1150px} .tab_job li.m2 a{background-position:-500px -1150px} .tab_job li.m2 a.on,.tab_job li.m2 a:hover{background-position:0 -1200px} .tab_job li.m3 a{background-position:-125px -1200px} .tab_job li.m3 a.on,.tab_job li.m3 a:hover{background-position:-250px -1200px} .tab_job li.m4 a{background-position:-375px -1200px} .tab_job li.m4 a.on,.tab_job li.m4 a:hover{background-position:-500px -1200px} .tab_job li.m5 a{background-position:0 -1250px} .tab_job li.m5 a.on,.tab_job li.m5 a:hover{background-position:-125px -1250px} .tab_job li.m6 a{width:115px;background-position:-250px -1250px} .tab_job li.m6 a.on,.tab_job li.m6 a:hover{background-position:-375px -1250px} .tab_work{overflow:hidden;width:700px;height:39px;margin-bottom:25px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat} .tab_work li{float:left} .tab_work li a{display:block;width:140px;height:39px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat;text-indent: -9999em} .tab_work li.m1 a{background-position:0 -300px} .tab_work li.m2 a{background-position:-300px -300px} .tab_work li.m3 a{background-position:0 -350px} .tab_work li.m4 a{background-position:-300px -350px} .tab_work li.m5 a{background-position:0 -400px} .tab_work li.m1 a.on,.tab_work li.m1 a:hover{background-position:-150px -300px} .tab_work li.m2 a.on,.tab_work li.m2 a:hover{background-position:-450px -300px} .tab_work li.m3 a.on,.tab_work li.m3 a:hover{background-position:-150px -350px} .tab_work li.m4 a.on,.tab_work li.m4 a:hover{background-position:-450px -350px} .tab_work li.m5 a.on,.tab_work li.m5 a:hover{background-position:-150px -400px} .h_entrance{width:66px;background-position:-700px -25px} .h_feature{width:31px;background-position:-775px -25px} .h_basicinfo{width:68px;background-position:-700px -50px} .h_skillinfo{width:67px;background-position:-980px -225px} .h_skillinfo_tribe1{width:113px;background-position:-425px -250px} .h_skillinfo_tribe2{width:113px;background-position:-545px -250px} .p_entrance,.p_feature,.tx_basicinfo{color:#312d26;line-height:20px;letter-spacing:-1px} .p_entrance .copy{margin-bottom:10px} .p_feature{position:relative;min-height:72px;padding-left:85px} .p_feature .ico{position:absolute;top:3px;left:0;width:75px;height:69px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ico.png) no-repeat} .p_feature .ico.job1{background-position:0 -305px} .p_feature .ico.job2{background-position:0 -380px} .p_feature .ico.job3{background-position:0 -455px} .p_feature .ico.job4{background-position:0 -530px} .p_feature .ico.job5{background-position:0 -605px} .p_feature .ico.job6{background-position:0 -680px} .tx_basicinfo dt{float:left;width:125px;margin-bottom:2px;font-weight:bold} .tx_basicinfo dd{display:inline-block;width:575px;margin-bottom:2px} .tbl_skill{width:100%;margin:15px 0 25px;border-collapse:collapse;line-height:18px;letter-spacing:-1px} .tbl_skill caption{margin-bottom:15px;font-size:14px;font-weight:bold;color:#71675a;text-align:left} .tbl_skill th,.tbl_skill td{height:20px;padding:5px 10px 5px;border:1px solid #fff;border-width:1px 0 0 1px;color:#353535;background:#ececec;text-align:left} .tbl_skill thead th{border-top:0;background-color:#ddd;text-align:center;color:#616161} .tbl_skill tbody th,.tbl_skill tbody td{font-weight:normal;text-align:center} .tbl_skill thead th:first-child,.tbl_skill tbody th{border-left:0} .tbl_skill tbody td+td{text-align:left} .tbl_skill img{vertical-align:top} /* 게임소개(시스템) */ .tab_system{overflow:hidden;width:700px;height:39px;margin-bottom:25px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat} .tab_system li{float:left} .tab_system li a{display:block;width:100px;height:39px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat;text-indent:-9999em} .tab_system li.system_m1 a{background-position:0 -1300px} .tab_system li.system_m1 a.on,.tab_system li.system_m1 a:hover{background-position:-110px -1300px} .tab_system li.system_m2 a{background-position:-220px -1300px} .tab_system li.system_m2 a.on,.tab_system li.system_m2 a:hover{background-position:-330px -1300px} .tab_system li.system_m3 a{background-position:-440px -1300px} .tab_system li.system_m3 a.on,.tab_system li.system_m3 a:hover{background-position:-550px -1300px} .tab_system li.system_m4 a{background-position:0 -1350px} .tab_system li.system_m4 a.on,.tab_system li.system_m4 a:hover{background-position:-110px -1350px} .tab_system li.system_m5 a{background-position:-220px -1350px} .tab_system li.system_m5 a.on,.tab_system li.system_m5 a:hover{background-position:-330px -1350px} .tab_system li.system_m6 a{background-position:-440px -1350px} .tab_system li.system_m6 a.on,.tab_system li.system_m6 a:hover{background-position:-550px -1350px} .tab_system li.system_m7 a{background-position:0 -1400px} .tab_system li.system_m7 a.on,.tab_system li.system_m7 a:hover{background-position:-110px -1400px} .tbl_gameinfo{width:100%;margin-top:15px;border-collapse:collapse;font-size:11px;letter-spacing:0} .tbl_gameinfo th,.tbl_gameinfo td{padding:8px 19px 7px;border:1px solid #fff;border-width:1px 0 0 1px;color:#4b4b4b;background:#ececec;line-height:15px;text-align:left} .tbl_gameinfo thead th:first-child,.tbl_gameinfo tbody th{background-color:#ddd;text-align:center} .tbl_gameinfo thead tr:first-child th:first-child,.tbl_gameinfo tbody th:first-child,.tbl_gameinfo tbody td:first-child{border-left:0 none} .tbl_gameinfo tr:first-child th,.tbl_gameinfo tr:first-child td,.tbl_gameinfo.v2 thead tr:first-child th{border-top:0} .tbl_gameinfo.v2 tr th,.tbl_gameinfo.v2 tr td{border-top:1px solid #fff} .tbl_gameinfo.v2 thead th{padding-right:5px;padding-left:5px;background-color:#ddd;text-align:center} .tbl_gameinfo.v2 tbody th{padding-right:5px;padding-left:5px;background-color:#ececec;font-weight:normal} .tbl_gameinfo.v2 tbody td{padding-right:5px;padding-left:5px;text-align:center} .tbl_gameinfo .bg{background-color:#ddd} .tbl_gameinfo.small th,.tbl_gameinfo.small td{padding-top:6px;padding-bottom:5px} .tbl_gameinfo tbody th.left,.tbl_gameinfo tbody td.left{padding-right:19px;padding-left:19px;text-align:left} .tbl_gameinfo tbody th.right,.tbl_gameinfo tbody td.right{padding-right:19px;padding-left:19px;text-align:right} .tbl_gameinfo tbody th.center,.tbl_gameinfo tbody td.center{text-align:center} .tbl_gameinfo tbody th.top,.tbl_gameinfo tbody td.top{vertical-align:top} .gameinfo_area{color:#4b4b4b;letter-spacing:-1px} .gameinfo_area img{vertical-align:top} .gameinfo_area .dsc{margin-top:17px;line-height:18px} .gameinfo_area .h_tit2,.gameinfo_area .h_tit3{margin-top:40px} .gameinfo_area .img{margin-top:16px;text-align:center} .gameinfo_area .img img{margin-bottom:14px} .gameinfo_area .img_info{margin-bottom:25px} .gameinfo_area .img_info dl{overflow:hidden;margin:-14px 0 15px;padding:21px 25px 13px;background-color:#232323;line-height:18px;text-align:left} .gameinfo_area .img_info dt{float:left;width:140px;height:18px;margin-bottom:7px;color:#ccc;font-weight:bold} .gameinfo_area .img_info dd{display:inline-block;width:500px;min-height:18px;padding-left:10px;margin-bottom:7px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/line_img_info.gif) no-repeat 0 5px;color:#ccc} .gameinfo_area .img_info dd.blind{float:left;position:static;height:18px;background:none;text-indent:-9999px} .gameinfo_area .img_info .num{display:inline-block;position:relative;top:-1px;width:18px;height:18px;margin-right:8px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu.png) no-repeat 0 -200px;font-family:Verdana;font-size:9px;color:#fff;text-align:center;line-height:17px;text-indent:-2px} .gameinfo_area .img_info.w88 dt{width:88px} .gameinfo_area .img_info.w88 dd{width:552px} .gameinfo_area .img_info.w104 dt{width:104px} .gameinfo_area .img_info.w104 dd{width:536px} .gameinfo_area .img_info.w116 dt{width:116px} .gameinfo_area .img_info.w116 dd{width:524px} .gameinfo_area .img_info.w140 dt{width:140px} .gameinfo_area .img_info.w140 dd{width:500px} .gameinfo_area .img_info.w152 dt{width:152px} .gameinfo_area .img_info.w152 dd{width:488px} .gameinfo_area .img_info.w154 dt{width:154px} .gameinfo_area .img_info.w154 dd{width:486px} .gameinfo_area .img p{display:inline;padding:0 8px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu.png) no-repeat 0 -177px;font-weight:bold;color:#9d260a} .gameinfo_area .lst{overflow:hidden;margin-top:6px;padding:2px 0 10px 20px;background-color:#f1f1f1;letter-spacing:0} .gameinfo_area .lst li{float:left;width:316px;padding:0 10px;margin-top:10px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu.png) no-repeat 0 -135px;color:#4b4b4b} .gameinfo_area .define_lst>dt{margin-top:20px;padding-left:13px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_bu.png) no-repeat 0 -220px;font-weight:bold} .gameinfo_area .define_lst>dd{margin-top:5px;line-height:18px} .gameinfo_area .define_lst .tbl_gameinfo{margin-bottom:30px} .gameinfo_area .tip{position:relative;min-height:52px;margin:28px 0 30px;padding:14px 15px 13px 70px;background-color:#f3f2ef;color:#4b4b4b;line-height:18px} .gameinfo_area .tip .ico{display:block;position:absolute;top:50%;left:13px;width:44px;height:62px;margin-top:-32px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_ico.png) no-repeat 0 -755px;text-indent:-9999px} .gameinfo_area .tip dt{margin-top:10px;font-weight:bold} .gameinfo_area .tip dt:first-child{margin-top:0} .gameinfo_area .h_tit2{margin-bottom:0} .h_system1{width:96px;background-position:-585px 0} .h_system2{width:80px;background-position:-425px -90px} .h_system3{width:113px;background-position:-515px -90px} .h_system4{width:95px;background-position:-425px -120px} .h_system5{width:38px;background-position:-635px -90px} .h_system6{width:40px;background-position:-525px -120px} .h_system7{width:40px;background-position:-570px -120px} .h_tit3.h_dismantle{width:31px;margin-top:46px;background-position:-810px -25px} .h_tit3.h_upgrade{width:33px;background-position:-775px -50px} .h_tit3.h_storymission{width:82px;margin-top:46px;background-position:-700px -75px} .h_tit3.h_personmission{width:104px;background-position:-700px -100px} .h_tit3.h_partymission{width:104px;background-position:-700px -125px} .h_tit3.h_traning{width:31px;margin-top:46px;background-position:-815px -50px} .h_tit3.h_soul{width:46px;background-position:-790px -75px} .h_tit3.h_collect{width:30px;margin-top:46px;background-position:-825px -200px} .h_tit3.h_make{width:32px;background-position:-810px -100px} .h_tit3.h_winfame{width:84px;background-position:-700px -150px} .h_tit3.h_fameclass{width:68px;background-position:-790px -150px} .h_tit3.h_bloodclass{width:66px;background-position:-700px -175px} .h_tit3.h_bloodjoin{width:118px;margin-top:46px;background-position:-700px -200px} .h_tit3.h_bloodmission{width:103px;background-position:-700px -225px} .h_tit3.h_bloodfameclass{width:120px;background-position:-700px -250px} .h_tit3.h_bloodbenefit{width:154px;background-position:-875px -25px} .h_tit3.h_duel{width:32px;margin-top:46px;background-position:-775px -175px} .h_tit3.h_arena{width:83px;background-position:-875px -50px} .h_tit3.h_battle{width:32px;background-position:-815px -175px} /* 게임소개(플레이팁) */ .tab_tip{overflow:hidden;width:700px;height:39px;margin-bottom:25px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat} .tab_tip li{float:left} .tab_tip li a{display:block;width:93px;height:39px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_tab_v3.png) no-repeat;text-indent:-9999em} .tab_tip li.tip_m1 a{background-position:-220px -1400px} .tab_tip li.tip_m1 a.on,.tab_tip li.tip_m1 a:hover{background-position:-330px -1400px} .tab_tip li.tip_m2 a{width:69px; background-position:-440px -1400px} .tab_tip li.tip_m2 a.on,.tab_tip li.tip_m2 a:hover{background-position:-550px -1400px} .tab_tip li.tip_m3 a{width:110px;background-position:0 -1450px} .tab_tip li.tip_m3 a.on,.tab_tip li.tip_m3 a:hover{background-position:-115px -1450px} .tab_tip li.tip_m4 a{width:87px;background-position:-235px -1450px} .tab_tip li.tip_m4 a.on,.tab_tip li.tip_m4 a:hover{background-position:-330px -1450px} .tab_tip li.tip_m5 a{width:160px;background-position:-402px -1500px} .tab_tip li.tip_m5 a.on,.tab_tip li.tip_m5 a:hover{background-position:-566px -1500px} .tab_tip li.tip_m6 a{width:80px;background-position:0 -1500px} .tab_tip li.tip_m6 a.on,.tab_tip li.tip_m6 a:hover{background-position:-88px -1500px} .tab_tip li.tip_m7 a{width:101px;background-position:-180px -1500px} .tab_tip li.tip_m7 a.on,.tab_tip li.tip_m7 a:hover{background-position:-290px -1500px} .tbl_gameinfo.v_dungeon thead th{padding-right:5px;padding-left:5px;background-color:#ddd;text-align:center} .tbl_gameinfo.v_dungeon thead th.type1{background-color:#eddfd2;color:#c6671a} .tbl_gameinfo.v_dungeon thead th.type2{background-color:#cfd7e7;color:#3959ab} .tbl_gameinfo.v_dungeon thead th.type3{background-color:#d9d4ea;color:#a042dc} .tbl_gameinfo.v_dungeon thead th.type4{background-color:#dfe7cf;color:#5c810b} .tbl_gameinfo.v_dungeon thead th.type5{background-color:#cfe7dd;color:#248031} .tbl_gameinfo.v_dungeon tbody th{padding:11px 5px 10px;background-color:#ececec} .tbl_gameinfo.v_dungeon tbody td{padding:11px 11px 10px} .tbl_gameinfo.v_front thead th{padding-right:5px;padding-left:5px;background-color:#ddd;text-align:center} .tbl_gameinfo.v_front thead th.type1{background-color:#e0e6f2} .tbl_gameinfo.v_front thead th.type2{background-color:#f1e2e2} .tbl_gameinfo.v_front thead th.type1[scope=colgroup]{background-color:#cfd7e7;color:#3959ab} .tbl_gameinfo.v_front thead th.type2[scope=colgroup]{background-color:#edd2d2;color:#b63232} .tbl_gameinfo.v_front tbody th{padding-right:5px;padding-left:5px;font-weight:normal} .tbl_gameinfo.v_front tbody td{padding-right:5px;padding-left:5px;text-align:center} .h_tip1{width:88px;background-position:-425px -150px} .h_tip2{width:40px;background-position:-615px -120px} .h_tip3{width:110px;background-position:-520px -150px} .h_tip4{width:79px;background-position:-425px -180px} .h_tip5{width:198px;background-position:-220px -180px} .h_tip6{width:61px;background-position:-635px -150px} .h_tip7{width:101px;background-position:-425px -210px} .h_tit3.h_dayaccess{width:103px;background-position:-875px -75px} .h_tit3.h_keepaccess{width:103px;background-position:-875px -100px} .h_tit3.h_addreward{width:68px;background-position:-965px -50px} .h_tit3.h_achivescore{width:67px;background-position:-875px -125px} .h_tit3.h_achivereward{width:67px;background-position:-950px -125px} .h_tit3.h_greatachive{width:30px;background-position:-985px -75px} .h_tit3.h_dungeonfeature{width:81px;margin-top:46px;background-position:-875px -150px} .h_tit3.h_matching{width:131px;background-position:-875px -175px} .h_tit3.h_rewardhunter{width:100px;background-position:-875px -200px} .h_tit3.h_treasurehunter{width:84px;background-position:-965px -150px} .h_tit3.h_fisherman{width:48px;background-position:-980px -200px} .h_tit3.h_taegeukfront{width:45px;margin-top:46px;background-position:-875px -225px} .h_tit3.h_militaryfront{width:110px;background-position:-555px -224px} .h_tit3.h_takeboarding{width:84px;margin-top:46px;background-position:-875px -250px} /* 레이어 팝업 */ .movie_opn{position:fixed;left:50%;top:120px;width:976px;height:636px;margin-left:-490px;border:2px solid #aa1515;background:#000;z-index:100000} .movie_opn h3{padding:17px 0 0 16px;color:#ece0d4;font-size:14px;letter-spacing:-1px} .movie_opn .video{width:960px;height:540px;margin:15px auto 0;background-color:#404040} .movie_opn a{display:block;position:absolute} .movie_opn .btn{background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/sp_movie.png) no-repeat;text-indent:-9999px} .movie_opn .btn.prev{width:84px;height:100px;top:250px;left:8px;background-position:0 0} .movie_opn .btn.next{width:84px;height:100px;top:250px;right:8px;background-position:-84px 0} .movie_opn .btn.prev:hover,.movie_opn .btn.prev:focus{background-position:0 -100px} .movie_opn .btn.next:hover,.movie_opn .btn.next:focus{background-position:-84px -100px} .movie_opn .btn.close{width:17px;height:16px;top:16px;right:15px;background-position:-180px -40px} .movie_opn .btn.down{width:82px;height:30px;bottom:11px;left:10px;background-position:-180px 0} .movie_opn .btn.play{width:51px;height:59px;top:272px;left:463px;background-position:-180px -110px} /* 20140203 */ .law_noti{position:absolute;left:50%;margin:0 0 0 -480px;width:960px;height:36px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_law.gif) repeat-x;text-align:center;z-index:999999} .law_noti .txt{overflow:hidden;position:relative;width:960px;height:36px;margin:0 auto;border-left:1px solid #ababab;border-right:1px solid #ababab;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/bg_txt.gif) repeat-x;text-align:left} .law_noti .txt p{margin: 0;color:#fff;font-weight:bold;padding-left:20px;line-height:36px;letter-spacing:-1px} .law_noti .txt .clse{overflow:hidden;position:absolute;top:12px;right:10px;width:35px;height:12px;background:url(http://images.hangame.co.kr/hangame/asta/OBT/img/law_btn.gif) no-repeat;line-height:9999px}