﻿@import url('sstory.css');
@import url('mustory.css');

body  {
    margin:0; padding:0; background:#1e1f21 url('http://image.webzen.kr/mu/images_blue/common/template/sub_bg_pattern_top.gif') repeat-x; }
body, table, th, td, div, p { font-size:12px; font-family:Dotum; color:#a3a3a3; }
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:url('http://image.webzen.kr/mu/images_blue/common/template/sub_visual_store.jpg') center 26px no-repeat; text-align:center; }

#bodywrap { position:relative; width:975px; margin:0 auto; text-align:left; }
#gnb { height:261px; margin:0 auto; text-align:center; }
#leftwrap { float:left; width:187px; padding:0 0 50px 0; }
#leftwrap #snb { position:relative; height:332px; }
#leftwrap #snb div { position:absolute; left:-9px; top:-9px; }
#contentswrap { float:left; display:inline; width:778px; margin-left:10px; overflow:hidden; }
#location { height:54px; padding:0 0 0 46px; background:url(http://image.webzen.kr/mu/images_blue/common/template/sub_bg_location.gif) no-repeat; }
#location h3 { float:left; height:54px; margin:0; padding:0; }
#location h3 img#titlocation { margin:20px 0 0 0; }
#location p#txtlocation { float:right; margin:0; padding:26px 46px 0 0; color:#a3a3a3; font-size:11px; font-family:Dotum; }
#location p#txtlocation a, #location p#txtlocation a:hover { font-size:11px; color:#a3a3a3; }
#location p#txtlocation strong { font-size:11px; font-weight:normal; }

#contents { padding:30px 46px 50px; background:url(http://image.webzen.kr/mu/images_blue/common/template/sub_bg_contents.gif) repeat-y; }
#contentsbtm { height:14px; background:url(http://image.webzen.kr/mu/images_blue/common/template/sub_bg_contentsbtm.gif) no-repeat; overflow:hidden; }

#footer { clear:both; width:100%; padding:35px 0;overflow:hidden; // height:180px; }
#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:-47px;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_blue/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:67px; }
#footer .mark01 {position:absolute;left:503px;top:73px; }
#footer .mark02 {position:absolute;left:550px;top:10px; }
#footer .useAge {position:absolute;left:458px;top:10px; }
#footer dl.world {position:absolute;left:550px;top:73px;}
#footer dl.family {position:absolute;left:669px;top:73px;}
#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_blue/common/template/footer_worldlink.gif) no-repeat; text-indent:-5000px; }
#footer dl.family dt { background:url(http://image.webzen.kr/mu/images_blue/common/template/footer_familysite.gif) no-repeat; text-indent:-5000px; }

#container #sMenu { position:absolute; top:0; right:-29px; width:20px; height:17px; z-index:10; }


/* Blue 이용동의 */
#fullcontainer { min-height:100%; _height:100%; background:#1d1e20 url('http://image.webzen.kr/mu/images_blue/common/template/sub_visual_fullcontents.jpg') center top no-repeat; text-align:center; }
#fullcontainer #bodywrap { position:relative; width:990px; margin:0 auto; text-align:left; }
#fullcontainer #header { position:relative; height:145px; background:url('http://image.webzen.kr/mu/images_blue/common/template/sub_bg_fullcontentstop.gif') left bottom no-repeat; }
#fullcontainer #header a { position:absolute; left:413px; top:7px; display:block; width:150px; height:110px; text-indent:-5000px; overflow:hidden; }
#fullcontainer #fullcontentswrap { background:url('http://image.webzen.kr/mu/images_blue/common/template/sub_bg_fullcontents.gif') repeat-y; }
#fullcontainer #fullcontents { padding:45px 64px 60px; background:url('http://image.webzen.kr/mu/images_blue/common/template/sub_bg_fullcontentsbtm.gif') left bottom no-repeat; }
#fullcontainer #fullcontents h3 { margin:0; padding:0 0 24px 11px; background:url('http://image.webzen.kr/mu/images_blue/common/template/sub_bg_fullcontents_dotline.gif') left bottom repeat-x; }
#fullcontainer #fullcontents h3.bgnone { background:none; background-color:#f5f5f5; }

#BlueAgreement { width:100%; margin-top:25px; }
#BlueAgreement h4 { margin:0 0 0 0; padding:0 0 5px 6px; }
#BlueAgreement .roundbox { padding:19px 26px; background:url('http://image.webzen.kr/mu/images_blue/s_mypage/blue_agree_box01_bg.gif') repeat-y; color:#828282; line-height:22px; }
#BlueAgreement .roundbox_pdnone { padding:0; background:url('http://image.webzen.kr/mu/images_blue/s_mypage/blue_agree_box01_bg.gif') repeat-y; color:#828282; line-height:22px; }
#BlueAgreement .roundboxtop { width:862px; height:7px; background:url('http://image.webzen.kr/mu/images_blue/s_mypage/blue_agree_box01_top.gif') no-repeat; overflow:hidden; }
#BlueAgreement .roundboxbtm { width:862px; height:7px; background:url('http://image.webzen.kr/mu/images_blue/s_mypage/blue_agree_box01_btm.gif') no-repeat; overflow:hidden; }
#BlueAgreement .agreement_text { height:167px; margin:0 7px; background-color:#fff; overflow:auto; overflow-x:hidden;
	scrollbar-face-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#aeafaf;
	scrollbar-darkshadow-color:#aeafaf;
	scrollbar-track-color:#fff;
	scrollbar-arrow-color:#aeafaf;
}
#fullcontainer #BlueAgreement .agreement_text h1, #fullcontainer #BlueAgreement .agreement_text h2, #fullcontainer #BlueAgreement .agreement_text h3, #fullcontainer #BlueAgreement .agreement_text h4, { margin:0; padding:0; background:none; font-size:12px; color:#828282; font-weight:normal; }
#fullcontainer #BlueAgreement .agreement_text h2, #fullcontainer #BlueAgreement .agreement_text h3 { margin-top:20px; }
#BlueAgreement .agreement_text p { margin:0; padding:0; color:#828282; }
#BlueAgreement .frm_check { padding:12px 0 40px; text-align:center; color:#333; }
#BlueAgreement .frm_check input { vertical-align:middle; }
#BlueAgreement .matters_text { margin:0; padding:0; }
#BlueAgreement .matters_text li { margin:0; padding:0; list-style-type:none; padding:0 0 0 8px; background:url('http://image.webzen.kr/mu/images_blue/s_mypage/blue_agree_bullet_01.gif') 0 9px no-repeat; line-height:22px; color:#828282; }
#BlueAgreement .matters_text .strong { color:#ff6500; }
#BlueAgreement .agreebutton { padding:17px 0 0 0; text-align:center; }
#BlueAgreement .agreebutton input, #BlueAgreement .agreebutton img { cursor:pointer; vertical-align:middle; }

#BlueAgreement .viewaccount { border-collapse:collapse; width:408px; border:3px solid #d7d8d8; }
#BlueAgreement .viewaccount th { width:50%; padding:22px 0 23px; border:1px solid #d7d8d8; background-color:#ffe8cc; }
#BlueAgreement .viewaccount td { padding:38px 0 33px; border:1px solid #d7d8d8; text-align:center; font-weight:bold; color:#828282; line-height:18px; }
#BlueAgreement .viewaccount td.accounttype { font-weight:bold; color:#ff6500; }
#BlueAgreement .viewaccount_text { margin:65px 0 0 0; padding:0; }
#BlueAgreement .viewaccount_text li { margin:0; padding:0; list-style-type:none; padding:0 0 0 8px; background:url('http://image.webzen.kr/mu/images_blue/s_mypage/blue_agree_bullet_01.gif') 0 9px no-repeat; line-height:22px; color:#828282; }
#BlueAgreement .viewaccount_text .strong { color:#ff6500; }
