@charset "utf-8";
/* CSS Document */

body, p, h1, h2, h3, h4, h5, h6, menu, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin:0; padding:0;}
body, input, textarea, select, button, table{ font-family:"돋음", Dotum, AppleGothic, sans-serif; font-size:12px; line-height:14px;}
.wrap {
	background-image: url(../img/header_bg.gif);
	background-repeat: repeat-x;
	min-width:1024px;
}

input{ vertical-align:middle; padding-top:1px;}
select { padding: 2px 2px; vertical-align:middle;}
ul, ol, dl { list-style:none;}
img{ border:0; vertical-align:top;}
.checkbox{ float:left; width:12px; height:12px; margin:0; padding:0;}
.checkbox2{ width:12px; height:12px; margin:0; padding:0;}
.radio{ width:12px; height:12px; float:left;}
.com_select{ font-size:11px; vertical-align:middle; float:left; margin-top:2px;}
.textinput{ font-size:11px; padding:2px 2px 1px 2px; height:13px; vertical-align:middle;}
.textareaw{ font-size:11px; padding:3px; line-height:15px;}

/*------------------------------------------ header--------------------------------------------------- */
.wrap .header { height: 106px; width: 100%; position: relative; }
.midheader .tab_menu { display: inline; float: left; margin-top: 36px; margin-left: 37px; }
.topheader { height: 30px; width: 100%; position: relative; }
.dolis_logo {
	background-image: url(../img/dolis_logo.gif);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 12px;
	width: 178px;
	margin-top: 10px;
	margin-left: 16px;
}
.top_menu {float: right; margin-top:7px; margin-right: 9px; }
.top_menu li { list-style-type: none; display: inline; float:left; padding-left:12px; }
.top_menu li a { font-family: verdana, tahoma; font-size: 11px; color: #FFF; text-decoration: none; line-height:13px; }
.top_menu li a:hover { text-decoration:underline; }
.top_menu .request {}
.top_menu .Mypage {}

.midheader{ height:76px; width:100%; position:relative;}
.midheader h1 a {
	background-image: url(../img/DNDolis_title.gif);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 56px;
	width: 143px;
	margin-top: 10px;
	margin-left: 29px;
}
.midheader .tab_menu li { list-style-type:none; display:inline; float:left; padding-right:4px; }
.midheader #tab_on a{
	font-family:"돋음", Dotum, AppleGothic, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	display:inline;
	float:left;
	height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	background-image: url(../img/tabmenu_overBG.gif);
	height: 25px;
	text-decoration:none;
}
.midheader #tab_off a{
	background-color:#656565;
	font-family:"돋음", Dotum, AppleGothic, sans-serif;
	font-size:12px;
	font-weight:bold;
	display:inline;
	float:left;
	height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	height: 25px;
	text-decoration:none;
	color:#b3b3b3;
}
.midheader #tab_off a:hover{
	font-family:"돋음", Dotum, AppleGothic, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	display:inline;
	float:left;
	height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	background-image: url(../img/tabmenu_overBG.gif);
	height: 25px;
	text-decoration:none;
}
.midheader .glbsearch { float: right; margin-right: 9px; border: none; height:24px; margin-top:42px; display:inline; }
.midheader .glbsearch .glbselect { display: inline; float: left; margin-top: 1px; margin-right: 7px; padding:3px; height:22px; line-height:15px; }
.midheader .glbsearch .glbinput { height: 19px; width: 104px; border: 1px solid #1a7fc9; display: inline; float: left; padding:3px 2px 0px 2px; line-height:15px; font-family:"돋음", Dotum, AppleGothic, sans-serif; font-size:12px; }
.midheader .glbsearch .searchBtn { width:27px; height:24px; background-image:url(../img/searchBTN.gif); background-repeat:no-repeat; border:0;}



/*------------------------------------------ body--------------------------------------------------- */


.body{ clear:both;}
.midpart{ position:relative; display:inline-block; width:100%;}


/* split close버튼 눌렀을 떄 */
.MoveMode .leftnav_move{ left:-200px; }

.split_cl .arrow_op{
	background-image: url(../img/leftnev_arrow_op.gif);
	height: 5px;
	width: 3px;
	margin-top: 140px;
	margin-left:2px;
	position:absolute;
	background-repeat: no-repeat;
	display:block;
}
.leftnav_wrap { background-color: #f9f9f9; width: 209px; position:absolute; left:0px; height:100%; min-height:900px;}
.leftnav { width:200px; padding-top:3px; margin-bottom:200px; }
.leftnav .leftnav_2depth{ text-decoration:none; list-style-type:none; margin-top:17px; height:16px; width:200px; }
.leftnav .toggleBox_minus {
	height:16px;
	background-image: url(../img/toggle_on.gif);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	width: 16px;
	margin-left: 18px;
}
.leftnav .toggleBox_plus {
	height:16px;
	background-image: url(../img/toggle_off.gif);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	width: 16px;
	margin-left: 18px;
}
.leftnav .toggleBox_icon {
	height:3px;
	background-image: url(../img/icon3.gif);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	width: 3px;
	margin: 7px 6px 0 24px;
}
.leftnav .navtitle {
	display:inline;
	float:left;
	height:16px;
	font-family:"돋음", Dotum, AppleGothic, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	margin-top:2px;
	margin-left:7px;
	text-decoration:none;
}
.leftnav .navtitle_on {
	display:inline;
	float:left;
	height:16px;
	font-family:"돋음", Dotum, AppleGothic, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0090ff;
	margin-top:2px;
	margin-left:7px;
	text-decoration:none;
	cursor:default;
}
.leftnav .navtitle:hover { text-decoration:underline; cursor:pointer;}

.leftnav .folderlist {width: 200px; padding-top: 4px; display:inline; float:left; }
.leftnav .leftnav_2depthW {display:inline;float:left;}
.leftnav .folderlist li { margin-top: 4px; display: inline; float: left; width:185px; }
.leftnav .folderlist span {
	background-image: url(../img/toggle_path.gif);
	background-repeat: no-repeat;
	display: inline-block;
	float: left;
	margin: 4px 10px 0px 25px;
	height: 6px;
	width: 6px;
}
.leftnav .folderlist a { text-decoration:none; color:#656565; line-height:15px; display:inline-block; float:left; width:144px;}
.leftnav .folderlist .on {	text-decoration:underline; color:#0090ff; font-weight:bold; letter-spacing: -1px;}
.leftnav .folderlist a:hover { text-decoration:underline; color:#0090ff; font-weight:bold; letter-spacing: -1px; }
.split_cl { width: 9px; position: absolute; left: 200px; top: 0px; display:block; height:100%; }
.split_cl a{ 
    text-decoration:none;
	width:7px;
	display:block;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #a9a9a9;
	border-left-color: #d8d8d8;
	background-color: #efefef;
	height:100%;
}
.split_cl a:hover{ background-color:#d5edff;}
.split_cl .arrow{
	background-image:url(../img/leftnav_arrow_cl.gif);
	height: 5px;
	width: 3px;
	margin-top: 140px;
	margin-left:2px;
	position:absolute;
	background-repeat: no-repeat;
	display:block;
}



.contents { padding-left: 17px; margin-left:209px;}
.contents_title {
	height: 32px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
	width:100%;
	margin-top:29px;
	margin-bottom:10px;
}

.contents_title .titleicon {
	background-image: url(../img/listhead_title_icon.gif);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 10px;
	width: 10px;
	margin: 5px 10px 0px 2px;
}
.contents_title .titletext {
	font-family: "돋음", Dotum, AppleGothic, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-top:3px;
    display: inline;
	float: left;
}
.contents_title .Helpbtn {
	background-image: url(../img/helpBTN.gif);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 19px;
	width: 40px;
	margin-left: 12px;
	text-indent: -10000%;
	display: inline;
	float: left;
	overflow: hidden;
}
.contents_title .Requestbtn {
	background-image: url(../img/requestBTN.gif);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 19px;
	width: 54px;
	margin-left: 3px;
	text-indent: -10000%;
	display: inline;
	float: left;
	overflow: hidden;
}

.contents_main{ padding-right:5px; margin-bottom:60px; display:block; float:none; }
/**:first-child+html .contents_main { float: none; }*/

/*---------------------------- topSearch------------------------------*/
.topSearch{ width:100%; height:34px; margin-top:5px; background-color:#fffadc; border:1px solid #ece7c9; display:block; float:none;}
*:first-child+html .topSearch{width:100%; height:34px; margin-top:5px; background-color:#fffadc; border:1px solid #ece7c9; display:block; float:none;}

.topSearch_title{ color:#9b8f4a; font-weight:bold; line-height:15px; margin:10px 10px 0 25px; display:inline; float:left;}
.charater_Search_sprate{ background-image: url(../img/character_search_sprate.gif); width:1px; height:10px; display:inline; float:left; margin:14px 0 0 30px;}


/*-----------------------------parttitle-----------------------------------*/
.parttitle{ display:block; float:none; background-image:url(../img/parttitle_bg.gif); background-repeat:no-repeat; width:876px; height:35px; margin:55px 0 0; width:100%;}
.parttitle span{ display:inline; float:left; margin:11px 0 0 30px; font-weight:bold; color:#002a4c;}
.parttitle_half{display:inline; float:left; background-image:url(../img/parttitle_half_bg.gif); background-repeat:no-repeat; width:373px; height:35px; margin:0; width:100%;}
.parttitle_half span{ display:inline; float:left; margin:11px 0 0 30px; font-weight:bold; color:#002a4c;}




/*------------------------------searcharea----------------------------------*/
.searchWrap{ display:block; float:none; width:100%; margin-top:10px; margin-bottom:10px; padding-bottom:10px; }
.searchWrap .search_table { table-layout:fixed; border-collapse:collapse; width:100%;}
.searchWrap .search_table th { background-color:#e6f3fd; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec; border-bottom-color: #9cc9ec; vertical-align: middle; color:#5588b1; padding:7px 10px; font-size:11px; letter-spacing:-1px;}
.searchWrap .search_table td { width:100%; background-color:#FFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec; border-bottom-color: #9cc9ec; line-height:15px; padding:7px 10px; vertical-align:middle; }
.search_check {vertical-align: middle; padding:0px;}
.search_input { width:95px; border:1px solid #9cc9ec; height:18px;}
.totaltext{ display:inline; float:left; margin:7px 0 0;}
.tataltext_num{ color:#F30; font-weight:bold;}
.search_span { margin:2px 20px 0px 3px; vertical-align:middle;}
.search_btn{ text-align: center; margin-top:13px; }
.search_btn a{ margin: 0 3px 0 3px;}
.red_descrip{ font-size:11px; letter-spacing:-1px; color:#F00; margin-left:13px; vertical-align:middle;}

/* btnarea */
.btnareaWrap{ display:inline-block; float:none; width:100%;}
.left_btnarea{ display:inline; float:left;}
.right_btnarea { display:inline; float:right;}



/*--------------------------------tablearea------------------------------------------ */
.tableWrap{ width:100%; display:block; margin-top: 7px; float:none;}

.tableWrap table { width:100%; border-collapse:collapse; table-layout:fixed; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c4c4c4; border-top:1px solid #a1a1a1;}

.tableWrap th{ background-attachment: scroll; background-image: url(../img/table_titleBG.gif); background-repeat: repeat-x; height: 33px; font-size: 11px; font-weight: bold; color: #6a6a6a; text-align: center;
 letter-spacing:-1px;}

.tableWrap th, .tableWrap td{ border-right-width: 1px; border-right-style: solid; border-right-color: #e3e3e3;}

.tableWrap td{ background-attachment: scroll; background-image: url(../img/table_dot.gif); background-repeat: repeat-x; text-align: center; background-position: left bottom; font-size: 11px; padding:8px 5px; }

.tableWrap .col1 { width:7%;}


 .table_checkbox { width:25px;}
 .itemserial{ width:125px;}
 .itemname{ width:140px;}
 .AccountID_col{width:67px;}
 .delete_col{width:50px;}
 .level_col{width:45px;}
 .worldID_col{width:52px;}
 .memo_col{width:55px;}
 .recentlyLoginIP_col{width:100px;}
 .class_col{width:90px;}
 .characdetail_col{width:55px;}
 .cha_search_th{ width:10%;}
 .cha_search_td{ width:15%;}


.tableWrap .manager { font-weight:bold; }
.tableWrap .restraint { font-weight:bold; text-align:right; padding-right:8px;}

.boldfont { font-weight:bold;}

.bluefont a { font-weight:bold; color:#0090ff; text-decoration:underline; letter-spacing:-1px; display:inline; float:left; text-align:left;}
.bluefont_center a { font-weight:bold; color:#0090ff; text-decoration:underline; letter-spacing:-1px;}
.bluefont_right a { font-weight:bold; color:#0090ff; text-decoration:underline; letter-spacing:-1px; float:right;}
.redfont_right span{ color:#F00; letter-spacing:-1px; float:right; text-decoration:none;}
.blackfont_right span{ color:#000 ;letter-spacing:-1px; float:right; text-decoration:none;}
.typefont{ display:inline; float:left;}

.tableWrap .compensation { text-align:left;}
.tableWrap .compensation ul li { list-style-type:none; padding-top:2px; padding-bottom:2px;}

.percentage{ color:#F00;}
.deposit{ color:#F00; font-weight:bold;}
.withdraw { color: #00F; font-weight:bold;}


.webevent_group{ display:inline; float:left;}





/*---------------------------- 회수복구 : 아이템테이블-------------------------- */
.tableWrap_2depth{width:100%; border-top-width: 1px; border-top-style: solid; border-top-color: #a1a1a1; display:block; float:none; margin-top: 7px;}
.tableWrap_2depth table { width:100%; border-collapse:collapse; table-layout:fixed; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c4c4c4; }
.tableWrap_2depth th{ background-attachment: scroll; background-color:#f7f7f7; background-repeat: repeat-x; height: 28px; font-size: 11px; font-weight: bold; color: #6a6a6a; text-align: center;
  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e3e3e3; overflow:hidden; white-space:pre-wrap; }
.tableWrap_2depth th, .tableWrap_2depth td{ border-right-width: 1px; border-right-style: solid; border-right-color: #e3e3e3;}
.tableWrap_2depth td{ background-attachment: scroll; background-image: url(../img/table_dot.gif); background-repeat: repeat-x; text-align: center; background-position: left bottom; padding-top: 8px; padding-bottom: 8px; font-family: tahoma, verdana; font-size: 11px; color: #000; overflow:hidden; white-space:pre-wrap; }

 .tableWrap_2depth .table_checkbox { width:30px;}
 .tableWrap_2depth .itemname{ width:140px;}





/* ------------------지급취소------------------------------- */
.tableWrap .separate {background-image:url(../img/popup_tabletitle_separate.gif); width:1px; height:10px; display:inline-block; margin:2px 5px 0px 5px;}





/* =========================================popup======================================== */
.popupWrap { width:860px; margin:0px; padding:0px;}
.popup_titlepart { background-image:url(../img/popup_titlebg.gif); background-repeat:repeat-x; height:31px;}
.popup_titlepart .popup_title { display:inline; float:left; color:#FFF; font-weight:bold; margin-left:17px; margin-top:8px;}
.popup_titlepart .popup_closebtn { display:inline; float:right; background-image:url(../img/closebtn.gif); width:47px; height:19px; margin-right:9px; margin-top:6px;}
.popup_titlepart .popup_closebtn:hover { background-image:url(../img/closebtn_hover.gif);}

.requesticon{ display:inline; float:left; background-image:url(../img/request_icon.gif); background-repeat:no-repeat; width:29px; height:32px; margin:0 0 0 3px;}

.popup_contentspart{ padding-left:15px; padding-right:15px;}


/* 이벤트 지급유형선택 */
.popup_contentspart .contents_title .titlestep{ color:#F00; display:inline; float:left; font-size:16px;	font-weight: bold; margin-top:3px; }

.popup_contentspart .bigbtnWrap{ border:5px solid #eaeaea; height:75px; width:820px; margin-top:28px; padding-top:25px; margin-bottom:38px;}
.popup_contentspart .bigbtnWrap .bigbtn_set{ text-align: center; }
.popup_contentspart .bigbtn_set .space{ margin-left:10px;}

.popup_contentspart .popup_description{ width:800px; padding-left:7px; padding-right:10px; }
.popup_contentspart .popup_description .descrip_set{ margin-bottom:15px;}
.popup_contentspart .popup_description .descrip_set .icon1{ background-image:url(../img/icon1.gif); width:2px; height:2px; display:inline; float:left; margin-top:7px; margin-right:10px;}
.popup_contentspart .popup_description .descrip_set .descrip_title{ color:#0090ff; font-weight:bold;}
.popup_contentspart .popup_description .descrip_set .descrip_text{ color:#6b6a6a; white-space: pre; line-height: 17px; }


/* searchWrap*/
 .searchWrap .server_select,
 .searchWrap .acquired_select,
 .searchWrap .compensation_select,
 .searchWrap .eventTerm,
 .searchWrap .eventDescrip{ margin-bottom:25px;}
 
.searchWrap .search_title { width:100%;  margin: 0 0 7px 5px;}
.searchWrap .search_title .darrowicon { background-image:url(../img/darrowicon.gif); width:7px; height:4px; display:inline; float:left; margin:5px 5px 0 2px; background-repeat:no-repeat;}
.searchWrap .search_title .search_title_text { color:#5588b1; font-weight:bold; line-height:15px;}
.search_title_descrip{ font-size:11px; letter-spacing:-1px; color:#F00; margin-left:7px; }


.searchWrap .compensation_table,
.searchWrap .chrt_search_popupResult_table{ table-layout:fixed; border-collapse:collapse; width:100%;}

.searchWrap .popup_th { background-color:#e6f3fd; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec; border-bottom-color: #9cc9ec; vertical-align: middle; color:#5588b1; font-size:11px; font-weight:normal; letter-spacing:-1px; padding:7px 0px;}


 .searchWrap .compensation_table td { width:100%; background-color:#FFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec;         border-bottom-color: #9cc9ec; line-height:15px; padding:8px 5px;}
 .table_separate{ background-image:url(../img/popup_tabletitle_separate.gif); width:1px; height:10px; display:inline; float:left; margin-top:1px;}
 .compensation_table .compensation_kind { font-weight:bold;}
 
 .small_descrip { font-size:11px; letter-spacing:-1px; color:#5588b1; margin-left:5px;} 

 .compensation_col1 { width:25px;}
 .compensation_col2 { width:100px;}
 .compensation_col3 { width:130px;}
 .compensation_col4 { width:107px;}
 .percentage_iput_col{ width:150px;}
 
 .eventTerm_group,
 .groupset{ margin-right:11px; display:inline; float:left;}
 
 .accentDescrip{ color:#F00; font-weight:bold; padding:5px; line-height:15px;}
 .decripPart{ margin:7px 0 0 0;}
 
 .itemselect .darrowicon { background-image:url(../img/darrowicon.gif); width:7px; height:4px; display:inline; float:left; margin:5px 5px 0 2px; background-repeat:no-repeat;}
 .itemselect .title{ color:#5588b1; font-weight:bold; line-height:15px;}
 
 
  /* server_tab */
 .server_tab{ display:inline; float:left; width:100%; margin:10px 0 0; border-bottom:1px solid #9cc9ec; }
 .server_tab li{ display:inline; float:left;  height:35px; }
 .server_tab li a{ display:inline; float:left; text-decoration:none;  font-weight:bold; }
 .tab2_on a{ background-color:#FFF; line-height:15px; padding:10px 24px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #9cc9ec; border-right-color: #9cc9ec; border-left-color: #9cc9ec; color:#5588b1; }
 
 .tab2_off a{ background-color:#e9e9e9; line-height:14px; padding:10px 24px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #cdcdcd; border-right-color: #cdcdcd; border-left-color: #cdcdcd; color:#9a9a9a; } 
 
 .server a:hover{ background-color:#FFF; line-height:15px; padding:10px 24px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #9cc9ec; border-right-color: #9cc9ec; border-left-color: #9cc9ec; color:#5588b1; }
 
 .partition a:hover{ background-color:#FFF; line-height:15px; padding:10px 24px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #9cc9ec; border-right-color: #9cc9ec; border-left-color: #9cc9ec; color:#5588b1; }
 
 .tab_table { table-layout:fixed; border-collapse:collapse; width:100%; display:inline-table;}
 .tab_table td { width:100%; background-color:#FFF; border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9cc9ec; line-height:15px; padding:7px 10px; vertical-align:middle; }
 
 
 
 
 
 
 
 
 
 /* tabletpye2 */
 .tabletype2 .tabletype2_table {table-layout:fixed; border-collapse:collapse; width:100%; margin:5px 0 0 0;}
 .tabletype2 .tabletype2_table th { border:1px solid #e0e0e0; background-color:#f7f7f7; font-size:11px; font-weight:bold; letter-spacing:-1px; padding:7px 0; vertical-align:middle; color:#6a6a6a;}
 .tabletype2 .tabletype2_table td { border:1px solid #e0e0e0; background-color:#fff;  vertical-align:middle; text-align:center; font-size:11px;}
 .classtext{font-size:11px; letter-spacing:-1px; padding:7px 0;  color:#6a6a6a; text-decoration:none; line-height:16px;}
 .classtext:hover{ color:#0090ff; text-decoration:underline;}
 .separate_bar{ background-image:url(../img/cha_set_title_separate.gif); background-repeat:no-repeat; width:1px; height:10px; display:inline-block; margin:3px 9px 0;}
 
 
 
 
 
 
 
 
 /* 이벤트설정팝업*/

 .eventset_table {  table-layout:fixed; border-collapse:collapse; width:100%;}
 
 .eventset_table col.th { width:101px;}
 .eventset_table col.td { width:294px;}
 
 .eventset_table th { background-color:#e6f3fd; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec; border-bottom-color: #9cc9ec; vertical-align: middle; color:#5588b1; font-size:11px; font-weight:normal; letter-spacing:-1px; line-height:15px;}
 
 .eventset_table td { background-color:#FFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec; border-bottom-color: #9cc9ec; line-height:15px; padding: 7px 10px;}



/* 회수복구 팝업 */

 .recover_table { table-layout:fixed; border-collapse:collapse; width:100%;}
 
 .recover_table col.th { width:25%;}
 .recover_table col.td { width:75%;}
 .th4_col{ width:23%;}
 .td4_col{ width:27%;}
 .th6_col{ width:12%;}
 .td6_col{ width:21%;}
 
 .recover_table th { background-color:#e6f3fd; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec; border-bottom-color: #9cc9ec; vertical-align: middle; color:#5588b1; font-size:11px; font-weight:normal; letter-spacing:-1px; line-height:15px; padding: 7px 10px;}
 
 .recover_table td { background-color:#FFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec; border-bottom-color: #9cc9ec; padding-left:10px; line-height:15px; padding: 7px 10px;}
 
 
 
 
 /*popupWrap 600px*/
 .popupWrap_600{ width:600px; margin:0px; padding:0px;}
 .searchWrap .chrt_search_popupResult td { width:100%; background-color:#FFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec;         border-bottom-color: #9cc9ec; padding: 0px 10px; line-height:15px; text-align:center; font-size:11px; height:30px;}
 
 .searchWrap .chrt_search_popupResult .col1{ width:80px;}
 .searchWrap .chrt_search_popupResult .col5{ width:50px;}
 .searchWrap .chrt_search_popupResult .col7{ width:50px;}
 .searchWrap .chrt_search_popupResult .col8{ width:50px;}



  /*popupWrap 1000px*/
 .popupWrap_1000{ width:1000px; margin:0px; padding:0px;}
 .cha_set_title{ background-image:url(../img/cha_set_titleBG.gif); background-repeat:round; width:1170px; height:46px; margin-top:20px; }
 .cha_set_title .titletext{ font-size:16px; font-weight:bold; line-height:18px; margin:14px 5px 0px 20px; display:inline; float:left;}
 .cha_btnsetWrap{ width:100%; background-color:#f5f7f8; }
 .cha_btnset{ padding:11px 20px 7px; border:1px solid #ced6dc;}
 .cha_btn{ margin-top:7px;}
 .btnwh{ margin:16px 170px 0 10px; margin-left: 0px; margin-right: 0px; display:inline; float:right;}
 .btnwh li{ display:inline; float:left; margin:0 5px; height:10px;}
 .btnwh .bar{ display:inline; float:left; margin:0 5px; height:10px;
            background-repeat: no-repeat; background-position: left center; background-image: url(../img/cha_set_title_separate.gif);}
 .btnwh a{  color: #47525b; display:inline; float:left;
 font-size:11px; letter-spacing:-1px; text-decoration: none; margin-left:10px;}
 .btnwh a:hover { color:#008bf2; text-decoration:underline;}


.cha_set_main{ width:100%; margin-top:5px;}
.cha_set_main .search_table { table-layout:fixed; border-collapse:collapse; width:100%;}
.cha_set_main .cha_detail_title { width:100%;  margin: 0 0 7px 5px;}
.cha_set_main .cha_detail_title .darrowicon { background-image:url(../img/darrowicon.gif); width:7px; height:4px; display:inline; float:left; margin:5px 5px 0 2px; background-repeat:no-repeat;}
.cha_set_main .cha_detail_title .cha_detail_title_text { color:#5588b1; font-weight:bold; line-height:15px;}
.cha_set_main .filterPart{ margin:8px 0 5px 0;}
.filterPart_spantext{ font-weight:bold; line-height:18px; color:#5588b1; margin-left:8px;}


.cha_set_main .cha_detail{ margin-bottom:25px; margin-top:16px;}

.cha_set_main th { background-color:#e6f3fd; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec; border-bottom-color: #9cc9ec; vertical-align: middle; color:#5588b1; font-size:11px; font-weight:normal; letter-spacing:-1px; padding:7px 0px;}
.cha_set_main td { background-color:#FFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec; border-bottom-color: #9cc9ec; line-height:15px; padding:5px 10px; vertical-align:middle; text-align:left; }

.search_table .cha_detail_th3{ width:12%;}
.search_table .cha_detail_td3{ width:21%;}

.search_table .cha_detail_th2{ width:20%;}
.search_table .cha_detail_td2{ width:30%;}
.missionID_col{ width:12%;}
.btn_col{width:55px;}
.btn1_col{ width:75px;}
.MissionTypeCode_col{ width:15%;}
.SillTreeID_col{ width:12%}
.SkillID_col{width:12%;}
.SkillLevel_col{ width:15%;}
.CoolTime_col{width:15%;}
.titleID_col{width:15%;}
.titleName_col{ width:35%;}
.MapID_col{width:15%;}
.MapName_col{ width:45%;}
.itemID_col{ width:7%;}
.num_col{ width:6%;}
.ItemName_col{ width:27%;}
.registID_col{width:6%;}
.date_col{width:72px;}
.QuestName_col{ width:30%;}
.receive_col{ width:20%;}
.ip_col{width:80px;}
.colwd1{width:76px;}
.colwd2{width:100px;}
.colwd3{width:120px;}
.colwd4{width:4%;}
.colwd5{width:45px;}
.colwd6{width:150px;}
.colwd7{width:200px;}

.tableWrap .textalignLeft{ text-align:left;}
.tableWrap .textalignright{ text-align:right;}


.numtext{ font-family:tahoma, verdana; font-size:11px;}
.normalitem{ color:#606060;}
.magicitem{ color:#20bf10;}
.rareitem{ color:#3548fe;}
.epicitem{ color:#ff6000;}
.uniqueitem{ color:#a736ff;}
.legenditem{ color:#dc2355;}
.nameditem{ color:#ffd232;}
.ancientitem{ color:#86fcf5;}

.grade{font-family:tahoma, verdana;}
.accepticon{ background-image:url(../img/accept.gif); background-repeat:no-repeat; width:16px; height:16px; display:inline-block;}
.xicon{ background-image:url(../img/xicon.gif); background-repeat:no-repeat; width:16px; height:16px; display:inline-block;}



.cha_set_main .cha_set_table{ table-layout:fixed; border-collapse:collapse; width:100%;}

.cha_set_main .cha_set_table th { background-color:#e6f3fd; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec; border-bottom-color: #9cc9ec; vertical-align: middle; color:#5588b1; font-size:11px; font-weight:normal; letter-spacing:-1px; padding:7px 0px; border-right:1px solid #cee6f8;}

 .cha_set_main .cha_set_table td { width:100%; background-color:#FFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #9cc9ec;         border-bottom-color: #9cc9ec; padding:8px 5px; line-height:15px;border-right:1px solid #cee6f8; text-align:center; font-size:11px;}
 
.cha_set_table_btn{ text-align: right; margin-top:7px; }
.check_span{ margin:2px 17px 0 5px; vertical-align:middle;}










/*------------------------------------------ footer--------------------------------------------------- */
.wrap .footer { border-top-width: 1px; border-top-style: solid; border-top-color: #e3e3e3; background-color: #FFF; clear:both; bottom:0px; height: 30px; width: 100%; position: fixed; }
.wrap .footer .copyright {
	font-family: verdana, tahoma;
	font-size: 10px;
	color: #a1a1a1;
	display: block;
	float: left;
	margin-top: 8px;
	margin-left: 13px;
}



/*------------------------------------------------ login -------------------------------- */

 .loginWrap { width:500px; margin:123px auto 0px; font-family:tahoma, verdana;}
 .loginWrap .loginsite_title { height:53px; }
 .loginWrap .loginsite_title .comicon{ display:inline; float:left; background-image:url(../img/computericon.gif); width:53px; height:50px; margin:0 0 0 3px; }
 .loginWrap .loginsite_title .loginsite_welcometo { display:inline; float:left; font-size:23px; color:#333; margin:13px 10px 0px 17px; line-height:20px;}
 .loginWrap .loginsite_title .loginsite_titletext { display:inline; float:left; font-size:27px; color:#2397f2; margin: 10px 0px 0px 0px; line-height:24px;}
 .loginWrap .loginWrap_main{ height:298px; background-image:url(../img/login_bg.gif); background-repeat:repeat-x; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 2px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #2397f2; border-right-color: #e5e5e5; border-bottom-color: #2397f2; border-left-color: #e5e5e5;}
 .loginWrap .loginWrap_main .loginsubtitle{ width:444px; height:23px; border-bottom:1px solid #eaeaea; margin: 26px 0 0 27px;}
 .loginWrap .loginWrap_main .loginsubtitle span{ font-size:12px; color:#afafaf; font-weight:bold;} 
 .loginWrap .loginWrap_main .loginform {  width:290px; height:97px; margin:40px auto 0px;}
 .loginWrap .loginWrap_main .loginform .idbox .loginform_text {  font-weight:bold; margin:6px 0px 0 0; display:inline; float:left; width:30px;}
 .loginWrap .loginWrap_main .loginform .pwbox .loginform_text {  font-weight:bold; margin:6px 0px 0 0; display:inline; float:left; width:30px;}
 .loginWrap .loginWrap_main .loginform .check_login_text { margin:0 0 0 6px; vertical-align:middle;}
 
 
 
 .loginWrap .loginWrap_main .loginform .idbox,
 .loginWrap .loginWrap_main .loginform .pwbox,
 .loginWrap .loginWrap_main .loginform .btnbox,
 .loginWrap .loginWrap_main .loginform .check_login { display:inline; float:left;}
 
 .loginWrap .loginWrap_main .loginform .btnbox { margin-top:-32px;}
 .loginWrap .loginWrap_main .loginform .check_login { margin: 17px 0 0 30px;  width:260px;}
 
 .loginWrap .loginWrap_main .loginform .idbox{ margin:0 0 6px 0;}
 .loginWrap .loginWrap_main .loginform .btnbox .loginBtn { background-image:url(../img/loginbtn_static.gif); width:72px; height:58px; margin-left:5px; display:inline; float:left; text-align:center; vertical-align:middle;}
 .loginWrap .loginWrap_main .loginform .btnbox input { color:#FFF; font-weight:bold; text-decoration:none; cursor:pointer;}
 .loginWrap .loginWrap_main .loginform .btnbox input:hover { background-image:url(../img/loginbtn_hover.gif);}
 .loginWrap .loginWrap_main .loginform .btnbox input:active { background-image:url(../img/loginbtn_active.gif);}


.loginWrap .loginWrap_main .warning { color:#F00; font-weight:bold; text-align:center; margin:35px auto 0;}
.login_input{ width:170px; height:20px; border:1px solid #d3d3d3; padding:4px 2px 0px 2px;}

/*------------------------------------------------ index -------------------------------- */
.indexWrap{ width:878px; margin:29px auto 0px; padding:0 0 40px 0; }
.groupW{ display:inline; float:left; width:209px; margin:0 14px 20px 0;}
.groupTitle_ingame{ background-image:url(../img/dolis_main_Ingametitle.gif); background-repeat:no-repeat; width:209px; height:42px;}
.groupTitle_statistic{ background-image:url(../img/dolis_main_statistictitle.gif); background-repeat:no-repeat; width:209px; height:42px;}
.groupTitle_set{ background-image:url(../img/dolis_main_settitle.gif); background-repeat:no-repeat; width:209px; height:42px; }
.groupTitle_user{ background-image:url(../img/dolis_main_usertitle.gif); background-repeat:no-repeat; width:209px; height:42px;}


.groupTitle{ float:left; color:#0187f1; font-size:13px; font-weight:bold; line-height:15px; margin:15px 0 0 17px; letter-spacing:-1px;}
.groupText{ display:inline; float:left; background-color:#FFF; width:207px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #d3d3d3; border-bottom-color: #d3d3d3; border-left-color: #d3d3d3; padding:0 0 10px 0; margin:0 0 40px 0; }
.groupText .depth2gr{ display:inline; float:left; margin:15px 3px 7px 20px;}
.depth2grTitle{ font-weight:bold;}
.depth3{ margin:7px 0 0 0;}
.depth3 li{ margin:0 0 4px 0;}
.depth3 li a{ font-size:11px; color:#868686; letter-spacing:-1px; text-decoration:none; width:180px; }
.depth3 li a:hover{ text-decoration:underline; color:#0087f1; }
.dotseparate{ display:inline; float:left;  background-image:url(../img/dot.gif); background-repeat:no-repeat; width:185px; height:1px; margin:0 0 0 11px;}
.viewfont{ color:#b1a653; font-size:11px; letter-spacing:-1px;}
.depth2grTitle a{ color:#000; text-decoration:none;}
.depth2grTitle a:hover{ color:#0187f1; text-decoration:underline;}


/*--------------------------------Layerpopup---------------------------*/
.Layerpopup{width:600px; margin:0px; padding:0px; border:1px solid #8e8e8e;}
.Layerpopup_contentspart{ padding:10px 15px;}





/*--------------------------------error---------------------------*/
.errorWrap { width:641px; border:1px solid #d6d6d6; margin:35px auto; background-color:#FFF;}
.error_title{ background-image:url(../img/error_title.gif); background-repeat:no-repeat; width:641px; height:94px;}
.error_contents{ padding:20px;}
.error_contents span{ line-height:18px;}
.error_footer{ height:65px; background-color:#fbfbfb;}
.error_footer span{ color:#F00; font-weight:bold; float:left; line-height:15px; margin:24px 0 0 13px;}


.errorWrap_popup{width:641px; border:1px solid #d6d6d6; background-color:#FFF;}












/*--------------------------------button---------------------------*/
.button {
      display: inline-block;
      outline: none;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      overflow: visible;
      font: 12px/100% "돋음", Dotum, AppleGothic, sans-serif;
      font-weight:bold;
      vertical-align: middle;
      padding: 5px 7px;
      -webkit-border-radius: 2px; 
      -moz-border-radius: 2px;
      border-radius: 2px;
}

input.button {
    *padding: 5px 7px 4px;
}

.big2 { font-size:16px; padding: .8em 1.5em .75em;}
.big { font-size:14px; padding: .5em 1em .55em;}
.small { font-size:11px; padding: .4em .6em .4em; font-weight:normal;}

.orange{
	color: #FFFFFF;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.blue{
	color: #FFFFFF;
	border: solid 1px #1a7fc9;
	background: #00a1de;
	background: -webkit-gradient(linear, left top, left bottom, from(#4fb0f9), to(#278ad4));
	background: -moz-linear-gradient(top,  #4fb0f9,  #278ad4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fb0f9', endColorstr='#278ad4');
}
.blue:hover {
	background: #2083ce;
	background: -webkit-gradient(linear, left top, left bottom, from(#2083ce), to(#106fb5));
	background: -moz-linear-gradient(top,  #2083ce,  #106fb5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2083ce', endColorstr='#106fb5');
}
.blue:active {
	color: #80BED6;
	background: -webkit-gradient(linear, left top, left bottom, from(#278ad4), to(#4fb0f9));
	background: -moz-linear-gradient(top,  #278ad4,  #4fb0f9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#278ad4', endColorstr='#4fb0f9');
}
.white{
	color: #333333;
	border: solid 1px #B7B7B7;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EDEDED));
	background: -moz-linear-gradient(top,  #FFFFFF,  #EDEDED);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED');
}
.white:hover {
	background: #DCDCDC;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DCDCDC));
	background: -moz-linear-gradient(top,  #FFFFFF,  #DCDCDC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DCDCDC');
}
.white:active {
	color: #999999;
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #EDEDED,  #FFFFFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#FFFFFF');
}



.gray{
	color: #E9E9E9;
	border: solid 1px #858585;
	background: #a8a8a8;
	background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), to(#7e7e7e));
	background: -moz-linear-gradient(top,  #a8a8a8,  #7e7e7e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a8a8', endColorstr='#7e7e7e');
}
.gray:hover {
	background: #919191;
	background: -webkit-gradient(linear, left top, left bottom, from(#919191), to(#6f6f6f));
	background: -moz-linear-gradient(top,  #919191,  #6f6f6f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#919191', endColorstr='#6f6f6f');
}
.gray:active {
	color: #AFAFAF;
	background: -webkit-gradient(linear, left top, left bottom, from(#7e7e7e), to(#a8a8a8));
	background: -moz-linear-gradient(top,  #7e7e7e,  #a8a8a8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#a8a8a8');
}


.sptbtn_blue{ background-image: url(../img/blue2_left.gif); background-attachment: scroll; background-repeat: no-repeat; padding-left: 2px; display: inline-block; height:52px; text-decoration: none; background-position: left center; }
.sptbtn_blue .sptbtn_span{ display:inline-block; font-size:16px; font-weight:bold; font-family:"돋음", Dotum, AppleGothic, sans-serif; background-attachment: scroll; background-image: url(../img/blue2_middle.gif); background-repeat: no-repeat; height: 52px; background-position: right center; line-height:43px; margin:0px; padding:0 20px 0 18px; color:#FFF;}

.sptbtn_blue:hover{ background-image: url(../img/blue2_left_over.gif);}
.sptbtn_blue .sptbtn_span:hover{ background-image: url(../img/blue2_middle_over.gif);}



.excelicon { background-image: url(../img/excelicon.gif); background-repeat: no-repeat; height: 12px; width: 14px; margin-right: 5px; display: inline; float: left; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; }
.plusicon { background-image: url(../img/plusicon.gif); display: inline; padding: 0px; float: left; height: 12px; width: 12px; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; }
.meicon{ background-image:url(../img/meicon.gif); background-repeat:no-repeat; width:12px; height:12px; margin-right:5px; display:inline; float:left; padding:0px;}

.btnmargin{ margin-bottom:4px;}


/*new*/
.tabletitlew{ width:100%; position:relative; height:23px; margin-top:10px; float:left; margin-bottom:7px;  }
.tabletitlew .tabletitle{ float:left; height:23px; float:left; float:left;}
.tabletitlew .tabletitle .text{color:#ff3e00; font-size:14px; font-weight:bold; letter-spacing:-0.5px; margin-top:2px;}
.tabletitlew .btnw{ right:0; bottom:0; position:absolute;}


/*popup*/
.popupw{ padding:15px;}
.popup_btnpart{ float:left; width:100%; text-align:right; margin:10px 0;}
.popup_noticew{ width:100%; float:left; text-align:left; margin:15px 0 0 0; color:#F00; line-height:16px; letter-spacing:-0.5px;}

.ox_o{ color:#0000FF; font-weight:bold; font-size:12px; line-height:15px; float:right; margin-right:10px; .margin-top:2px;}
.ox_x{ color:#F00; font-weight:bold; font-size:12px; line-height:15px; float:right; margin-right:10px; .margin-top:2px;}

.navitext{ font-size:14px; font-weight:bold; letter-spacing:-0.5px; color:#999; margin-bottom:15px;}
.navitext_on{ color:#FF3300;}


.popupw .toppart{ background-color:#626868; color:#fff; font-weight:bold; font-size:14px; line-height:16px; padding:13px 0 15px 0; width:100%; height:15px; position:relative;}
.popupw .toppart .popup_chname{ margin-left:18px;}
.popupw .toppart .popup_logname{ color:#FF0;}
.popupw .toppart .popup_date{ color:#d1d2d2; margin-right:18px; font-weight:normal; font-size:12px; margin-top:0; position:absolute; right:0; top:12px;}
.middlepart{ width:100%; height:600px; overflow-y:scroll;}
.group{ margin-top:15px; padding:12px; float:left; margin-bottom:20px;}
.group .grouptitle{ color:#ff5200; font-weight:bold; font-size:13px; margin-bottom:5px; display:block; float:left;}