@charset "utf-8";
/* Game UIT Team */ 

/* Type Selector */
* {margin:0; padding:0; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;font-size:11px;}
body {background:#392a22 url(http://images.hangame.co.kr/hangame/c9/obt/main/110407_bg_body.jpg) no-repeat center 0px;  text-align:center;}
img, fieldset, button {border:0;}
hr, button img {display:none;}
li {list-style:none;}
a {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
textarea  {overflow:auto;} 
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */ 
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 

/* Layout Selector */
#wrap {position:relative; width:968px; margin:0 auto; text-align:left;}/*100610 edit*/
#container {clear:both; width:100%; margin-bottom:80px; overflow:hidden;}
	.m_left {float:left; width:192px; margin-right:7px;}
	.m_center {float:left; width:453px; margin-right:15px;}
	.m_right {float:left; width:301px;}
#footer {position:relative; clear:both; width:100%; padding:26px 0 20px; border-top:4px solid #44413c; overflow:hidden;} 

/* Class Selector */
.input_text {height:17px; padding:4px 0 0 8px; border:0; border-top:1px solid #000; border-left:1px solid #000; background:#46433b; color:#a3a19d; font-family:verdana; font-size:10px;}
.input_check {width:13px; height:13px; vertical-align:middle;}
.input_radio {} 
.skip,
.blind {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.cb {clear:both;}

/* Header */
.lnb {position:relative; z-index:3; height:189px;}
.noscript_lnb {position:absolute; left:0; top:0; clear:both; width:100%;}
.noscript_lnb li {float:left; margin-right:20px;}
.noscript_lnb dt {font-weight:bold;}
.main_top {position:relative; z-index:2; height:209px; margin-bottom:16px;}
.main_top .promotion {float:left; margin-top:-35px;}
.main_top .movie {float:left;}
.main_top .spc_layer {float:right; margin:0px 0 0;} 

/* Footer */
#footer .links {float:left; padding:2px 2px 0 0; overflow:hidden;}/*100408 edit*/
#footer .links li {display:inline; float:left; margin:0 20px 0 0;}/*100408 edit*/
#footer .contact {float:left; text-align:left; padding-right:60px;}
#footer .contact .corporation {overflow:hidden; margin-top:-2px;}
#footer .contact .corporation li {float:left; margin-left:-1px; padding-left:1px; background:url(http://images.hangame.co.kr/hangame/c9/obt/common/line_footer_side.gif) no-repeat left 3px;}
#footer .contact .corporation li a {display:block; padding:0 8px 0 6px;}
#footer .contact .nhn_info {clear:both; margin-top:9px; margin-left:6px; }
#footer .contact .nhn_info img {display:block;}
#footer .cp_info{position:absolute; right:0; top:26px;}
/*100408 add*/
#footer .etc_ico {margin:6px 0 0 4px;}
#footer .etc_ico img {margin-right:4px;}
#footer .uselevel {float:left; margin-left:3px;}
#footer .uselevel {position:absolute; right:243px; top:26px;}
/*//100408 add*/


/* left */
.section {width:100%; margin-bottom:9px; background:#2f2c28;} 
.gamestart {padding:0 0 10px 0;} /* 090731 edit */
.loginarea {position:relative; margin-left:8px;}
.loginarea .input_text {width:100px; margin-bottom:4px;*margin-bottom:2px;}
.loginarea .btn {position:absolute; top:1px;*top:2px; right:8px;}
.loginarea .login_check {position:relative; margin:7px 0 11px; letter-spacing:-1px;}
.loginarea .login_check * {vertical-align:middle;}
.loginarea .login_check a {color:#4b4a45;}
.loginarea .uesr_find {position:absolute; top:1px; right:10px; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/line_v.gif) no-repeat 67px 2px;}
.loginarea .uesr_find li {float:left; margin-left:12px;}
.loginarea2 {position:relative;}/*091119 add*/
.login_after {margin-left:-1px;}
.login_after .name {margin-bottom:5px; color:#796c53;}
.login_after .name strong {color:#d8c8ab;}
.login_after .btn_logout {float:right; margin:2px 6px 7px 0; padding:3px;}
.login_after_box {width:168px; margin-bottom:6px; padding:4px; border:1px solid #211f1d; background:#252421; color:#696765;}
.login_after_box .txt {margin-top:6px; line-height:15px; letter-spacing:-1px; text-align:center;}
.my_character {position:relative; width:100%; height:20px; margin-bottom:7px; background:#0f0e0e;}
.my_character dt {float:left; width:50px; padding:5px 0 0 8px;}
.my_character dd {padding-top:5px; color:#515151;}
.my_character .btn {position:absolute; right:3px; top:3px;}
.myinfo {width:161px; margin-left:7px; overflow:hidden;}
.myinfo dt {display:inline; float:left; width:43px; height:15px; padding-left:5px; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/bul_sq2.gif) no-repeat 0 4px; overflow:hidden;}
.myinfo dd {display:inline; float:left; width:103px; height:15px; padding-left:10px; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/line_v3.gif) no-repeat 0 1px; overflow:hidden;}
.myinfo dd .rank_up {padding-left:9px; color:#923910; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/ico_up.gif) no-repeat 0 2px;}
.myinfo dd .rank_down {padding-left:9px; color:#126990; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/ico_down.gif) no-repeat 0 2px;}
.hancoin {position:relative; width:171px; height:22px; margin-left:5px;}
.hancoin dt {float:left; width:42px; padding-top:1px; color:#979694; letter-spacing:-1px;}
.hancoin dd {float:left; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/ico_coin.gif) no-repeat 0 1px; color:#6e6d6c; text-indent:17px}
.hancoin dd span {color:#d5d5d4; font-family:tahoma;}
.hancoin dd img {position:absolute; right:0; top:0;}
.spc_area {margin:0 0 8px 7px;}
.spc_area2 {margin:0 0 8px; padding:8px 7px; background:#1a1918;}
.spc_area2 ul {margin:6px 0 7px; padding:6px 10px; background:#262524; overflow:hidden;}
.spc_area2 ul li {color:#514f50; letter-spacing:-1px; line-height:15px;}
.spc_area2 img {vertical-align:top;}

.coupon {width:192px; height:71px; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/bg_coupon2.gif) no-repeat;}
.coupon h3 {margin-bottom:8px; padding:5px 0 0 18px; color:#71360f; font-size:11px; font-weight:normal; line-height:14px;}
.coupon h3 a {color:#71360f;}
.coupon h3 .num {color:#bcbcbc; font-weight:bold;}
.coupon .txt {height:14px; margin:0 0 10px 26px; color:#5b5b5b; }
.coupon .txt a {color:#5b5b5b;}
.coupon .txt img {position:relative; top:-1px; vertical-align:middle;}
.coupon .regist {text-align:center}

/* center */
.section2 {width:100%; overflow:hidden; background:#48443d; margin-bottom:12px;} 
.section2 h3 {width:426px; height:32px; margin:13px 0 15px 13px; background:#282622;} 
.outline {width:451px; border:1px solid #544f48;} 
.view_type1 {clear:both; width:390px; overflow:hidden; margin:1px 0 14px 13px; letter-spacing:-1px;}
.view_type1 dt {margin:6px 0 5px; font-weight:bold;}
.view_type1 dt a {color:#d8c8ab; font-size:12px;}
.view_type1 .thum {float:left; margin-right:18px; border:1px solid #312e27;}
.view_type1 .thum img {vertical-align:top;}
.view_type1 .desc {line-height:15px;}
.view_type1 .desc a {color:#928264;}
.view_type2 {float:left; width:196px; overflow:hidden; margin:1px -1px 13px 20px; letter-spacing:-1px;}/*100723 edit*/
.view_type2 dt {padding:13px 0 5px; font-weight:bold;}
.view_type2 dt a {color:#a39882; font-size:12px;}
.view_type2 .thum {border:1px solid #312e27;}
.view_type2 .thum img {vertical-align:top;}
.view_type2 .desc {line-height:15px;}
.view_type2 .desc a {color:#8b7c60;}
.view_news {position:relative; width:286px; margin-left:8px; overflow:hidden;}
.view_news .view_type1 {width:270px; margin:0 0 19px;}
.view_news .view_type1 dt {margin:6px 0 8px;}
.view_news .view_type1 .desc a {color:#8c7d61;}
.view_news .more {position:absolute; right:6px; bottom:24px; padding:0 8px 0; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/bul_arw.gif) no-repeat right 6px; color:#49463f; font-family:verdana; font-size:9px;}

.list {clear:both;}
.list li {position:relative; padding-left:10px; line-height:18px; letter-spacing:-1px;}
.list li span {position:absolute; right:0; top:0; *top:-2px; font:10px verdana;}
.ltype1 {width:419px; margin:0 0 25px 16px; padding-top:14px; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/line_v2.gif) repeat-x 0 0;}/*100723 edit*/
.ltype1 li {background:url(http://images.hangame.co.kr/hangame/c9/obt/main/bul_sq.gif) no-repeat 0 7px;}
.ltype1 li a {color:#8f8573;}
.ltype1 li span {right:6px; color:#635d51;}
.ltype2 {width:278px; height:86px; margin-bottom:0;}
.ltype2 li {padding:0; line-height:16px;}
.ltype2 li a {color:#8e8471;}
.ltype2 li span {color:#625d55;}

.tab_webzine {position:relative; width:453px; height:30px; margin:-1px -1px 13px;}
/*100723 edit*/ 
.tab_webzine li {float:left; width:226px; height:30px;}
.tab_webzine li a {display:block; height:30px;}
.tab_webzine li.webzine1 {background:url(http://images.hangame.co.kr/hangame/c9/obt/main/tab_webzine1_100723.gif) no-repeat 0 -30px;}
.tab_webzine li.webzine2 {width:227px; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/tab_webzine2_100723.gif) no-repeat 0 -30px;}
/*//100723 edit*/
.tab_webzine li.on {background-position:0 0;}
.tab_news {width:289px; height:26px; margin:14px 0 22px;}
.tab_news li {float:left; width:144px; height:26px;}
.tab_news li a {display:block; height:26px;}
.tab_news li.news1 {background:url(http://images.hangame.co.kr/hangame/c9/obt/main/110407_notice_tab.gif) no-repeat 0 -26px;}
.tab_news li.news2 {width:145px; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/110407_event_tab.gif) no-repeat 0 -26px;}
.tab_news li.on {background-position:0 0;}

.banner_r {margin-bottom:13px}
.server {position:relative; width:301px; margin-bottom:21px;}
.server h3 {height:21px; margin-bottom:7px; padding-left:2px; background:url(http://images.hangame.co.kr/hangame/c9/obt/common/line_h_server.gif) repeat-x 0 bottom;}
.server .more_view {position:absolute; right:0; top:0; padding-left:1px;}
.server .more_view img {float:left; margin-left:-1px;}
.server ul {width:301px; overflow:hidden; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/bg_server.gif) no-repeat 0 bottom;}
.server li {position:relative;float:left; width:135px; height:20px; padding:4px 0 0 15px; background:url(http://images.hangame.co.kr/hangame/c9/obt/common/bul_square.gif) no-repeat 8px 10px; color:#7b6e56; letter-spacing:-1px; line-height:14px;}
.server li span {position:absolute; right:0; top:4px; width:39px; color:#786c54; text-align:center;}
.server li .red {color:#bf0000;}
.server li .jam {color:#a46927;}
.server li .green {color:#68bd2f;}
.cs_quick {width:301px;}
.cs_quick li {float:left;}
.cs_quick li img {display:block;}


/* select box */
.selectbox_area {float:left;}
.selectbox-naked * {display:none;}
.selectbox-naked input {display:inline;}
.selectbox-naked select {display:inline;}
.selectbox-naked select * {display:block;}
.selectbox-applied {}
.selectbox-focused .selectbox-box {border-color:#0f0e0e;}
.selectbox-disabled .selectbox-box {border-color:#888;}
.selectbox-box {width:100px; height:19px; border:1px solid #0f0e0e; background:#191816 url(http://images.hangame.co.kr/hangame/c9/obt/common/btn_select_default.gif) right 50% no-repeat; cursor:pointer;}
.selectbox-box span {display:block;}
.selectbox-label {overflow:hidden; margin:4px 0 0 4px;}
.selectbox-layer {position:absolute; z-index:99; margin-top:-1px; border:1px solid #0f0e0e; width:200px; background-color:#191816;}
.selectbox-list {list-style:none; margin:0 !important; padding:1px 0 0; background:none !important; scrollbar-face-color:#191816; scrollbar-track-color:#191816; scrollbar-3dlight-color:#0f0e0e; scrollbar-arrow-color:#5c5c5b; scrollbar-shadow-color:#0f0e0e; scrollbar-highlight-color:#191816; scrollbar-darkshadow-color:#191816;}
.selectbox-list li {padding:2px 5px 0; cursor:pointer; color:#565555; background-color:#eee; background:none !important; font-weight:normal !important; line-height:14px;}
.selectbox-list li.selectbox-item-selected {color:#333;}
.selectbox-list li.selectbox-item-hovered {background-color:#161616 !important;}

.select_family {margin:0 0 15px;}
.select_family .selectbox-box {height:13px; padding-top:3px; border:1px solid #0f0f0f; color:#8c8c8c; background:#191919 url(http://images.hangame.co.kr/hangame/c9/obt/sub/bg_select3.gif) no-repeat right 0;}
.select_family .selectbox-layer {scrollbar-arrow-color:#8c8c8c; scrollbar-face-color:#1f1f1f; scrollbar-track-color:#191919; scrollbar-3dlight-color:#1f1f1f; scrollbar-highlight-color:#1f1f1f; scrollbar-shadow-color:#1f1f1f; scrollbar-darkshadow-color:#1f1f1f; z-index:2; }
.select_family .selectbox-list {width:100%; margin:0; padding:0; border:1px solid #0f0f0f; border-top:0; background:#191919;}
.select_family .selectbox-list li {cursor:default; padding:2px 0 2px 1px; color:#8c8c8c; background-color:#191919; font-family:verdaba;}
.select_family .selectbox-list li.selectbox-item-selected {color:#dee1e3; font-weight:bold;}
.select_family .selectbox-list li.selectbox-item-hovered {color:#dee1e3; background-color:#5b5b5b !important;}
/* //select box */

/*add_0909 search_fr*/
.select_search_fr .selectbox-box {height:24px; margin-top:1px; border:0; color:#ffffff; background:#1d1d1d url(http://images.hangame.co.kr/hangame/c9/obt/main/btn_selectbox.gif) no-repeat right 0; border:1px solid #1d1d1d}
.select_search_fr .selectbox-label {padding:1px 3px 0 1px; font-size:13px;}
.select_search_fr .selectbox-layer {scrollbar-arrow-color:#8c8c8c; scrollbar-face-color:#1f1f1f; scrollbar-track-color:#191919; scrollbar-3dlight-color:#1f1f1f; scrollbar-highlight-color:#1f1f1f; scrollbar-shadow-color:#1f1f1f; scrollbar-darkshadow-color:#1f1f1f; z-index:2; }
.select_search_fr .selectbox-list {margin:0; padding:0; background:#1d1d1d;}
.select_search_fr .selectbox-list li {clear:both; float:none;cursor:default; padding:1px 0 2px 5px; color:#ffffff; background-color:#1d1d1d; font-size:13px;  }
.select_search_fr .selectbox-list li.selectbox-item-selected {color:#dee1e3; font-weight:bold;}
.select_search_fr .selectbox-list li.selectbox-item-hovered {color:#dee1e3; background-color:#5b5b5b !important;}


.select_search_fry .selectbox-box { height:24px; margin-top:1px; border:0; color:#ffffff; background:#1d1d1d url(http://images.hangame.co.kr/hangame/c9/obt/main/btn_selectbox.gif) no-repeat right 0; border:1px solid #1d1d1d}
.select_search_fry .selectbox-label {padding:0 3px 0 1px; font-size:13px;  font-family:verdana;}
.select_search_fry .selectbox-layer {scrollbar-arrow-color:#8c8c8c; scrollbar-face-color:#1f1f1f; scrollbar-track-color:#191919; scrollbar-3dlight-color:#1f1f1f; scrollbar-highlight-color:#1f1f1f; scrollbar-shadow-color:#1f1f1f; scrollbar-darkshadow-color:#1f1f1f; z-index:2; }
.select_search_fry .selectbox-list {margin:0; padding:0; background:#1d1d1d;}
.select_search_fry .selectbox-list li {clear:both; float:none;cursor:default; padding:1px 0 2px 5px; color:#ffffff; background-color:#1d1d1d; font-size:13px;  font-family:verdana; }
.select_search_fry .selectbox-list li.selectbox-item-selected {color:#dee1e3; font-weight:bold;}
.select_search_fry .selectbox-list li.selectbox-item-hovered {color:#dee1e3; background-color:#5b5b5b !important;}
/*add_0909 search_fr*/

/*add_0909 search_fr*/
.search_fr {position:relative; z-index:100; width:767px; _width:765px; height:50px; margin-left:199px; margin-bottom:13px; background-color:#6a1f03;  border-right:1px solid #490d01;}
.search_fr fieldset {margin:0;}
.search_fr h3 {float:left; }
.search_fr ul {margin:12px 0 0 0; }
.search_fr li {float:left;}
.search_fr li label {float:left; _display:inline; width:31px; padding-top:7px; margin-left:30px;  color:#97634f; letter-spacing:-1px; font-size:12px;}
.search_fr li label.first {margin-left:22px;}
.search_fr span.data input {width:75px; height:15px; padding:6px 7px 5px 7px; background-color:#1d1d1d; font-size:14px; font-weight:bold; color:#FFF; border:0;}
.search_fr .btn_search_fr {float:left; padding-left:22px; } 
.search_fr .bg_bottom_fr {position:absolute; left:2px; top:50px; width:767px; height:6px; background:url(http://images.hangame.co.kr/hangame/c9/obt/main/bg_search_fr.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.hangame.co.kr/hangame/c9/obt/main/bg_search_fr.png', sizingMethod='crop');}

/*091117 edit*/
.banner_link {position:absolute; top:0; right:-136px; display:block; width:124px; height:206px;}

/* 100512 */
.hancoin_login{overflow:hidden;font-family:"돋움",dotum;font-size:11px;}
.hancoin_login dl {overflow:hidden;height:36px;}
.hancoin_login dl dt{float:left;width:68px;margin:0 9px 3px 0;background:url(http://images.hangame.co.kr/hangame/c9/obt/sub/bu_coinbar.gif) no-repeat right 2px;font-size:0;line-height:0}
.hancoin_login dl dd{float:left;width:100px;margin-bottom:3px;padding:0;font-weight:bold;color:#f77e14;text-align:right;line-height:14px;}
.hancoin_login dl dd.coin{background:url(http://images.hangame.co.kr/hangame/c9/obt/sub/ico_hancoin.gif) no-repeat 0 0}
.hancoin_login dl dd.coupon{background:url(http://images.hangame.co.kr/hangame/c9/obt/sub/ico_coupon.gif) no-repeat 0 1px}
.hancoin_login a{margin-right:-2px}

/*100610 add */
.quickbanner {margin-bottom:9px; overflow:hidden;}
.quickbanner li {float:left;}
.quickbanner li img { vertical-align:top;}
.gotop_box {position:absolute; top:189px; right:-106px; width:96px;}