@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
*/
html {overflow-y:scroll}

/*
body {margin:0; padding:0; font-size:12px; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; font-weight:300}
table, input, textarea, select, button {font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif}
*/
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}

body {margin:0; padding:0; font-size:12px; font-family:"Nanum Gothic", "나눔고딕", 'Malgun Gothic', '돋움', 'Dotum', sans-serif}
table, input, textarea, select, button {font-family:"Nanum Gothic", "나눔고딕", 'Malgun Gothic', '돋움', 'Dotum', sans-serif}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0; list-style:none}
li,dt,dd,ol{margin:0;padding:0}
ol{list-style-position:inside}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0}
button,input[type="submit"] {cursor:pointer}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#333;text-decoration:none}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

/*
.tac {text-align:center !important}
.tal {text-align:left !important}
.tar {text-align:right !important}
.fl {float:left}
.fr {float:right}

.mt20 {margin-top:20px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr20 {margin-right:20px !important}
.mb20 {margin-bottom:20px !important}
.mb10 {margin-bottom:10px !important}
.mb50 {margin-bottom:50px !important}
.ml20 {margin-left:20px !important}
.ml50 {margin-left:50px !important}

.bold {font-weight:bold}
.ime_mode {ime-mode:disabled}

.point1 {color:#F9131B}
*/

#wrap {position:relative; width:100%; line-height:1.5}
#wrap_pop {position:relative; width:100%}
#wrap_pop > #content {min-height:inherit !important}

.signin {width:400px; margin:130px auto; background-color:#fff; border:1px solid #999; border-radius:6px; box-shadow:0 3px 7px #ccc; box-sizing:border-box}
.signin h1 {margin:0; font-size:16px; font-weight:700; padding:9px 15px; border-bottom:1px solid #eee}
.signin form {padding:15px}
.signin form input[type='text'],
.signin form input[type='password'] {width:100%; margin-bottom:10px}
.signin .info {padding:14px 15px 15px; text-align:right; background-color:#f5f5f5; border-top:1px solid #ddd; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; -webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}
.signin .submit {float:right}

header {height:50px; background:#333; position:relative; z-index:2; border-bottom:1px solid #000; width:100%; position:relative}
header h1 {position:absolute; top:0; left:0; width:190px; height:50px; background:url('../images/logo.gif') no-repeat; font-size:0; overflow:hidden}

header #gnb {position:relative; z-index:12; width: calc(100% - 190px); margin-left:190px}
header #gnb #gnb_1dul {position:relative; padding:0; font-size:0; border-right:1px solid #41474f; min-width:900px}
header #gnb #gnb_1dul .gnb_1dli {z-index:13; position:relative; display:inline-block; border-right:1px solid #232323; border-left:1px solid #41474f}
header #gnb #gnb_1dul .gnb_1dli .gnb_1da {display:block; width:150px; height:50px; font-size:16px; color:#fff; line-height:50px; text-align:center; font-weight:700}
header #gnb #gnb_1dul .gnb_1dli:nth-child(1) {border-left:none}
header #gnb #gnb_1dul .gnb_1dli.gnb_1dli_on,
header #gnb #gnb_1dul .gnb_1dli.gnb_1dli_selected a {background:#000}
header #gnb #gnb_1dul .gnb_1dli.gnb_1dli_on a span,
header #gnb #gnb_1dul .gnb_1dli.gnb_1dli_selected a span {display:inline-block}
header #gnb #gnb_1dul .gnb_1dli a span {display:none; font-size:20px; margin-right:5px; vertical-align:middle; margin-top:-3px}
header #gnb #gnb_1dul .gnb_1dli .gnb_2dul {display:none; position:absolute; top:50px; min-width:180px; border:1px solid #999; border-top:0; background:#fff; box-shadow:0 0 3px #999}
header #gnb #gnb_1dul .gnb_1dli .gnb_2dul.large {width:330px}
header #gnb #gnb_1dul .gnb_1dli.gnb_1dli_over .gnb_2dul {display:block;left:-1px}
header #gnb #gnb_1dul .gnb_1dli.gnb_1dli_over .gnb_2dul .gnb_2dli .gnb_2da {display:block; padding:8px 10px; background:#fff; color:#000; text-decoration:none; border-top:1px solid #eee; font-size:12px}
header #gnb #gnb_1dul .gnb_1dli.gnb_1dli_over .gnb_2dul .gnb_2dli .gnb_2da:focus, .gnb_2da:hover {background:#484848 !important;color:#fff !important;text-decoration:none}

header #mini_menu {position:absolute; top:12px; right:10px; font-size:0; margin-left:-10px; z-index:15}
header #mini_menu li {display:inline-block; margin-left:10px; vertical-align:middle}
header #mini_menu li a {display:block; width:30px; height:24px; border:1px solid #666; text-align:center; border-radius:5px; line-height:20px}
header #mini_menu li a i {font-size:14px; color:#fff; vertical-align:middle}
header #mini_menu li a:hover {border-color:#3399ff}
header #mini_menu li a:hover span {color:#3399ff}

nav {position:absolute; left:0; top:0; z-index:1; background:#fbfbfb; width:190px; border-right:1px solid #cfcfcf; height:100%; box-shadow:2px 0 2px rgba(150,150,150,0.1)}
nav > div {padding:60px 10px 0 10px}
nav.wide {width:0px}
nav h2 {font-weight:700; padding-bottom:10px; border-bottom:1px solid #dadada; font-size:16px; margin-bottom:15px}

nav ul li {margin-bottom:10px}
nav ul li label {font-weight:700}
nav ul li a {font-size:12px; display:block; padding-left:10px; position:relative}
nav ul li a:after {content:""; clear:both; display:block; position:absolute; width:4px; height:4px; background:#9d9d9d; top:7px; left:0}
nav ul li.active a {color:#2e90d1; font-weight:700}
nav ul li.active a:after {background:#2e90d1}
nav .btn_navi {position:absolute; top:60px; right:-24px; border:1px solid #999; width:24px; height:30px; background:#fff; text-align:center; margin:0; padding:0}
nav .btn_navi span {font-size:18px}

#content {margin-left:190px; padding:30px; padding-top:0; background:#fff}
#content.wide {margin-left:0 !important}
#content.wide_main {margin-left:0; padding-left:15px; padding-right:15px}

footer {clear:both; position:relative; color:#333; text-align:center; line-height:30px; border-top:1px solid #d0d6d8}

#content .page_navi {height:45px; border-bottom:1px solid #ececec; margin-bottom:15px; margin-top:25px; position:relative}
#content .page_navi h4 {font-size:24px; font-weight:700}
#content .page_navi div {position:absolute; top:0; right:0}

#content h5.stitle {font-size:16px; font-weight:700; margin-bottom:10px; position:relative; padding-top:5px}
#content h5.stitle span {position:absolute; top:0; right:0; font-weight:normal}

#content .stitle_wrap {position:relative; clear:both}
#content .stitle_wrap button,
#content .stitle_wrap a {position:absolute; top:0; right:0; margin-right:0}


.nav_tabs {margin-bottom:30px; border-bottom:1px solid #888; padding-top:10px; font-size:0}
.nav_tabs > li {position:relative; display:inline-block; margin-bottom:-1px}
.nav_tabs > li > a {position:relative; display:block; padding:10px 25px; font-weight:700; font-size:13px; color:#999; margin-right:-1px; border:1px solid #E4E4E4; border-bottom:1px solid #888; background:#f6f6f6}
.nav_tabs > li > a:hover,
.nav_tabs > li > a:focus {text-decoration:none; background-color:#fff; color:#222}
.nav_tabs > li.active > a {color:#333; background:#fff; border:1px solid #888; border-bottom-color:transparent; z-index:1}

.board_config_top {text-align:right}
.schedule_top {text-align:right; margin-bottom:10px}

.table_header {overflow:hidden}
.table_header .pull_left {float:left; padding:25px 0px 4px; width:300px; color:#666666}
.table_header .pull_left strong {color:#fa2828}
.table_header .pull_left_btn {float:left; margin:12px 5px; width:300px; text-indent:15px; font-size:11px; color:#666666}
.table_header .pull_right {overflow:hidden; margin:10px 5px 10px 5px; float:right !important}
.table_header .pull_right ul {float:right; margin-right:-1px; list-style:none}
.table_header .pull_right ul li {float:left; padding: 0px 10px 0px 10px}
.table_header .pull_right ul li label {margin:0px 3px 0px 0px; color: #666666}
.table_header .pull_right.in_select li {padding:0}
.table_header .pull_right.in_select li + li {padding-left:8px}

.table_action {width:100%; overflow:hidden; padding:8px 0; background:#f6f6f6; border-bottom: 1px solid #E6E6E6}
.table_action.top {border-top: 1px solid #E6E6E6}
.table_action select {background-color: #fff}
.table_action-header {margin-top:0px; margin-bottom:0px; border-top:0; border-bottom:0}
.table_action .pull_left {color:#333; padding-left:10px; float:left}
.table_action .pull_right {padding-right:10px; float:right}
.table_action .pull_right select {background-color: #FFFFFF}
.table_action select {color:#333; border:1px solid #888; background-color: #fff !important}
.table_action .title {display:inline-block; background: url('../images/check.png') no-repeat left 0; padding-left: 17px; margin-right: 7px}

.tableStyle01 {margin-bottom:40px; border-top:1px solid #888}
.tableStyle01 .dragged {position:absolute; top:0; opacity:0.5; z-index:2000}
.tableStyle01 table {width:100%; border-collapse:collapse; border-spacing:0}
.tableStyle01 table th {background:#f6f6f6; padding:8px 15px; border-bottom:1px solid #e6e6e6; text-align:left; height:53px; font-weight:700}
.tableStyle01 table td {padding:10px 15px; border-bottom:1px solid #dbdbdb}

.tableStyle02 {margin-bottom:40px; border-top:1px solid #888}
.tableStyle02 table {width:100%; border-collapse:collapse; border-spacing:0}
.tableStyle02 table th {background:#f6f6f6; padding:13px 0; border-bottom:1px solid #e6e6e6; text-align:center; font-weight:700}
.tableStyle02 table th a {text-decoration:underline}
.tableStyle02 table td {padding:10px 5px; border-bottom:1px solid #dbdbdb; text-align:center}
.tableStyle02 table td.left {text-align:left}

.list_form1 {margin-left:-10px}
.list_form1 li {display:inline-block; margin-left:10px}
.list_form1 li label {cursor:pointer}

.list_form2 li {margin-bottom:10px}
.list_form2 li:last-child {margin-bottom:0}
.list_form2 li label {cursor:pointer}

.list_form3 li {line-height:30px}
.list_form3 li label {cursor:pointer}

p.tip {padding-left:13px; color:#666; background: url('../images/icon_notice_gray.png') 0 5px no-repeat; margin-top:10px}

.denied_info p {margin-bottom:10px}

.denied_info ul {border:1px solid #ddd!important;line-height:1.5em;height:125px;overflow:auto}
.denied_info ul li {position:relative; border:0; padding:0 10px; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; clear:both}
.denied_info ul li:nth-child(even) {background:#eee}
.denied_info ul li > button {position:absolute;right:8px;top:5px; cursor:pointer; width:22px; height:22px; border:none; padding:0; margin:0}
.denied_info textarea,
.denied_info button {display:inline-block; vertical-align:middle; margin-right:5px}

.point_set {margin-bottom:10px}
.point_set:after {content:""; clear:both; display:block}
.point_set p {float:left}
.point_set span {float:right}

.btn_area {text-align:center; font-size:0}
.btn_area {margin-left:-10px}
.btn_area input,
.btn_area button,
.btn_area a {margin-left:10px}

ul.staff_menu {margin-left:-10px; font-size:0}
ul.staff_menu li {margin-left:10px; width: calc(20% - 10px); display:inline-block; font-size:12px}
ul.staff_menu li:nth-child(n+6) {margin-top:10px}

.main_div {width:50%; float:left}

.layer_popup {width:540px; height:330px; background:#FFF; display:none; position:relative}
.layer_popup h4 {height:48px; font-size:16px; font-weight:700; color:#fff; background:#c8212f; line-height:48px; padding-left:24px}
.layer_popup .btnClose {position:absolute; top:10px; right:24px; background:url('../images/btn_close.gif') no-repeat; width:23px; height:23px; border:none; font-size:0; text-indent:-1000em; cursor:pointer}
.layer_popup .wrap {padding:20px}

.sortable {border-top:1px solid #888}
.sortable .dragged {position:absolute; top:0; opacity:0.5; z-index:2000}
.sortable .m_table {width:100%; border-collapse:collapse}
.sortable .m_table th {padding:8px 0; line-height:20px; cursor:text; background:#f6f6f6; border-bottom:1px solid #e6e6e6; text-align:center}
.sortable .m_table td {padding:10px 5px; line-height:20px; text-align:center; border-bottom:1px solid #e6e6e6}
.sortable .m_table tbody + tbody {border-top:2px solid #ddd}
.sortable .m_table tbody tr:hover td {background-color:#f6f6f6}
.sortable .sorted_table tr {cursor: pointer}
.sortable .sorted_table tr.placeholder {display:block; background:#F00; position:relative; margin:0; padding:0; border:none}
.sortable .sorted_table tr.placeholder:before {content:""; position:absolute; width:0; height:0; border:5px solid transparent; border-left-color:#F00; margin-top:-5px; left:-5px; border-right:none}
.sortable .sorted_head th {cursor:pointer}
.sortable .sorted_head th.placeholder {display:block; background:#F00; position:relative; width:0; height:0; margin:0; padding:0}
.sortable .sorted_head th.placeholder:before {content:""; position:absolute; width:0; height:0; border:5px solid transparent; border-top-color:#F00; top:-6px; margin-left:-5px; border-bottom:none}

.guide_txt {display:inline-block; margin-left:10px}
.guide_txt .msg {color:#666; line-height:20px; font-style:normal}
.guide_txt .msg.error{color: #d2232a; line-height: 20px}

em.ico_req {color:#F00 ; font-style:normal; margin-left:5px}

.group_list,
.level_list {margin-top:10px}

.fu_container {border:1px solid #d7d8d8; border-radius:3px; background-color:#f7f7f7; zoom:1}
.fu_container .fu_dropzone {padding:12px; border:1px solid #fafafa; background-color:#f7f7f7; border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box}
.fu_container .fu_dropzone.in {background-color:#E9F3EF}
.fu_container .fu_dropzone.hover {border:1px dotted #9ad18f; border-radius:5px}
.fu_container .fu_dropzone.fade {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; opacity:1}
.fu_container .fu_btn {display:inline-block; *display:inline; margin:0; padding:0 12px !important; height:24px !important; overflow:visible; border:1px solid #bbbbbb; border-radius:2px; text-decoration:none !important; text-align:center; vertical-align:top; line-height:24px !important; font-family:inherit; font-size:12px; color:#333333; *zoom:1; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-color:#f5f5f5; *background-color:#e6e6e6; background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6); background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image:-webkit-gradient(top, #ffffff, #e6e6e6); background-image:-o-linear-gradient(top, #ffffff, #e6e6e6); background-image:linear-gradient(top, #ffffff, #e6e6e6); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter:progid: DXImageTransform.Microsoft.gradient(enabled=false)}
.fu_container input.fu_btn,
.fu_container button.fu_btn {height:26px !important}
.fu_container .fu_btn:hover,
.fu_container .fu_btn:active,
.fu_container .fu_btn[disabled] {color:#333; background-color:#e6e6e6; *background-color:#d9d9d9}
.fu_container .fu_btn>span {display: inline-block; *zoom: 1; margin: 0 -12px !important; padding: 0 12px !important; overflow: visible; width: auto; height: 24px; border: 0; vertical-align: top; text-decoration: none !important; line-height: 24px; font-family: inherit; font-size: 12px; color: #333; cursor: pointer; background: none}
.fu_container .fu_act_selectfile {overflow:hidden !important; display:inline-block; vertical-align:middle}
.fu_container .fileinput_button {position: relative; overflow: hidden}
.fu_container .fileinput_button input {position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer}
.fu_container p.fu_dropzone_message {display: inline-block; margin: 0; margin-left: 5px; line-height: 24px; vertical-align: middle}
.fu_container p.upload_info {display:none; line-height:24px; vertical-align:middle}
.fu_container .fu_dropzone .xefu_progress_status {margin:12px 0}
.fu_container .fu_dropzone:hover p.fu_dropzone_message,
.fu_container .in .fu_dropzone p.fu_dropzone_message,
.fu_container .hover .fu_dropzone p.fu_dropzone_message,
.fu_container .fade .fu_dropzone p.fu_dropzone_message {display:none}
.fu_container .fu_dropzone:hover .upload_info,
.fu_container .in .fu_dropzone .upload_info,
.fu_container .hover .fu_dropzone .upload_info,
.fu_container .fade .fu_dropzone .upload_info {display:inline-block; margin:0; margin-left:5px}

/* Fixes for IE < 8 */
@media screen\9 {
.fu_container .fileinput_button input {filter:alpha(opacity=0); font-size:100%; height:100%}
}

.fu_container .progress {height:5px;/*margin-bottom:20px;*/overflow:hidden;background-color:#f5f5f5; display:none}
.fu_container .progress_bar {float:left; width:0; height:100%; background:#428bca; width:30%}
.fu_container .fu_controll {display:none; padding:10px}

.clearfix:before,
.clearfix:after {content: " "; display:table}
.clearfix:after {clear: both}
.clearfix {zoom:1}

.fu_container .fu_list {display:none; padding:0 10px; background:#f7f7f7}
.fu_container .fu_list_images {max-height:160px; overflow-y:scroll; -webkit-overflow-scrolling:touch; margin:0 -5px; padding:5px 0; border-bottom:1px solid #E6E6E6}
.fu_container .fu_list_images ul,
.fu_container .fu_list_images li {list-style:none; margin:0; padding:0}
.fu_container .fu_list_images li {position:relative; display:inline-block; margin:3px; width:60px; height:60px; border:3px solid #DDD}
.fu_container .fu_list_images input {position:absolute; top:0; left:0}
.fu_container .fu_act_set_cover:hover {color:red}
.fu_container .fu_list_images .fu_act_set_cover {display:none; cursor:pointer; position:absolute; top:0; left:auto; right:0; margin:0; padding:1px 0 1px 2px; border:0 none; border-radius:0 0 0 5px; font-size:15px; line-height:15px; background-color:#6cbd7e;}
.fu_container .fu_list_images li:hover .fu_act_set_cover {display:inline; color:#666; background-color:#ddd}
.fu_container .fu_list_images .fu_is_cover_image:hover .fu_act_set_cover,
.fu_container .fu_is_cover_image .fu_act_set_cover {display:inline; color:#fff; background-color:#6cbd7e}
.fu_container .fu_is_cover_image {border-color:#6cbd7e !important}
.fu_container .fu_list_images .fu_file_name,
.fu_container .fu_list_images .fu_file_size {display:none}
.fu_container .fu_list_images li img {width:100%; height: 100%}
.fu_container .fu_list .fu_list_files {margin:5px 0}
.fu_container .fu_list_files ul,
.fu_container .fu_list_files li {list-style:none; margin:0; padding:0; float:none}
.fu_container .fu_list_files li {padding: 5px 10px}
.fu_container .fu_list_files li input {vertical-align:middle}
.fu_container .fu_list_files li.selected {background-color:#E9F3EF}
.fu_container .fu_list_files .fu_file_info {float:right}
.fu_container .fu_list_files .fu_file_info span {padding:0 5px}

p.help_inline {margin-bottom:0; vertical-align:middle; clear:both; padding-top:10px}







.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px !important}
.ml50 {margin-left:50px !important}
.ml60 {margin-left:60px !important}
.ml70 {margin-left:70px !important}
.ml80 {margin-left:80px !important}
.ml90 {margin-left:90px !important}
.ml100 {margin-left:100px !important}

.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px !important}
.mb70 {margin-bottom:70px !important}
.mb80 {margin-bottom:80px !important}
.mb90 {margin-bottom:90px !important}
.mb100 {margin-bottom:100px !important}

.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mt100 {margin-top:100px !important}

.wd100p {width:100% !important}
.wd98p {width:98% !important}
.wd90p {width:90% !important}
.wd80p {width:80% !important}
.wd70p {width:70% !important}
.wd60p {width:60% !important}
.wd50p {width:50% !important}
.wd49p {width:49% !important}
.wd40p {width:40% !important}
.wd30p {width:30% !important}
.wd20p {width:20% !important}
.wd15p {width:15% !important}
.wd10p {width:10% !important}
.wd8p {width:8% !important}
.wd7p {width:7% !important}
.wd5p {width:5% !important}
.wd3p {width:3% !important}
.wd2p {width:2% !important}
.width_4xs {width:30px !important}
.width_3xs {width:60px !important}
.width_2xs {width:70px !important}
.width_xs {width:100px !important}
.width_sm {width:130px !important}
.width_md {width:150px !important}
.width_lg {width:200px !important}
.width_xl {width:300px !important}
.width_2xl {width:400px !important}
.width_3xl {width:600px !important}

.wd30 {width:30px}
.wd40 {width:40px}
.wd50 {width:50px}
.wd60 {width:60px}
.wd70 {width:70px}
.wd80 {width:80px}
.wd100 {width:100px}
.wd120 {width:120px}
.wd140 {width:140px}
.wd150 {width:150px}
.wd180 {width:180px}
.wd200 {width:200px}
.wd250 {width:250px}
.wd300 {width:300px}
.wd400 {width:400px}
.wd500 {width:500px}
.wd600 {width:600px}

.td_chk,
.td_num {width:30px; text-align:center}
.td_btn {width:50px; text-align:center; background:#F00}

.file_tree_list {height:300px; overflow:scroll; margin-top:10px; border:1px solid #CCC; padding:10px; display:none}

.popModal {display:none}
.popModal p.title {font-size:20px; font-weight:700; padding-bottom:20px; margin-bottom:15px; border-bottom:2px solid #888888; width:95% !important}

#mailsendBox { position:absolute; z-index:89999; width:200px; height:70px; background:#fff; border:2px solid #CCC; -moz-box-shadow:3px 3px 3px #999; -webkit-box-shadow:3px 3px 3px #999; box-shadow:3px 3px 3px #999; padding:10px 20px}
#mailsendBox p.tit {text-align:center; margin-bottom:5px}
#mailsendBox p.tit i {vertical-align:middle}
#mailsendBox p.tit span {font-weight:700; color:#0080ff; margin-left:5px}
#mailsendBox .wrap_grp {clear:both; font-size:11px; padding-top:10px; position:relative; width:200px}
#mailsendBox .wrap_grp .bg {width:160px; background:#EEE; height:10px}
#mailsendBox .wrap_grp .bg img {width:0; height:10px; vertical-align:top}
#mailsendBox .wrap_grp .percent {position:absolute; top:8px; left:170px}

.schedule div.date {text-align:center; padding:20px 0; font-size:20px; font-weight:700}
.schedule table {width:100%; border-collapse:collapse; border-spacing:0}
.schedule table {width:100%; border-collapse:collapse; border-spacing:0}
.schedule table thead th {background:#f8f8f8; border:1px solid #ddd; height:30px; font-weight:normal}
.schedule table thead th:first-child {color:#F00}
.schedule table thead th:last-child {color:#00F}
.schedule table tbody td {height:117px; border:1px solid #ddd; padding:5px; position:relative; vertical-align:top}
.schedule table tbody td div.day {height:14px; line-height:14px}
.schedule table tbody td div.day span.hollyday,
.schedule table tbody td div.day.sun {color:#F00}
.schedule table tbody td div.day.sat {color:#00F}
.schedule table tbody td div.day span.hollyday,
.schedule table tbody td div.day span.lunar {float:right !important}
.schedule table tbody td div.text {line-height:18px; margin-top:5px}

.tagList {margin:0; padding:25px; border:1px solid #cdcdcd; line-height:1.8; text-align: justify}
.tagList a {color: #fff; text-decoration:none; white-space:nowrap; margin:0 2px}
.tagList a.rank1 {font-size:12px; color:#666; text-decoration:underline}
.tagList a.rank2 {font-size:12px; background: #999}
.tagList a.rank3 {font-size:14px; background:#666}
.tagList a.rank4 {font-size:18px; background: #333}
.tagList a.rank5 {font-size:24px; background:#000}
.tagFooter {text-align:center; padding:20px 0}