@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import "./jquery_ui/jquery.ui.base.css";
@import "./jquery_ui/jquery.ui.theme.css";
@import "./jquery_ui/jquery.ui.datepicker.css";

/* Default Style Definition */
* {margin:0; padding:0;}
html {overflow-y:scroll;overflow-x:auto;}
html, body {font:normal 12px/1.4 'Malgun Gothic','Nanum Gothic',nanumgothic,gulim;color:#333;-webkit-text-size-adjust:none;min-width:1000px;}
hr {display:none;clear:both;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
table {border:none;border-collapse:collapse;}
img, fieldset, form {border:none;vertical-align:middle;}
form, p {margin:0px;}
address, em {font-style:normal;}
li {list-style:none;}
button {margin:0;padding:0;border:0 none;background:transparent;}
button::-moz-focus-inner {padding:0;border:0;}
caption, .blind {visibility:hidden;position:absolute;top:0;left:0;font-size:1%;line-height:1%;}

/* Common Style Definition */
.clear {clear:both;}
.fl {float:left !important;}
.fr {float:right !important;padding:0 !important;}
.txtcen {text-align:center !important;}
.txtrt {text-align:right !important;}
.txtlt {text-align:left !important;}
.txtbold {font-weight:bold !important;}
.txtred {color:red !important;}
.txtblue {color:#3cb8e1;}
.vertop {vertical-align:top !important;}
.display_block {display:block;}
.display_inline {display:inline;}
.display_inblock {display:inline-block;}
.blank_line {height:20px;}
.blank_line1 {height:40px;}
.blank_line2 {height:0px;}
.bsize {position:fixed;z-index:1000;bottom:14px;left:58px;letter-spacing:0px;padding:8px 7px 5px 7px;font-size:11px;color:#777;text-align:center;background:#fff;border:1px solid #ccc;border-radius:6px;}
.cboth {clear:both;}
.blank_div {height:30px;}

/* Link */
a, input, select, textarea {outline: none; select-dummy: expression(this.hideFocus=true);}
a:link, a:active {color:#0b89a3;text-decoration:none;}
a:hover {color:#0ca5c5;text-decoration:underline;}

/* Common Object */
#scrollTop {position:fixed;bottom:-5px;right:-5px;cursor:pointer;z-index:1000;}

/* Frame & layout */
body {background:#fff url(../images/common/bg_menu2.jpg) repeat-y 0 0;}
#head_wrap {background:#73597e;}
#head_box, #body_box, #footer_box {margin:0 auto;}
#head_box {height:49px;background:#73597e;margin-left:0px;}
#head_box h1 {float:left;position:absolute;left:0;background:#73597e;font-weight:bold !important;}
#head_box h1 .logo {float:left;height:35px;width:500px;padding:10px 0 0 0;margin:0 0 0 15px;color:#fff;font-size:20px;font-weight:normal;}
#head_box h1 a {display:inline-block;}
#head_box .con_log {float:right;margin:12px 10px 0 0;}
#head_box .con_log span {display:inline-block;color:#fff;padding:4px 5px 0 5px;}
#head_box .con_log span.mid {color:yellow;}
#head_box .con_log a {display:inline-block;margin-top:-3px;}
#head_box .con_log .mday {display:inline-block;margin:2px 0 -12px 0;font-size:11px;}
#head_box .con_log .mname {background:#ff4546;border-radius:10px;padding:3px 9px 3px 10px;font-size:11px;}

#body_wrap {padding-bottom:0px;}
#body_box {margin-left:185px;padding:20px 30px 100px 30px;word-break:break-all;}
#body_box h2 {font-size:17px;margin-bottom:20px;background: url(../images/common/bul_title.png) no-repeat 0 7px;padding:0 0 0 12px;}
#body_box h2 span {color:#777;}
#body_box h2 p.desc {font-weight:normal;color:#999;padding:6px 0 0 0;display:inline-block;float:right;}
#body_box h2 em.menu_2d {display:inline-block;background:url(../images/common/arrow_g.gif) no-repeat 7px 4px;width:8px;height:15px;padding:0 0 0 10px;}
#body_box h3 {padding:0 0 8px 0;color:#f97374;font-size:13px;}
#body_box h3 span.desc {font-weight:normal;font-size:11px;color:#aaa;}
#body_box .h2_desc {clear:both;color:#999;line-height:16px;margin:-10px 0 10px 0;text-align:left;}

/* Sub_Menu */
#menu_wrap {float:left;padding-top:0px;position:relative;}
#menu_box {float:left;width:180px;overflow:auto;margin-top:49px;}
#leftNavigation {margin-top:0px;}
#leftNavigation li {background:#e3e3e3;border-bottom:1px solid #d4d4d4;}
#leftNavigation li:hover {background:#d6d6d6;}
#leftNavigation li a {font-size:13px;display: block;padding: 12px 0 10px 15px;color:#111;position: relative;background:url(../images/common/icon_arrow_down1.png) no-repeat right 16px;}
#leftNavigation li a, #leftNavigation li a:active, #leftNavigation li a:hover {color: #111;text-decoration:none !important;}
#leftNavigation li ul {display: none;margin: 0;background-color: #fff !important;}
#leftNavigation li ul li {border-top:1px dotted #eee;border-bottom:none;}
#leftNavigation li ul li:nth-child(1) {border:none;}
#leftNavigation li ul li a {color: #111;padding: 9px 0 8px 26px;font-weight:normal;letter-spacing:0px;background:#f5f5f5 url(../images/common/depth.png) no-repeat 16px 10px;}
#leftNavigation li ul li a:hover {color: #111;font-weight:normal;background:#fefefe url(../images/common/depth.png) no-repeat 16px 10px;;text-decoration:none;}
#leftNavigation li ul li:last-child a {border-bottom: none}
#leftNavigation li ul li.active a {color: #b06ace;letter-spacing:0px;font-weight:bold;background:#fff url(../images/common/depth.png) no-repeat 15px 10px;}
#leftNavigation li.active>a {color: #fff;letter-spacing:0px;font-weight:bold;background:#886a95 url(../images/common/icon_arrow_up1.png) no-repeat right 16px;}
#leftNavigation li.active ul {display: block}
#leftNavigation>li.active, #leftNavigation>li.active:hover {background-color: #d89996 !important;text-decoration:none;}
.menu_fix {position:fixed !important;top:0;left:0;}
.menu_fix #menu_box {margin-top: 0px;}
.menu_view {position:fixed;color:#fff;cursor:pointer;bottom:0px;left:0px;}
.menu_view .show {display:none;}
.menu_id {position:fixed:top:-1000px;}
.move_fix {position:fixed !important;top:50%;left:50%;margin:-30px 0 0 -30px !important;}

/* Graph */
.canvasjs-chart-credit {background:#fff;color:#fff !important;width:100px;pointer-events: none;cursor: default;margin:0 0 0 0;position:absolute;margin:13px 0 0 0 !important;left:0px;}
.graph_wrap {background:#fff;}
.graph_box {height:500px;margin-bottom:15px;}
.graph_box .graph_title {font-weight:bold;font-size:14px;}
.graph_box canvas {margin-top:10px;}

/* table Control*/

.tb_frame {clear:both;display:block;}
.tb_size_free {width:100%;}
.tb_size_fix_1000 {min-width:1000px;}
.tb_size_fix_1200 {min-width:1200px;}
.tb_size_fix_1500 {min-width:1500px;}
.tb_size_fix_1700 {min-width:1700px;}
.tb_size_fix_2000 {min-width:2000px;}
.tb_size_fix_2500 {min-width:2500px;}
.tb_size_fix_3000 {min-width:3000px;}
.tb_type_01 {border-bottom:1px solid #ddd;border-top:1px solid #ddd !important;text-align:center;margin-bottom:20px;}
.tb_type_01 th {border:1px solid #ddd;border-bottom:none;padding:7px 5px 6px 5px !important;background:#f0f0f0;text-align:center !important;font-weight:normal;vertical-align:middle !important;}
.tb_type_01 td {border:1px solid #ddd;padding:7px 5px 6px 5px !important;vertical-align:middle !important;text-align:center;}
.tb_type_01 td.input_td {padding:3px 5px 6px 5px;}
.tb_type_01 td.input_td .i_check {margin:5px 0 -2px 0;}
.tb_type_01 td .album_cover {border:1px solid #ddd;}
.tb_type_01 tr:hover {background:#f9f9f9;}
.tb_type_01 tfoot td {background:#f0f0f0;}
.tb_type_01 a {color:#f97374;display:inline-block;}
.tb_type_01 a:hover {font-weight:bold;}
.tb_type_01 tr.ch_new {background:#fffde6;}
.tb_type_01 tr.ch_new:hover {background:#fdfadb;}
.tb_type_01 tr.ch_sel {background:#eefffe;}
.tb_type_01 tr.ch_sel:hover {background:#dffffd;}
.th_1 {font-weight:bold !important;background:#e1e1e1 !important;}
.th_2 {font-weight:bold !important;background:#e1e1e1 !important;}

.tb_type_02 {text-align:center;}
.tb_type_02 td {padding:7px 5px 6px 5px;vertical-align:middle;}
.tb_type_02 td.input_td {padding:3px 5px 6px 5px;}
.tb_type_02 td.input_td .i_check {margin:5px 0 -2px 0;}
.tb_type_02 tr:hover {background:#f9f9f9;}
.tb_type_02 a {color:#f97374;}

.tb_type_03 {margin-bottom:10px;}
.tb_type_03, .tb_type_03 th, .tb_type_03 td {padding:5px 0 1px 0 ;}
.tb_type_03 th, .tb_type_03 td {}
.tb_type_03 tr.last th {border-bottom:none;}
.tb_type_03 tr.last td {border-bottom:none;}
.tb_type_03 td span.nu {color:#ccc;}
.tb_type_03 th em {font-style:normal;font-weight:normal;font-size:11px;color:#aaa;}
.tb_type_03 td.input_td {padding:7px 5px 10px 5px;}
.tb_type_03 td.input_td .i_check {margin:5px 0 0 0;}
.tb_type_03 td a {margin-left:5px;}

.tb_type_top h4 {padding:6px 10px;background:#f97374;color:#fff;border-radius:4px;margin-top:8px;font-size:14px;font-weight:normal; }
.tb_type_top h4 p.desc {font-weight:normal;padding:0px 0 0 0;display:inline-block;float:right;}
.tb_type_top p.h4_desc {font-size:11px;padding:5px 0;line-height:18px;}
.tb_type_top td {vertical-align:top;}

table td span.sortbtn {cursor:pointer;display:block;width:100%;}
.tb_type_sort {table-layout:fixed;}
.tb_type_sort th {text-align:center;vertical-align:middle;height:30px;border-bottom:1px solid #ddd;padding:4px 5px 3px 5px !important;background:#f0f0f0;text-align:center !important;font-weight:normal;vertical-align:middle !important;}
.tb_type_sort td {text-align:center;vertical-align:middle;padding-bottom:5px;}
.sortable {border-bottom:1px solid #ccc;margin:10px 0;}
li.ui-state-default {background:#fff !important;border:1px solid #ddd;border-left:none;border-right:none;}
li.ui-state-default {margin-bottom:-2px;}

/* Button Control */
a.small {padding:3px 9px 2px 8px;}
a.small1 {padding:2px 2px 0px 1px !important;line-height:10px;}
a.big {padding:5px 11px 6px 10px;}
button.small {padding:4px 8px 4px 8px;}
button.big {padding:10px 7px 9px 7px;}
input.small {padding:4px 10px 4px 8px;}
input.big {padding:7px 12px 6px 10px;}
.btn_box_none {float:left;width:100%;overflow:hidden;padding:0px 0 10px 0;}
.btn_box_normal{float:right;width:100%;padding:10px 0;}
.btn_box_line {float:left;width:100%;overflow:hidden;padding:15px 0 10px 0;border-top:1px solid #ddd;margin:15px 0 0 0;}
.btn_box {float:right;width:100%;text-align:right;}
.btn_box .ser_rment {float:left;padding:8px 0 0 0;}
.btn_box .ser_rment span {color:#f97374;}
.btn_box_right {padding-top:5px;}
.btn_box_center {width:100%;text-align:center;}
.font_box {float:left;}
.btn_pack_gray {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:1px solid #ccc;background:#eee;color:#333 !important;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;_cursor:hand;margin:1px;}
.btn_pack_gray:hover, .btn_pack_gray:active, .btn_pack_gray:focus{color:#333 !important;border:1px solid #ccc;background: #ddd}
.btn_pack_blue {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:1px solid #999;background:#aaa;color:#fff !important;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;_cursor:hand;margin:1px;}
.btn_pack_blue:hover, .btn_pack_blue:active, .btn_pack_blue:focus{color:#fff !important;border:1px solid #999;background:#777;}
.btn_pack_red {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:1px solid #f97c72;background:#f97c72;color:#fff !important;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;_cursor:hand;margin:1px;}
.btn_pack_red:hover, .btn_pack_red:active, .btn_pack_red:focus{color:#fff !important;border:1px solid #e72c1e;background:#e72c1e;}
.btn_pack_gray , .btn_pack_blue , .btn_pack_red {letter-spacing:0px;vertical-align:middle;}
.small , .small1 {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;font-size:11px;border-radius:3px;}
.big {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;font-size:14px;border-radius:3px;}
.btn_w1 {margin:4px 0 0 0;}

/* Form Control1 */
.i_check {display:inline-block;}
.i_file {width:100%;height:18px;}
.i_select {width:100%;padding:3px 5px 3px 5px !important;background:#fff;display:inline-block;}
.i_textarea {padding:2px 0 10px 5px;color:#888;width:98%;height:80px;margin-top:10px;overflow:auto;}
.i_date {padding:2px 0 1px 5px;width:80px;height:15px;background:#fff url(../images/common/calendar.png) no-repeat right 4px !important;}
.i_period {padding:2px 0 1px 5px;width:80px;height:15px;background:#fff url(../images/common/calendar.png) no-repeat right 4px !important;}
.i_box {padding-top:2px;}
.i_box input {margin:0;padding:0;}
.i_box1, .i_box2 {display:inline-block;position:relative;}
.i_box1 {padding:2px 3px 0 0;height:12px;overflow:hidden;}
.i_box2 {padding:0 5px 0 0;height:13px;vertical-align:top;}
.cal {background:none !important}

.skeyword {border:1px solid #ccc;color:#888;margin-bottom:-9px;}
.form_object {border:1px solid #ccc;color:#333;font-size:12px;padding:4px 5px 4px 5px;}
.form_object2 {border:1px solid #ccc;color:#333;font-size:12px;padding:15px 10px 13px 10px;width:250px !important;}
.form_object:hover, .form_object:focus {border:1px solid #f97374;background:#f3f3f3;}
.form_object1 {height:24px;}
.input_wrap {display:inline-block;vertical-align:middle;padding:5px 2px 0 0;}

/* Form Control2 */
.log_title {text-align:center;font-size:24px;color:#73597e;padding:20px 0;}
.log_btn {background:#73597e;border:none;font-size:18px;padding:10px 0 !important;width:272px;}
.log_btn:hover {background:#73597e;border:none;font-size:18px;padding:10px 0 !important;width:272px;}
.form_wrap {padding:0 0 15px 0;}
.form_box_white {overflow:hidden;margin:0 0 20px 0;}
.form_box_white1 {float:right;overflow:hidden;margin:-10px 0 10px 0;}
.form_box_gray {border:1px solid #ccc;padding:5px 15px 7px 15px;background:#f9f9f9;overflow:hidden;margin:0 0 20px 0;border-radius:3px;}
.form_box_graya {border:10px solid #73597e;padding:5px 50px 5px 50px;background:url(../images/common/bg_1.gif) no-repeat 0 bottom;overflow:hidden;margin:0 0 20px 0;}
.form_box_gray1 {border:1px solid #ccc;padding:5px 15px 5px 15px;background:#f9f9f9;overflow:hidden;margin:0 0 20px 0;border-radius:3px;}
.form_sbox_ea {float:left;padding:5px 20px 3px 0;height:25px;}
.form_sbox_ea .text_data {padding:2px 0 0 0;display:inline-block;}
.form_sbox_ea .text_data1 {padding:4px 0 0 0;display:inline-block;}
.form_sbox_ea .display_inline, .form_sbox_ea .form_title {float:left;}
.form_sbox_ea .btn_pack_blue {margin-top:-1px;}
.form_title {display:inline-block;font-weight:bold;}
.ft_type_00 {display:inline-block;padding:4px 0 0 0;width:50px;}
.ft_type_01 {display:inline-block;padding:7px 10px 0 0;}
.ft_type_01 em {display:inline-block;font-size:11px;font-style:normal;font-weight:normal;padding-left:3px;color:#aaa;}
.ft_type_02 {display:inline-block;padding:6px 15px 0 0;}
.ft_type_03 {display:inline-block;padding:10px 0 1px 0;}
.ft_type_04 {display:inline-block;padding:5px 5px 0 0;}
.ft_type_04 input {margin-bottom:-1px;}
.form_sbox_ea .desc {display:inline-block;color:#aaa;position:absolute;margin:5px 0 0 70px}
.form_sbox_ea .aart, .aart {display:inline-block;}
.form_sbox_ea1 {float:left;padding:5px 20px 3px 0;}
.form_sbox_ea1 .text_data {padding:2px 0 0 0;display:inline-block;}
.form_sbox_ea1 .text_data1 {padding:4px 0 0 0;display:inline-block;}
.form_sbox_ea1 .display_inline, .form_sbox_ea1 .form_title {float:left;}
.form_sbox_ea1 .btn_pack_blue {margin-top:-1px;}
input[name="i_file"] {margin:3px 0 0 0;}
.i_file_img {float:left;display:inline-block;position:relative; left: 2px;overflow:hidden;margin:0 6px 0 2px;cursor:pointer;}
.i_file_img2 {margin-top:1px;}
.i_file_i {font-size:23px; position: absolute;right:-250px;top:0px; opacity:0; filter: alpha(opacity=50);cursor: pointer;}
.file_name, .file_name_ment1, .file_name_ment2, .file_name_ment3, .file_name_ment4, .file_name_ment5, .file_name_ment6, .file_name_ment7, .file_name_ment8, .file_name_ment9 {float:left;margin:4px 5px 0 0;color:#aaa;}
.f_del, .f_del:hover {padding:2px !important;margin:4px 0 0 0 !important;color:red !important;background:none !important;border:none !important;font-size:11px;cursor:pointer !important;}
.file_s {display:inline-block;border:1px solid #999;background:#aaa;color:#fff !important;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer !important;_cursor:hand;padding:3px 7px 2px 7px;font-size:11px;border-radius:3px;cursor:pointer;}
.ft_type_fix .form_title {width:80px;}

.form_sbox_fr {float:left;width:100%;border-top:1px dotted #ccc;padding:7px 0 5px 0;margin:10px 0 0 0;}
.form_sbox_cen {float:left;text-align:center;width:100%;border-top:1px dotted #ccc;padding:7px 0 5px 0;margin:10px 0 0 0;}
.form_box_right {position:relative;float:right;padding:2px 0 0 0;text-align:center;vertical-align:middle;display:table-cell;}
.pos1 {margin:-2px 0 0 0 !important;}
div.select_box {display:inline-block;position: relative;height: 30px;background:#fff url(../images/common/arrow_d.png) right 14px no-repeat;border: 1px solid #ccc;}
div.select_box:hover {border: 1px solid #aaa;}
div.select_box label {position: absolute;font-size: 12px;color: #111;top: 7px;left: 8px;}
div.select_box select.sel {width: 100%;height: 30px;padding: 0 10px;opacity: 0;filter: alpha(opacity=0); /* IE 8 */}

.i_size_15 {width:15px !important;}
.i_size_20 {width:20px !important;}
.i_size_25 {width:25px !important;}
.i_size_26 {width:26px !important;}
.i_size_30 {width:30px !important;}
.i_size_40 {width:40px !important;}
.i_size_50 {width:50px !important;}
.i_size_60 {width:60px !important;}
.i_size_70 {width:70px !important;}
.i_size_80 {width:80px !important;}
.i_size_90 {width:90px !important;}
.i_size_100 {width:100px !important;}
.i_size_110 {width:110px !important;}
.i_size_120 {width:120px !important;}
.i_size_130 {width:130px !important;}
.i_size_140 {width:140px !important;}
.i_size_150 {width:150px !important;}
.i_size_160 {width:160px !important;}
.i_size_170 {width:170px !important;}
.i_size_180 {width:180px !important;}
.i_size_190 {width:190px !important;}
.i_size_200 {width:200px !important;}
.i_size_220 {width:220px !important;}
.i_size_250 {width:250px !important;}
.i_size_300 {width:300px !important;}
.i_size_350 {width:350px !important;}
.i_size_370 {width:350px !important;}
.i_size_400 {width:400px !important;}
.i_size_450 {width:450px !important;}
.i_size_500 {width:500px !important;}
.i_size_per {width:82.0% !important;}
.i_size_per95 {width:95.0% !important;}
.i_size_per100 {width:99% !important;}
.i_readonly {background:#eee !important;border:1px solid #ddd !important;}
.i_readonly:hover {border:1px solid #ddd;}

.hr_line {float:left;width:100%;border-top:1px dotted #ccc;margin-top:10px;padding:0 0 10px 0;}

/* paginate */
.paginate{padding:15px 0;text-align:center;clear:both;}
.paginate a,.paginate strong {display:inline-block;_position:relative;margin-right:-4px;padding:5px 10px 5px 10px;color:#666;font-size:13px;font-weight:bold;line-height:normal;text-decoration:none !important;}
.paginate strong{color:#f97374 !important;border-radius:12px;}
.paginate a span {display:inline-block;height:10px;}
.paginate a:hover,.paginate a:active,.paginate a:focus{color:#f97374 !important}
.paginate a.pre,.paginate a.pre_end,.paginate a.next,.paginate a.next_end{font-size:11px;margin-top:-1px;}
.paginate a.pre{width:2px;height:14px;background:url(../images/common/bu_pg4_l1.gif) no-repeat 11px 7px !important}
.paginate a.pre_end{width:2px;height:12px;background:url(../images/common/bu_pg4_l2.gif) no-repeat 7px 7px !important}
.paginate a.next{width:2px;height:12px;background:url(../images/common/bu_pg4_r1.gif) no-repeat -28px 7px !important}
.paginate a.next_end{width:2px;height:12px;background:url(../images/common/bu_pg4_r2.gif) no-repeat -15px 7px !important}

/* paginate_s */
.paginate_s{padding:10px 0;text-align:center;clear:both;}
.paginate_s a,.paginate_s strong{display:inline-block;_position:relative;margin-right:-4px;padding:5px 5px 5px 5px;color:#666;font-size:12px;font-weight:normal;line-height:normal;text-decoration:none !important;margin-left:0 !important;}
.paginate_s strong{color:#f97374 !important;border-radius:12px;}
.paginate_s a span {display:inline-block;height:10px;}
.paginate_s a:hover,.paginate_s a:active,.paginate_s a:focus{color:#f97374 !important}
.paginate_s a.pre,.paginate_s a.pre_end,.paginate_s a.next,.paginate_s a.next_end{font-size:11px;margin-top:-1px;padding:5px 10px 5px 10px;}
.paginate_s a.pre{width:2px;height:14px;background:url(../images/common/bu_pg4_l1.gif) no-repeat 11px 7px !important}
.paginate_s a.pre_end{width:2px;height:12px;background:url(../images/common/bu_pg4_l2.gif) no-repeat 7px 7px !important}
.paginate_s a.next{width:2px;height:12px;background:url(../images/common/bu_pg4_r1.gif) no-repeat -28px 7px !important}
.paginate_s a.next_end{width:2px;height:12px;background:url(../images/common/bu_pg4_r2.gif) no-repeat -15px 7px !important}

/* menu on/off */
.menu_none {background:none !important;}
.menu_none #head_box h1 {display:block;}
.menu_none #menu_wrap {display:none;background:none !important;}
.menu_none #body_box, .menu_none #footer_wrap {margin-left:0;}
.menu_none .menu_view {background:none !important;}
.menu_none .menu_view .hide {display:none;z-index:10;}
.menu_none .menu_view .show {display:block;z-index:10;}

/* For Pop up */
.for_pop_body {background-image:none !important;}
.for_pop_head {height:38px;background:#363a4b;position:fixed;width:100%;}
.for_pop_head h1 em.menu_2d {display:inline-block;background:url(../images/common/arrow_w.gif) no-repeat 9px 4px;padding:0 0 0 20px;}
.for_pop_head h1 {color:#fff;display:inline-block;padding:11px 0 0 15px;font-size:12px;font-weight:bold;}
.for_pop_sbody {padding:15px;word-break:break-all;font-size:12px;padding-top:38px;}
.for_pop_sbody #body_box {min-width:1000px;}
.for_pop_sbody1 {clear:both;}
.for_pop_sbody1 h1 {font-size:14px;margin-bottom:20px;background: url(../images/common/bul_title.png) no-repeat 0 3px;padding:0 0 0 10px;}
.for_pop_sbody1 h1 span {color:#999;}
.for_pop_sbody1 h1 em.menu_2d {display:inline-block;font-weight:normal;color:#aaa;font-size:14px;text-align:center;width:20px;}
.for_pop_sbody1 .h2_desc {clear:both;padding:0 0 0 3px;color:#999;line-height:16px;margin:-10px 0 10px 0;}
.for_pop_sbody1 h3 {padding:0 0 5px 0;}

/* checkbox */
.ser_term {font-size:13px;margin-top:0px;}
.ser_term span.input_obj {float:left;position:relative;padding:7px 10px 0 0;}
.ser_term span.input_obj input.i_check {position:absolute;margin:3px 0 0 0 !important;padding:0 0 0 0;display:inline-block;}
.ser_term span.input_obj label {position:relative;margin:0 0 0 17px !important;display:inline-block;}
.ser_term .btn_term {display:inline-block;cursor:pointer;border-bottom:1px solid #666;padding:0 0 2px 0;color:#333;float:right;}
.ser_term1 {font-size:12px;margin-top:-1px;}

/* Tab */
.tab_frame {overflow:hidden;}
.tab_btn {position: relative;width:100%;height:30px;z-index:10;margin-bottom:10px;padding-top:13px;border-bottom:1px solid #ddd;}
.tab_btn li {z-index:5;display:inline-block;border:1px solid #ddd;text-align:center;padding:8px 18px 12px 18px;margin:0 -2px 0 0;background:#fff;color:#666;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.tab_btn li:hover {cursor: pointer;text-decoration:none;background:#eee;}
.tab_btn li.selected {background:#ddd !important;border:1px solid #ccc;padding:8px 18px 7px 18px;}
.tab_btn li.selected:hover {text-decoration:none;background:#ddd;}
.tab_con {position: relative; margin:0px 0 10px 0 !importnat;padding:0 0 20px 0;}
.tab_con .cbox {display: none; position: relative;padding:10px 0;}

/* accordian */
#accordian_wrap {}
.arrowlistmenu {border-bottom:none; background:#fff;margin-bottom:20px;}
.arrowlistmenu li a.btn {display:block; padding:10px 0 8px 12px; text-decoration:none;border:1px solid #dbdbdb;margin-top:-1px;}
.arrowlistmenu li a.btnStage {background:#f6f6f6 url(../images/common/icon_arrow_down.png) no-repeat right 15px;}
.arrowlistmenu li a.btnHover {background:#eee url(../images/common/icon_arrow_up.png) no-repeat right 15px !important;}
.arrowlistmenu li a strong {display:inline-block;padding:3px 10px 3px 0;color:#f97374;}
.arrowlistmenu li a span.ea {display:inline-block;padding:1px 7px 1px 6px;background:#aaa;color:#fff;border-radius:10px;font-size:11px;}
.arrowlistmenu .sub_box {border:1px solid #dbdbdb;padding:10px;}
.arrowlistmenu .etc_btn {display:inline-block;position:relative;float:right;margin-top:10px;right:45px;}

.calLayout {border:1px solid #aaa !important;overflow:hidden;border-radius:4px;background:#fff !important;padding:5px 3px !important;}
.calTitle {border:1px solid #aaa !important;overflow:hidden;border-radius:3px;background:url(../images/common/cal_bg1.png) repeat-x 0 0;padding:3px 6px 5px 6px;width:90% !important;}
#Calcal_month1selYear {overflow:hidden;}
#Calcal_month1IconImg {display:none;}
.dayEvMon {padding:4px 4px 3px 3px !important;background:url(../images/common/cal_bg2.png) repeat-x 0 0;border:1px solid #d3d3d3;color:#555;}
.dayEvMon:hover {background:url(../images/common/cal_bg3.png) repeat-x 0 0;border:1px solid #999;color:#383838;}
.bul_period {display:inline-block;width:10px;margin:0 0 0 20px;}

.excel_down {float:right;margin:-5px 0 0 0;}
.icon_excel {display:inline-block;height:14px;width:14px;background:url(../images/common/icon_excel.png) no-repeat 0 0;margin:0 7px -3px 0;background-size:100%;}

.ul_desc {font-size:11px;margin:-10px 0 0 10px;color:#666;}
.keyword_box {overflow:hidden;padding-top:3px;}
.keyword_box p {display:inline-block;border-radius:4px;padding:3px 5px 2px 5px;background:#f1f1f1;border:1px solid #ccc;}
.keyword_box p a {float:left;display:inline-block;border-radius:12px;padding:1px 3px 1px 3px;font-size:12px;}
.keyword_box1 {overflow:hidden;padding-top:3px;width:120px;padding-left:90px;}
.keyword_box1 p {display:block;border-radius:4px;padding:3px 5px 2px 5px;background:#f1f1f1;border:1px solid #ccc;margin-bottom:3px;}
.keyword_box1 p a {float:right;display:inline-block;color:red;border-radius:12px;padding:1px 3px 0px 3px;font-size:10px;margin:0 0 0 5px;}
.chimg_box {display:inline-block;width:60px;height:60px;border:1px solid #ccc;margin:0 0 0px 0;background:url(../images/common/btn_ser.gif) no-repeat 22px 22px;cursor:pointer;}
.color_box {width:60px;height:60px;border-radius:5px;}

.tag_list {width:200px;border:1px solid #ccc;border-top:none;padding-bottom:5px;}
.tag_list li {padding:7px;}
.tag_list li.tag_d1 {border:1px solid #ccc;border-left:none;border-right:none;background:#f9f9f9;font-weight:bold;}
.tag_list li.tag_d2 {margin-bottom:-3px;padding-left:25px;background:url(../images/common/depth.png) no-repeat 12px 8px;}
.tag_list li.tag_d2 span {display:inline-block;width:65%;}
.tag_list li.tag_d2 input {padding:3px;margin:-2px 0 0 0;}
.tag_list li.tag_d3 {margin-top:-3px;padding-left:40px;background:url(../images/common/depth.png) no-repeat 30px 7px;}
.tag_list li.tag_d3 a {display:inline-block;width:57%;color:#f97374;}
.tag_list li.tag_d3 input {padding:3px;margin:-2px 0 0 5px;}
.tag_edit li.tag_d3 a {padding-left:4px;}
.mpbtn_box {float:right;margin-top:-1px;}
.mpbtn_box a {width:9px !important;text-align:center;}
.mpbtn_box a span.min {display:inline-block;padding:0 2px;text-align:center;}

.tag_sel_box {display:none;border:1px solid #ccc;background:#fff;width:210px;height:388px;position:absolute;z-index:1000;margin:5px 0 0 70px;overflow-y:scroll;overflow-x:hidden;box-shadow:10px;}
.ch_img_box {text-align:left;width:100%;margin:15px 0;}
.ch_img {text-align:left;border:1px solid #ccc;background:#fff;}
.file_sbox {padding:10px 0 0 0;overflow:hidden;}
.form_sbox_fl span.txt_point {color:#f97374;}
.form_sbox_fl em.txt_blank {display:inline-block;border-left:1px dotted #aaa;width:15px;height:11px;margin:0 0 -2px 15px;}
.con_move {padding:20px 0;}


/* Player */
.player_control {overflow:hidden;background:#2d3238;border:1px solid #2d3238;padding:10px;}
.player_control a {display:inline-block;border:1px solid #626970;border-radius:3px;color:#2dc9ff;background:#2d3238;padding:3px 8px;margin-top:-20px;}
.player_control a:hover {text-decoration:none;background:#3f454d;}
.player_control a.prev {float:left;}
.player_control a.next {float:right;}
.player_control .ment {text-align:center;color:#aaa;margin:0 50px;padding-top:3px;}

#bplayer {border-radius:8px;position:fixed;left:50%;bottom:5px;width:750px;margin:0 0 0 -290px;z-index:1000;background:#000;}
#bplayer .song_art {color:#fff;font-size:16px;padding:10px 0 5px 15px;font-weight:bold;font-family:arial;text-align:center;}
#bplayer .song_art span {display:inline-block;padding:0 0 0 5px;}
.menu_none #bplayer {margin:0 0 0 -280px;}

.audio-l {float:left;height:70px;width:50px;position:relative;z-index:1000;}
.audio-player {float:left;}
.audio-players {float:left;}
.audio-r {float:right;height:70px;width:50px;position:relative;z-index:1000;}

/** audio player styles **/
.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button {margin: 0;padding: 0;border: none;outline: none;}
div.audio-player {position: relative;width: 100%;height: 75px;margin: 0 auto;background: #ff9293;background: -webkit-linear-gradient(top, #ff9293 0%, #ff9293 100%);background: -moz-linear-gradient(top, #ff9293 0%, #ff9293 100%);background: -o-linear-gradient(top, #ff9293 0%, #ff9293 100%);background: -ms-linear-gradient(top, #ff9293 0%, #ff9293 100%);background: linear-gradient(top, #ff9293 0%, #ff9293 100%);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.audio-player h2 {position: absolute;top: 5px;left: 10px;font-size: 15px;color: #fff;}

/* play/pause control */
.mejs-controls .mejs-button button {cursor: pointer;display: block;position: absolute;text-indent: -9999px;}

.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {width: 34px;height: 34px;top: 33px;left: 11px;background: transparent url('../images/common/playpause.png') 0 0 no-repeat;}
.mejs-controls .mejs-pause button { background-position: 0 -35px; }

/* mute/unmute control */
.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {width: 18px;height: 19px;top: 9px;right: 142px;background: transparent url('../images/common/audio.png') 0 0;}
.mejs-controls .mejs-unmute button { background-position: 0 -19px; }

/* volume scrubber bar */
.mejs-controls div.mejs-horizontal-volume-slider {position: absolute;top: 16px;right: 15px;cursor: pointer;}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {width: 120px;height: 4px;background: #ffa3a4;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {position: absolute;width: 0;height: 4px;top: 1px;left: 1px;background: #fff;background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);background: -moz-linear-gradient(top, #fff 0%, #fff 100%);background: -o-linear-gradient(top, #fff 0%, #fff 100%);background: -ms-linear-gradient(top, #fff 0%, #fff 100%);background: linear-gradient(top, #fff 0%, #fff 100%);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}

/* time scrubber bar */
.mejs-controls div.mejs-time-rail { width: 89%; }

.mejs-controls .mejs-time-rail span {position: absolute;display: block;width: 77%;height: 4px;top: 47px;left: 62px;cursor: pointer;-webkit-border-radius: 0px 0px 2px 2px;-moz-border-radius: 0px 0px 2px 2px;border-radius: 0px 0px 2px 2px;}
.mejs-controls .mejs-time-rail .mejs-time-total { background: #ffa3a4; width: 90% !important; /* fixes display bug using jQuery 1.8+ */
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.mejs-controls .mejs-time-rail .mejs-time-loaded {top: 0;left: 0;width: 0;background: #ffa3a4;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.mejs-controls .mejs-time-rail .mejs-time-current {top: 0;left: 0;width: 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #fff;background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);background: -moz-linear-gradient(top, #fff 0%, #fff 100%);background: -o-linear-gradient(top, #fff 0%, #fff 100%);background: -ms-linear-gradient(top, #fff 0%, #fff 100%);background: linear-gradient(top, #fff 0%, #fff 100%);}

/* metallic sliders */
.mejs-controls .mejs-time-rail .mejs-time-handle {position: absolute;display: block;width: 20px;height: 22px;top: -9px;background: url('../images/common/handle-lg.png') no-repeat;}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {position: absolute;display: block;width: 12px;height: 14px;top: -3px;background: url('../images/common/handle-sm.png') no-repeat;}

/* time progress tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float {position: absolute;display: none;width: 33px;height: 23px;top: -26px;margin-left: -17px;z-index: 9999;
background: url('../images/common/time-box.png');}

.mejs-controls .mejs-time-rail .mejs-time-float-current {width: 33px;display: block;left: 0;top: 4px;font-family:arial;font-size: 10px;font-weight: bold;color: #fff;text-align: center;z-index: 9999;}

.audio_mw0 {bottom:50px !important;}
#audio-player {width:100%;margin-top:25px;height:60px;}
.mo_ver {border:1px solid #fff;height:2000px;}
audio {position:relative;z-index:1000;}
.aplayer {width:100%;}
.aplayer audio {float:right;margin:-8px 10px 0 0;}

.audioplayer-volume {display:none;position:absolute;}
.fplayer {width:83%;float:right;}
.splayer {width:350px;float:right;}

.tab_wrap {float:left;width:100%;margin:0 0 15px 0;border-bottom:1px solid #ccc;height:39px;}
.tab_wrap li {float:left;}
.tab_wrap li a {float:left;display:inline-block;width:100px;text-align:center;padding:12px 0 10px 0;border:1px solid #ccc;font-weight:bold;background:#f0f0f0;color:#666;border-radius: 10px 10px 0px 0px;}
.tab_wrap li a.on {background:#fff;border-bottom:none;padding:12px 0 11px 0;}

.btn_del_aa {display:inline-block;border:1px solid #f97374;background:#ff9293;color:#fff !important;font-weight:bold;border-radius:4px;padding:2px 7px 2px 6px;}
.btn_del_aa:hover {background:#f97374;color:#fff !important;text-decoration:none;}

.loading_layer {position:absolute;top:50%;left:50%;width:100px;margin:-50px 0 0 50px;z-index:1000;}
.loading_layer img {width:100%;}
.loading_layer .count {position:absolute;width:100%;text-align:center;padding-top:41px;font-weight:bold;font-size:14px;}

.ment_wrap {float:left;width:100%;border-top:1px dotted #ccc;margin:4px 0 5px 0;}
.ment_wrap .htitle {font-weight:bold;font-size:12px;padding:10px 0;}
.ment_wrap .input_box {padding-top:10px;}
.ment_wrap .input_box input {width:100%;border:1px solid #ccc;margin-bottom:5px;height:25px;}
.ment_wrap .input_box textarea {width:100%;border:1px solid #ccc;height:80px;}
.ment_wrap .btn_w {text-align:right;padding:5px 0 10px 0;}
.ment_wrap dl {border-top:1px dotted #ccc;padding-bottom:6px;margin-top:6px;}
.ment_wrap .hlist_1 dt {font-weight:bold;padding:8px 0 5px 0;}
.ment_wrap .hlist_1 dt span {color:#ff9293;}
.ment_wrap .hlist_1 dd {color:#666;line-height:24px;}
.ment_wrap .hlist_1 dd strong {font-size:14px;}
.ment_wrap .hlist_2 dt {font-weight:bold;padding:8px 0 5px 0px;}
.ment_wrap .hlist_2 dt strong {width:30px;display:inline-block;text-align:center;color:#aaa;}
.ment_wrap .hlist_2 dt span {color:#ff9293;}
.ment_wrap .hlist_2 dd {color:#666;line-height:24px;padding-left:30px;}
.ment_wrap .hlist_2 dd strong {font-size:14px;}

/* 20161115 */
.fplayer1 {width:80%;float:right;}
.bplayer_fix {position:fixed;bottom:10px;width:100%;z-index:990;}
.bplayer_box {}
.aplayer_wrap {float:left;width:50%;}
.comment_wrap {border:1px solid #ddd;overflow-y:scroll;overflow-x:hidden;padding:10px 15px;margin-bottom:15px;}

.bcomment_fix {position:fixed;bottom:260px;width:100%;z-index:990;}
.bcomment_box {border:2px solid #ffacad;margin:0 30px 0 960px;background:#fff;overflow:hidden;padding:10px;}
.ap_comm {border:2px solid #ffacad;background:#fff;padding:10px;position:fixed;bottom:10px;right:30px;width:45%;}
.swal2-popup label {
display: block;
margin-top: 15px;
font-weight: bold;
font-size: 0.9em;
}