@import url('sstory.css');
@import url('mustory.css');

body  {
    margin:0; padding:0; background:url(http://image.webzen.kr/mu/images/common/template/sub_bg_pattern.gif);
    scrollbar-face-color:#3C3932;
	scrollbar-shadow-color:#1F1E1C;
	scrollbar-highlight-color:#1F1E1C;
	scrollbar-3dlight-color:#1A1917;
	scrollbar-darkshadow-color:#1F1E1C;
	scrollbar-track-color:#111110;
	scrollbar-arrow-color:#FF5400;
}
body, table, th, td, div, p { font-size:12px; font-family:"굴림",Gulim; }
form { margin:0; padding:0; }
a, a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
li { list-style:none; }
img { border:none; }

#container { background-position:center top; background-repeat:no-repeat; text-align:center; }
	.sub_news { background:url('http://image.webzen.kr/mu/images/common/template/sub_visual_store.jpg'); }
	.sub_guide { background:url('http://image.webzen.kr/mu/images/common/template/sub_visual_guide.jpg'); }
	.sub_encyclopedia { background:url('http://image.webzen.kr/mu/images/common/template/sub_visual_encyclopedia.jpg'); }
	.sub_mutizen { background:url('http://image.webzen.kr/mu/images/common/template/sub_visual_mutizen.jpg'); }
	.sub_pds { background:url('http://image.webzen.kr/mu/images/common/template/sub_visual_pds.jpg'); }
	.sub_store { background:url('http://image.webzen.kr/mu/images/common/template/sub_visual_store.jpg'); }
	.sub_mypage { background:url('http://image.webzen.kr/mu/images/common/template/sub_visual_mypage.jpg'); }
	.sub_support { background:url('http://image.webzen.kr/mu/images/common/template/sub_visual_support.jpg'); }

#bodywrap { position:relative; width:975px; margin:0 auto; text-align:left; }
#gnb { height:210px; margin:0 auto; text-align:center; }
#leftwrap { float:left; width:194px; padding:0 0 50px 0; }
#leftwrap #snb { padding:15px 0; }
#contentswrap { float:left; width:781px; overflow:hidden; }
#location { height:59px; padding:0 0 0 28px; background:url(http://image.webzen.kr/mu/images/common/template/sub_bg_location.gif) no-repeat; }
#location h3 { float:left; height:59px; margin:0; padding:0; background:url(http://image.webzen.kr/mu/images/common/template/sub_ico_title.gif) 0 12px no-repeat; }
#location h3 img#titlocation { margin:19px 0 0 41px; }
#location p#txtlocation { float:right; margin:0; padding:26px 29px 0 0; color:#653a29; }
#location p#txtlocation a { color:#653a29; }

#contents { padding:0 0 30px 28px; min-height:400px; _height:400px; background:url(http://image.webzen.kr/mu/images/common/template/sub_bg_contents.gif) repeat-y; }
#contentsbtm { height:25px; background:url(http://image.webzen.kr/mu/images/common/template/sub_bg_contentsbtm.gif) no-repeat; }

#footer { clear:both; width:100%; padding:35px 0; background:url(http://image.webzen.kr/mu/images/common/template/footer_bg_line.gif) 0 35px no-repeat; overflow:hidden; // height:180px; padding:35px 0 0 0; }
#footer div.logo { float:left; padding:45px 88px 0 76px; }
#footer .positionFootBox {position:relative;margin-left:205px; // margin-left:0;}
#footer ul.navi {position:absolute;left:-9px;top:7px;}
#footer ul.navi li { list-style:none; float:left; margin:0 0 0 -1px; padding:20px 0 0 0; background:url(http://image.webzen.kr/mu/images/common/template/footer_mnu_division.gif) 0 24px no-repeat; }
#footer ul.navi li a { display:block; padding:2px 9px; }
#footer .address {position:absolute;left:0px;top:62px; }
#footer .mark01 {position:absolute;left:503px;top:70px; }
#footer .mark02 {position:absolute;left:550px;top:10px; }
#footer .useAge {position:absolute;left:458px;top:10px; }
#footer dl.world {position:absolute;left:550px;top:70px;}
#footer dl.family {position:absolute;left:669px;top:70px;}
#footer dl {width:100px; margin:0; padding:0; }
#footer dl dt { height:13px; margin:0; padding:0; overflow:hidden; }
#footer dl dd { margin:0; padding:0; }
#footer dl dd select { width:100px; background-color:#191919; font-size:12px; color:#666; }
#footer dl.world dt { background:url(http://image.webzen.kr/mu/images/common/template/footer_worldlink.gif) no-repeat; text-indent:-5000px; }
#footer dl.family dt { background:url(http://image.webzen.kr/mu/images/common/template/footer_familysite.gif) no-repeat; text-indent:-5000px; }

#container #sMenu { position:absolute; top:0; right:-30px; width:24px; height:31px; z-index:10; }


/* search */
#searchwrap #contentstop { height:25px; background:url(http://image.webzen.kr/mu/images/search/search_bg_top.gif) no-repeat; }
#searchwrap #contents { padding:0; background:url(http://image.webzen.kr/mu/images/search/search_bg_contents.gif) repeat-y; }
#searchwrap #contentsbtm { height:25px; background:url(http://image.webzen.kr/mu/images/search/search_bg_bottom.gif) no-repeat; }
#searchwrap td { color:#4b2700; line-height:18px; }
#searchwrap .black_back { background-color:#000; }
#searchwrap .select_black { font-family:Dotum; font-size:11px; color:#bbb; height:19px; background-color:#494949; }
#searchwrap .small { font-family:Dotum; font-size:11px; }
#searchwrap .small2 { font-family:Dotum; font-size:11px; color:#e7cc9f; }
#searchwrap .stress { color:#bb0000; }
#searchwrap .rank { color: #e7cc9f; line-height:20px; }
#searchwrap .select_white { font-size:12px; font-family:Gulim; color:#4b2700; height:19px; background-color:#fff; }
#searchwrap .input_01 { font-size:12px; font-family:Gulim; color:#4b2700; height:20px; background-color:#f1dfb5; border:1px solid #987b4c; }
#searchwrap a:link, #searchwrap a:visited, #searchwrap a:active, #searchwrap a:hover { color: #4b2700; }
#searchwrap .rank a:link, #searchwrap .rank a:visited, #searchwrap .rank a:active { color: #e7cc9f; }
#searchwrap .rank a:hover { color:#e7cc9f; font-weight:bold; }
#searchwrap .stress a:link, #searchwrap .stress a:visited, #searchwrap .stress a:active { color:#bb0000; }
#searchwrap .stress a:hover { color:#bb0000; }

/* 팝업 공통 */
#popTemplate { position:absolute; margin:0; padding:0; z-index:30; }
#popTemplate div { margin:0; padding:0; }
#layerWrap { position:absolute; z-index:20; }
#popTemplate table thead table { background:url("") left top repeat-x; }
#popTemplate table thead td.title { height:40px; background:url("http://image.webzen.kr/mu/images_blue/p_popup/template/template_bg_02.gif") right top repeat-x; vertical-align:top; }
#popTemplate table thead td.title img { margin:15px 0 0 3px; }
#popTemplate table thead td.popup_head_left { width:14px; background:url("http://image.webzen.kr/mu/images_blue/p_popup/template/template_bg_01.gif") no-repeat; }
#popTemplate table tbody td { background-color:#000; color:#a3a3a3; font-size:12px; font-family:Dotum; line-height:18px; }
#popTemplate table tbody td.popup_left { width:9px; background:url("http://image.webzen.kr/mu/images_blue/p_popup/template/template_line_left.gif") repeat-y; }
#popTemplate table tbody td.popup_right { width:9px; background:url("http://image.webzen.kr/mu/images_blue/p_popup/template/template_line_right.gif") right top repeat-y; }
#popTemplate table tbody td span.popup_close { display:block; height:20px; background-color:#2e2e2e; cursor:pointer; text-align:center; }
#popTemplate table tbody td span.popup_close img { margin:4px 0 0 0; }
#popTemplate table tfoot td { height:9px; background:url("http://image.webzen.kr/mu/images_blue/p_popup/template/template_line_bottom.gif") left bottom repeat-x; }
#popTemplate table tfoot td.popup_left { width:9px; background:url("http://image.webzen.kr/mu/images_blue/p_popup/template/template_bg_03.gif") left bottom no-repeat; }
#popTemplate table tfoot td.popup_right { width:9px; background:url("http://image.webzen.kr/mu/images_blue/p_popup/template/template_bg_04.gif") right bottom no-repeat; }

/* poll 100429 적용 */
.pollHeaderWrap {width:724px;padding-bottom:28px;border-top:5px solid #73422f;background:#fde6bd;}
.pollHeaderWrap h4 {height:31px;padding:9px 0 0 43px;font:bold 12px dotum, "돋움";color:#734f27;border-bottom:1px solid #c39d7b;background:#dbba91 url('http://image.webzen.kr/mu/images/mutizen/poll_h4_icon.gif') no-repeat 7px 4px;}
.pollHeaderWrap h4 strong {color:#c42500;}
.pollHeaderWrap .pollDate {padding:10px 30px 8px 0;font:normal 12px dotum, "돋움";color:#734f27;text-align:right;}
.pollHeaderWrap .pollContsWrap {clear:both;width:685px;margin-left:20px;padding-bottom:18px;background:url('http://image.webzen.kr/mu/images/mutizen/box_bottom.gif') no-repeat left bottom;overflow:hidden;}
.pollHeaderWrap .btnWrap {padding-top:15px;text-align:center;}

.pollPlayConts {width:685px;margin:0;padding:13px 16px 0 16px;background:url('http://image.webzen.kr/mu/images/mutizen/box_top.gif') no-repeat left top;}
.pollPlayConts table {margin-bottom:-6px;}
.pollPlayConts td {padding:5px 0 5px 0;border-bottom:1px solid #dbba91;}
.pollPlayConts .pollnum {width:21px;text-align:center;}
.pollPlayConts .polltxt {width:600px;padding:6px 10px 5px 5px;font:normal 12px dotum, "돋움";color:#975924;}
.pollPlayConts .pollselect {width:21px;text-align:center;}
.pollPlayConts .pollselect input {width:13px;height:13px;}

.pollViewConts {width:685px;margin:0;padding:13px 16px 0 16px;background:url('http://image.webzen.kr/mu/images/mutizen/box_top.gif') no-repeat left top;}
.pollViewConts table {margin-bottom:-6px;}
.pollViewConts td {padding:5px 0 5px 0;border-bottom:1px solid #dbba91;}
.pollViewConts .pollnum {width:21px;text-align:center;}
.pollViewConts .polltxt {width:330px;padding:6px 10px 5px 5px;font:normal 12px dotum, "돋움";color:#975924;}
.pollViewConts .pollbar {width:255px;}
.pollViewConts .pollpersent {width:30px;text-align:center;font:normal 11px dotum, "돋움";color:#975924;}

.pollViewConts .pollbar .playBar_con {width:251px; padding:1px 3px 0 3px;height:11px; background:url('http://image.webzen.kr/mu/images/mutizen/bar_bg.gif') no-repeat;}
.pollViewConts .pollbar .playBar_con .playBar_on {position:relative; height:11px;background:url('http://image.webzen.kr/mu/images/mutizen/bar_ing_bg.gif') repeat-x;}

/* 스크린샷 100430 적용 */
.screenShotWrap {width:724px;padding-top:13px}
.screenShotWrap h4 {height:31px;padding:0;margin:0;}
.screenShotWrap h4 span {float:left;padding:3px 11px;font:bold 12px dotum, "돋움";color:#fff;background:url('http://image.webzen.kr/mu/images/mutizen/bg_dayBox.gif') no-repeat;}
.screenShotWrap h4 img.title {float:left;margin-top:3px;}
.screenShotWrap h4 a {float:right;}

.screenShotWrap .titBox {color:#734f27;}
.screenShotWrap .titBox a {color:#734f27;}

.bestShotSumWrap {width:724px;height:215px;padding:22px 0 0 69px;margin:0 0 22px 0; background:url('http://image.webzen.kr/mu/images/mutizen/bg_bestBox.gif') no-repeat;}
.bestShotSumWrap li {position:relative;float:left;width:209px;height:175px;}
.bestShotSumWrap li .imgBox {position:absolute;left:0;top:0;padding:4px; background:url('http://image.webzen.kr/mu/images/mutizen/bg_img_box.gif') no-repeat;}
.bestShotSumWrap li .titBox {position:absolute;left:7px;top:140px;width:168px;font-weight:bold;color:#734f27;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bestShotSumWrap li .txtBox {position:absolute;left:7px;top:160px;width:168px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.screenShotSumWrap {clear:both;width:724px;padding-top:12px;border-top:2px solid #73422f;background:#fde6bd;}
.screenShotSumWrap ul {width:724px;padding:22px 0 0 69px;margin:0; background:url('http://image.webzen.kr/mu/images/mutizen/bg_screen_sum_box.gif') repeat-y left top;overflow:hidden;}
.screenShotSumWrap.best ul {padding:22px 0 0 69px; background:url('http://image.webzen.kr/mu/images/mutizen/bg_best_sum_box.gif') repeat-y left top;}
.screenShotSumWrap.best ul li {height:224px;}
.screenShotSumWrap.best ul li .titBox {font-weight:bold;}
.screenShotSumWrap li {position:relative;float:left;width:209px;height:210px;}
.screenShotSumWrap li .imgBox {position:absolute;left:0;top:0;padding:4px; background:url('http://image.webzen.kr/mu/images/mutizen/bg_img_box.gif') no-repeat;}
.screenShotSumWrap li .titBox {position:absolute;left:7px;top:140px;width:168px;font-weight:normal;color:#734f27;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.screenShotSumWrap li .txtBox {position:absolute;left:7px;top:160px;width:168px;padding-left:7px; background:url('http://image.webzen.kr/mu/images/mutizen/bg_list_jum01.gif') no-repeat 1px 4px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.screenShotSumWrap li .dayBox {position:absolute;left:7px;top:175px;width:168px;padding-left:7px; background:url('http://image.webzen.kr/mu/images/mutizen/bg_list_jum01.gif') no-repeat 1px 4px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.screenShotWrap .pagingWrap {height:50px;padding-top:6px;margin-top:-22px;border-bottom:2px solid #c39d7b;text-align:center;background:#e0c39f;}
.screenShotWrap .btnWrap {padding:15px 15px 0 0;text-align:right;}

.screenShotWrap .writeTable {width:724px;border-top:2px solid #73422f;background:#fde6bd;}
.screenShotWrap .writeTable .title {width:610px;border-bottom:1px solid #c39d7b;background:#dbba91;}
.screenShotWrap .writeTable .upload {width:114px;height:31px;padding-left:15px;border-bottom:1px solid #c39d7b;background:#dbba91;text-align:left;}
.screenShotWrap .writeTable td {padding:8px 0 6px 10px;text-align:left;color:#734f27;border-bottom:1px solid #c39d7b;}

.screenShotWrap .writeTable td.shotFileUploadWrap {text-align:left;}
.screenShotWrap .writeTable td.shotFileUploadWrap td { padding:8px 0 7px; text-align:left; border-bottom:none;}
.screenShotWrap .writeTable td.shotFileUploadWrap td input { width:568px; color:#fde6bd; }
.screenShotWrap .writeTable td.shotFileUploadWrap td.btnupload { padding-left:18px; }
.screenShotWrap .writeTable td.shotFileUploadWrap td { padding:9px 0 12px 0; margin:0; border:none; text-align:left; }
.screenShotWrap .writeTable td.shotFileUploadWrap td select { background:#655148; font-family:Dotum; font-size:12px;color:#fde6bd;padding:0;margin:0; }
.screenShotWrap .writeTable td.shotFileUploadWrap td.btnupload img { margin:3px 0 0 0; }