﻿body { font-family:"나눔고딕", NanumGothic, "Nanum Gothic", Nanumbarungothic, "돋움", Dotum, arial, verdana, sans-serif, helvetica; font-size:12px; background-color:#ffffff; color:#444444; width:100%; margin:0; padding:0; line-height:15px; cursor:default; }
img { border:0; vertical-align:middle; }
ul { list-style:none; margin:0; padding:0; }
form { margin:0; }
body, div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p { margin:0; padding:0; }
table { border-collapse:collapse; }
div, p, td, form, span, dd, dt, li, label, select, table, input { font-family:"나눔고딕", NanumGothic, "Nanum Gothic", Nanumbarungothic, "돋움", Dotum, arial, verdana, sans-serif, helvetica; font-size:12px; margin:0; padding:0; }

.nanumpen_script {
    font-family: "Nanum Pen Script", cursive;
    font-size: 12px; 
}

input[type="text"], input[type="password"]
{
    /*background-color: #ffffff;*/
    width: 100%;
    height: 31px;
    background-color: transparent;
    border: 1px solid #c4c4c4;
    font-family: "나눔고딕", NanumGothic, "Nanum Gothic", Nanumbarungothic, "돋움", Dotum, arial, verdana, sans-serif, helvetica;
    font-size: 12px;
    vertical-align: top;
    padding: 0px 10px;
    margin: 0;
}
input[type="text"].number
{
    text-align: right;
}
input:focus:invalid, textarea:focus:invalid, select:focus:invalid { background-color:#f3ffec; }


input.datepicker { width:calc(100% - 24px); }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly]
{
    background-color: #f5f5f5;
    cursor: default;
}

input.form-control { display:inline; }

input[type="checkbox"] { width:auto; margin-top:0; }
input[type="radio"] { width:auto; margin:-3px 3px 0 2px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) /* IE10+ CSS styles */
{
    input[type="checkbox"] { width:auto; margin-top:-1px; }
    input[type="radio"] { width:auto; margin:-1px 3px 0 2px; }
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="checkbox"] { width:auto; margin-top:-3px; }
    input[type="radio"] { width:auto; margin:-3px 3px 0 2px; }
}*/
@-moz-document url-prefix() {
    input[type="checkbox"] { width:auto; margin-top:-3px; }
    input[type="radio"] { width:auto; margin:-3px 3px 0 2px; }
}


/* Chrome */
/*
input::-webkit-input-placeholder { text-align:left; vertical-align:middle; color:#e5e5e5; }
input.center::-webkit-input-placeholder { padding-left:10px; }
*/

/* Firefox 19+ */
/*
input::-moz-placeholder { text-align:left; vertical-align:middle; color:#888888; }
input.center::-moz-placeholder { padding-left:10px; }
*/

/* IE */
/*
input:-ms-input-placeholder { text-align:left; vertical-align:middle; color:#e5e5e5; }
input.center:-ms-input-placeholder { padding-left:10px; }
*/

/* Firefox 18- */
/*
input:-moz-placeholder { text-align:left; vertical-align:middle; color:#888888; }
input.center:-moz-placeholder { padding-left:10px; }
*/

/* Chrome */
input::-webkit-input-placeholder { font-size:0.9em; color:#cccccc; text-transform:uppercase; text-align:left; }
/*
input:hover::-webkit-input-placeholder { color:#cccccc; }
input.center::-webkit-input-placeholder { color:#cccccc; text-transform:uppercase; padding:0 !important; margin:0 !important; text-align:left !important; padding-left:5px !important; }
*/

/* Firefox 19+ */ 
input::-moz-placeholder { font-size:0.9em; color:#666666; text-transform:uppercase; text-align:left; } 

/* older Firefox */
input:-moz-placeholder { font-size:0.9em; color:#666666; text-transform:uppercase; text-align:left; }

/* IE */
input:-ms-input-placeholder { font-size:0.9em; color:#cccccc; text-transform:uppercase; text-align:left; }

/* new version */
input::placeholder { font-size:0.9em; color:#cccccc; opacity:1; }

/* IE처럼 포커스시 감추기 */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

select.form-control {
    width: 100%;
    height: 31px;
    padding: 0px 10px;
    font-size: 12px;
}

textarea {
    font-family: "나눔고딕", NanumGothic, "Nanum Gothic", Nanumbarungothic, "돋움", Dotum, arial, verdana, sans-serif, helvetica;
    font-size: 12px;
    background-color: transparent;
    border-color: transparent;
    resize: none;
    margin-bottom: 0;
}

label { cursor:pointer; }

.display_none { display:none; }
.border_none { border-bottom:0px solid !important; }
.none { float:none; }
.top { vertical-align:top; }
.center { padding:0 !important; margin:0 !important; text-align:center !important; }
.left { text-align:left !important; padding-left:5px !important; }
.right { text-align:right !important; padding-right:5px !important; }
.bold { font-weight:bold; }
.bold_none { font-weight:normal; }
.star:before { color:red; content:"*"; padding:0 3px; font-weight:bold; }
div.centered { display: table; margin-left:auto; margin-right:auto; }
div.v_centered { display: table; margin-top:auto; margin-bottom:auto; }
div.numeric { text-align: right; }

.notice { color:#787878; font-size:11px; padding-top:2px; padding-bottom:3px; }
.notice span.c_finger { color:blue; font-size:12px; padding-left:2px; padding-right:5px; }
.notice span.c_error { color:red; font-size:11px; font-weight:bold; }

.content_box_view_text { background-color:#fff; width:100px; line-height:20px; }
.content_box_view_shadow { -moz-box-shadow:5px 5px 5px #555555; -webkit-box-shadow:5px 5px 5px #555555; box-shadow:5px 5px 5px #555555; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555'); }

.centered-page-container { width:100%; height:100%; display:table; }
.centered-page-outer { display:table-cell; vertical-align:middle; text-align:center; }
.centered-page-inner { background-color:#ffffff; border:1px solid #656565; width:80%; padding:30px; position:relative; display:inline-block; }
.centered-page-title { font-weight:bold; font-size:1.2em; line-height:40px; }

/*--------------------------------------------------------------
    Selector Center (Horizontal, Vertical)
--------------------------------------------------------------*/
.container-center {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*------------------------------------------------------------*/


.black { color:Black; }
.gray { color:Gray; }
.silver { color:Silver; }
.red { color:Red; }
.maroon { color:Maroon; }
.fuchsia { color:Fuchsia; }
.aqua { color:Aqua; }
.purple { color:Purple; }
.blue { color:Blue; }
.navy { color:Navy; }
.teal { color:Teal; }
.green { color:Green; }
.lime { color:Lime; }
.yellow { color:Yellow; }
.orange { color:Orange; }
.olive { color:Olive; }
.white { color:White; }

.total_font { color:#d22842; }

.head_background { background-color:#f4faff; }
.count_background { background-color:#f4faff; }
.subtotal_background { background-color:#fcfbf1; }
.total_background { background-color:#f7fff7; }


a       { cursor:pointer; color:#ffffff; }
a:hover { text-decoration:underline; }
a:focus { outline:none; }
a[href] { color:#ffffff; }

a         { color:#ffffff; }
a:link    { text-decoration:none; color:#666666; }
a:active  { text-decoration:underline; color:#000000; }
a:visited { text-decoration:none; color:#666666; }
a:hover   { text-decoration:underline; color:#000000; }

.a_AllNone         { color:#444444; }
.a_AllNone:link    { text-decoration:none; color:#666666; }
.a_AllNone:active  { text-decoration:none; color:#000000; }
.a_AllNone:visited { text-decoration:none; color:#666666; }
.a_AllNone:hover   { text-decoration:none; color:#000000; }

.a_DarkOliveGreen         { text-decoration:none; color:#bbcdf3; }
.a_DarkOliveGreen:link    { text-decoration:none; color:#999999; }
.a_DarkOliveGreen:active  { text-decoration:none; color:#788b34; }
.a_DarkOliveGreen:visited { text-decoration:none; color:#999999; }
.a_DarkOliveGreen:hover   { text-decoration:none; color:#788b34; }

.a_Purple         { color:#444444; }
.a_Purple:link    { text-decoration:none; color:#999999; }
.a_Purple:active  { text-decoration:none; color:#852c92; }
.a_Purple:visited { text-decoration:none; color:#999999; }
.a_Purple:hover   { text-decoration:none; color:#852c92; }

.a_DarkCyan         { color:#444444; }
.a_DarkCyan:link    { text-decoration:none; color:#999999; }
.a_DarkCyan:active  { text-decoration:none; color:#618ea5; }
.a_DarkCyan:visited { text-decoration:none; color:#999999; }
.a_DarkCyan:hover   { text-decoration:none; color:#618ea5; }

.a_SaddleBrown         { color:#444444; }
.a_SaddleBrown:link    { text-decoration:none; color:#999999; }
.a_SaddleBrown:active  { text-decoration:none; color:#8B6f3f; }
.a_SaddleBrown:visited { text-decoration:none; color:#999999; }
.a_SaddleBrown:hover   { text-decoration:none; color:#8B6f3f; }

.a_SlateBlue         { color:#444444; }
.a_SlateBlue:link    { text-decoration:none; color:#999999; }
.a_SlateBlue:active  { text-decoration:none; color:#333; }
.a_SlateBlue:visited { text-decoration:none; color:#999999; }
.a_SlateBlue:hover   { text-decoration:none; color:#333; }

.a_Violet         { color:#444444; }
.a_Violet:link    { text-decoration:none; color:#999999; }
.a_Violet:active  { text-decoration:none; color:#df2bb3; }
.a_Violet:visited { text-decoration:none; color:#999999; }
.a_Violet:hover   { text-decoration:none; color:#df2bb3; }

.a_FireBrick         { color:#444444; }
.a_FireBrick:link    { text-decoration:none; color:#999999; }
.a_FireBrick:active  { text-decoration:none; color:#a74345; }
.a_FireBrick:visited { text-decoration:none; color:#999999; }
.a_FireBrick:hover   { text-decoration:none; color:#a74345; }

.a_Green         { color:#444444; }
.a_Green:link    { text-decoration:none; color:#999999; }
.a_Green:active  { text-decoration:none; color:#368026; }
.a_Green:visited { text-decoration:none; color:#999999; }
.a_Green:hover   { text-decoration:none; color:#368026; }

.a_black         { color:#444444; }
.a_black:link    { text-decoration:none; color:black; }
.a_black:active  { text-decoration:none; color:black; }
.a_black:visited { text-decoration:none; color:black; }
.a_black:hover   { text-decoration:underline; color:black; }

.a_white         { color:#444444; }
.a_white:link    { text-decoration:none; color:white; }
.a_white:active  { text-decoration:none; color:white; }
.a_white:visited { text-decoration:none; color:white; }
.a_white:hover   { text-decoration:underline; color:white; }

.a_brown         { color:#444444; }
.a_brown:link    { text-decoration:none; color:#660000; }
.a_brown:active  { text-decoration:none; color:black; }
.a_brown:visited { text-decoration:none; color:#660000; }
.a_brown:hover   { text-decoration:none; color:black; }

.a_gray         { color:#444444; }
.a_gray:link    { text-decoration:none; color:#737373; }
.a_gray:active  { text-decoration:none; color:black; }
.a_gray:visited { text-decoration:none; color:#737373; }
.a_gray:hover   { text-decoration:none; color:black; }

.a_lightnavy         { color:#444444; }
.a_lightnavy:link    { text-decoration:none; color:#1d378c; }
.a_lightnavy:active  { text-decoration:none; color:#5c95d5; }
.a_lightnavy:visited { text-decoration:none; color:#1d378c; }
.a_lightnavy:hover   { text-decoration:none; color:#5c95d5; }

.a_navy         { color:#444444; }
.a_navy:link    { text-decoration:none; color:navy; }
.a_navy:active  { text-decoration:none; color:#1d378c; }
.a_navy:visited { text-decoration:none; color:navy; }
.a_navy:hover   { text-decoration:underline; color:#1d378c; }

.a_brown         { color:#444444; }
.a_brown:link    { text-decoration:none; color:#3a2c12; }
.a_brown:active  { text-decoration:none; color:#3a2c12; }
.a_brown:visited { text-decoration:none; color:#3A2C12; }
.a_brown:hover   { text-decoration:underline; color:#757446; }

.a_darkbrown         { color:#444444; }
.a_darkbrown:link    { text-decoration:none; color:#5f0100; }
.a_darkbrown:active  { text-decoration:none; color:#5f0100; }
.a_darkbrown:visited { text-decoration:none; color:#5f0100; }
.a_darkbrown:hover   { text-decoration:underline; color:#5f0100; }

.a_         { color:#444444; }
.a_:link    { text-decoration:none; color:#6f3a83; }
.a_:active  { text-decoration:none; color:#d189dc; }
.a_:visited { text-decoration:none; color:#6f3a83; }
.a_:hover   { text-decoration:underline; color:#d189dc; }

.a_magenta         { color:#444444; }
.a_magenta:link    { text-decoration:none; color:#b02c5b; }
.a_magenta:active  { text-decoration:none; color:#cf40c9; }
.a_magenta:visited { text-decoration:none; color:#b02c5b; }
.a_magenta:hover   { text-decoration:underline; color:#cf40c9; }

.a_pink         { color:#444444; }
.a_pink:link    { text-decoration:none; color:#ff36b3; }
.a_pink:active  { text-decoration:none; color:#ff99df; }
.a_pink:visited { text-decoration:none; color:#ff36b3; }
.a_pink:hover   { text-decoration:underline; color:#ff99df; }

.a_purple         { color:#444444; }
.a_purple:link    { text-decoration:none; color:#660066; }
.a_purple:active  { text-decoration:none; color:#660066; }
.a_purple:visited { text-decoration:none; color:#660066; }
.a_purple:hover   { text-decoration:underline; color:#660066; }

.a_red         { color:#444444; }
.a_red:link    { text-decoration:none; color:#990000; }
.a_red:active  { text-decoration:none; color:#990000; }
.a_red:visited { text-decoration:none; color:#990000; }
.a_red:hover   { text-decoration:underline; color:#990000; }

.a_orange         { color:#444444; }
.a_orange:link    { text-decoration:none; color:#d87415; }
.a_orange:active  { text-decoration:none; color:#ff6600; }
.a_orange:visited { text-decoration:none; color:#d87415;}
.a_orange:hover   { text-decoration:none; color:#ff6600; }

.a_green         { color:#444444; }
.a_green:link    { text-decoration:none; color:#006500; }
.a_green:active  { text-decoration:none; color:#006500; }
.a_green:visited { text-decoration:none; color:#006500; }
.a_green:hover   { text-decoration:underline; color:#006500; }

.a_blue         { color:#444444; }
.a_blue:link    { text-decoration:none; color:#000064; }
.a_blue:active  { text-decoration:none; color:#000064; }
.a_blue:visited { text-decoration:none; color:#000064; }
.a_blue:hover   { text-decoration:underline; color:#000064; }

.a_lightgreen         { color:#444444; }
.a_lightgreen:link    { text-decoration:none; color:#257524; }
.a_lightgreen:active  { text-decoration:none; color:#4fae0c; }
.a_lightgreen:visited { text-decoration:none; color:#257524; }
.a_lightgreen:hover   { text-decoration:underline; color:#4fae0c; }

.a_skyblue         { text-decoration:none; color:#444444; }
.a_skyblue:link    { text-decoration:none; color:#1d378c; }
.a_skyblue:active  { text-decoration:none; color:#5c95d5; }
.a_skyblue:visited { text-decoration:none; color:#1d378c; }
.a_skyblue:hover   { text-decoration:none; color:#5c95d5; }


/*----------------------------
    jQuery CSS 변경
----------------------------*/
.ui-front { z-index:7700; }
/*.ui-widget-overlay { opacity:0; filter:alpha(opacity=0); }*/

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-size: 12px;
    font-family: "나눔고딕", NanumGothic, "Nanum Gothic", Nanumbarungothic, "돋움", Dotum, arial, verdana, sans-serif, helvetica
}
.ui-tabs
{
    padding: 0;
    position: relative;
}
.ui-tabs .ui-tabs-nav
{
    padding-left: 10px;
}
.ui-widget-content
{
    /*background: url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top #EEEEEE;*/
    background: url("/common/jquery/css/images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% top #ffffff;
    border: 1px solid #dddddd;
    color: #333333;
}
.ui-widget-header
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: #ffffff \0/IE8+9;
    border: 1px solid #ffffff;
    border-bottom: 1px solid #dddddd;
    color: #ffffff;
    font-weight: bold;
}

.ui-tabs .ui-tabs-panel
{
    border-width: 0;
    display: block;
    padding-top: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: pointer;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    border: 0 none;
    background: url("/common/jquery/css/images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #ffffff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    background: #FFFFFF;
    border: 0 none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus
{
	border: 1px solid #fbcb09;
	background: url("/common/jquery/css/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x #fdf5ce;
	font-weight: bold;
	color: #c77405;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    border: 1px solid #cccccc;
}

.ui-datepicker-trigger
{
    position: relative;
    width: 20px;
    height: 20px;
    margin: 5px 0 0 4px;
    cursor: pointer;
}
.ui-datepicker .ui-state-hover
{
	border: 0;
}

.ui-dialog .ui-widget-header
{
    /*background: #f6a828 url("/common/jquery/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50%;
    border: 1px solid #e78f08;*/
    background-color: #c73e38;
    border: 1px solid #c73e38;
    color: #FFFFFF;
    font-weight: bold;
}
.ui-dialog .ui-corner-all,
.ui-dialog .ui-corner-bottom,
.ui-dialog .ui-corner-left,
.ui-dialog .ui-corner-bl
{
    border-bottom-left-radius: 4px;
}
.ui-dialog .ui-corner-all,
.ui-dialog .ui-corner-bottom,
.ui-dialog .ui-corner-right,
.ui-dialog .ui-corner-br
{
    border-bottom-right-radius: 4px;
}
.ui-dialog .ui-state-default,
.ui-dialog .ui-widget-content .ui-state-default,
.ui-dialog .ui-widget-header .ui-state-default
{
    /*background: #e6e6e6 url("/common/jquery/css/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;*/
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
}
.ui-dialog .ui-state-hover,
.ui-dialog .ui-widget-content .ui-state-hover,
.ui-dialog .ui-widget-header .ui-state-hover,
.ui-dialog .ui-state-focus,
.ui-dialog .ui-widget-content .ui-state-focus,
.ui-dialog .ui-widget-header .ui-state-focus
{
    /*background: #fdf5ce url("/common/jquery/css/images/ui-bg_glass_100_fdf5ce_1x400.png") repeat-x scroll 50% 50%;*/
	border: 1px solid #fbcb09;
	font-weight: normal;
	color: #c77405;
}

.ui-state-default .ui-icon
{
    background-image: url("/common/jquery/css/images/ui-icons_888888_256x240.png");
}
.ui-icon-closethick { background-position: -96px -128px; }


input.spinner[type="text"]
{
    height: 18px;
    background-color: #ffffff;
    border: 0 none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
input.spinner[type="text"]:focus
{
    border:1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
input.spinner[type="text"].number
{
    padding-right:15px;
}


/*--------------------
    Bootstrap 버튼 추가
---------------------*/
.btn-risk.active {
    color: #ffffffbf;
}
.btn-risk {
    color: #fff;
    text-shadow: 0 -1px 0 #00000040;
    background-color: #da7e49;
    background-image: -moz-linear-gradient(top, #ee965b, #bd632f);
    background-image: -webkit-linear-gradient(top, #ee965b, #bd632f);
    background-image: -o-linear-gradient(top, #ee965b, #bd632f);
    background-image: linear-gradient(to bottom, #ee895b, #bd632f);
    background-repeat: repeat-x;
    border-color: #bd632f #bd632f #802420;
    border-color: #0000001a #0000001a #00000040;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee965b', endColorstr='#ffbd632f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-risk:hover,
.btn-risk:focus,
.btn-risk:active,
.btn-risk.active,
.btn-risk.disabled,
.btn-risk[disabled] {
    color: #ffffff;
    background-color: #bd632f;
}
.btn-risk:active,
.btn-risk.active {
    background-color: #944825 \9;
}

.btn-succeed.active {
    color: #ffffffbf;
}
.btn-succeed {
    color: #ffffff;
    text-shadow: 0 -1px 0 #00000040;
    background-color: #94d846;
    background-image: -moz-linear-gradient(top, #91d81e, #66a117);
    background-image: -webkit-linear-gradient(top, #91d81e, #66a117);
    background-image: -o-linear-gradient(top, #91d81e, #66a117);
    background-image: linear-gradient(to bottom, #91d81e, #66a117);
    background-repeat: repeat-x;
    border-color: #66a117 #66a117 #48741f;
    border-color: #0000001a #0000001a #00000040;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91d81e', endColorstr='#ff66a117', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-succeed:hover,
.btn-succeed:focus,
.btn-succeed:active,
.btn-succeed.active,
.btn-succeed.disabled,
.btn-succeed[disabled] {
    color: #ffffff;
    background-color: #66a117;
}
.btn-succeed:active,
.btn-succeed.active {
    background-color: #549429 \9;
}

.btn-trouble.active {
    color: #ffffffbf;
}
.btn-trouble {
    color: #ffffff;
    text-shadow: 0 -1px 0 #00000040;
    background-color: #b79f5b;
    background-image: -moz-linear-gradient(top, #cecc73, #a38d51);
    background-image: -webkit-linear-gradient(top, #cecc73, #a38d51);
    background-image: -o-linear-gradient(top, #cecc73, #a38d51);
    background-image: linear-gradient(to bottom, #cecc73, #a38d51);
    background-repeat: repeat-x;
    border-color: #a38d51 #a38d51 #706838;
    border-color: #0000001a #0000001a #00000040;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcecc73', endColorstr='#ffa38d51', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-trouble:hover,
.btn-trouble:focus,
.btn-trouble:active,
.btn-trouble.active,
.btn-trouble.disabled,
.btn-trouble[disabled] {
    color: #ffffff;
    background-color: #a38d51;
}
.btn-trouble:active,
.btn-trouble.active {
    background-color: #816740 \9;
}

.btn-problem.active {
    color: #ffffffbf;
}
.btn-problem {
    color: #ffffff;
    text-shadow: 0 -1px 0 #00000040;
    background-color: #865bb7;
    background-image: -moz-linear-gradient(top, #bf73ce, #a35191);
    background-image: -webkit-linear-gradient(top, #bf73ce, #a35191);
    background-image: -o-linear-gradient(top, #bf73ce, #a35191);
    background-image: linear-gradient(to bottom, #bf73ce, #a35191);
    background-repeat: repeat-x;
    border-color: #a35191 #a35191 #7c386d;
    border-color: #0000001a #0000001a #00000040;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf73ce', endColorstr='#ffa35191', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-problem:hover,
.btn-problem:focus,
.btn-problem:active,
.btn-problem.active,
.btn-problem.disabled,
.btn-problem[disabled] {
    color: #ffffff;
    background-color: #a35191;
}
.btn-problem:active,
.btn-problem.active {
    background-color: #81407e \9;
}

.btn-dark.active {
    color: #ffffffbf;
}
.btn-dark {
    color: #ffffff;
    text-shadow: 0 -1px 0 #00000040;
    background-color: #333333;
    background-image: -moz-linear-gradient(top, #333333, #121212);
    background-image: -webkit-linear-gradient(top, #333333, #121212);
    background-image: -o-linear-gradient(top, #333333, #121212);
    background-image: linear-gradient(to bottom, #333333, #121212);
    background-repeat: repeat-x;
    border-color: #121212 #121212 #000000;
    border-color: #0000001a #0000001a #00000040;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff121212', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.btn-dark.disabled,
.btn-dark[disabled] {
    color: #ffffff;
    background-color: #121212;
}

.btn-dark:active,
.btn-dark.active {
    background-color: #080808 \9;
}

.btn-advance.active {
    color: #ffffffbf;
}
.btn-advance {
    color: #ffffff;
    text-shadow: 0 -1px 0 #00000040;
    background-color: #8b8b8b;
    background-image: -moz-linear-gradient(top, #919191, #666666);
    background-image: -webkit-linear-gradient(top, #919191, #666666);
    background-image: -o-linear-gradient(top, #919191, #666666);
    background-image: linear-gradient(to bottom, #919191, #666666);
    background-repeat: repeat-x;
    border-color: #666666 #666666 #646464;
    border-color: #0000001a #0000001a #00000040;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff919191', endColorstr='#ff666666', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-advance:hover,
.btn-advance:focus,
.btn-advance:active,
.btn-advance.active,
.btn-advance.disabled,
.btn-advance[disabled] {
    color: #ffffff;
    background-color: #777777;
}
.btn-advance:active,
.btn-advance.active {
    background-color: #424242 \9;
}

.btn-silver.active {
    color: #ffffffbf;
}
.btn-silver {
    color: #ffffff;
    text-shadow: 0 -1px 0 #00000040;
    background-color: #b8b8b8;
    background-image: -moz-linear-gradient(top, #b8b8b8, #9c9c9c);
    background-image: -webkit-linear-gradient(top, #b8b8b8, #9c9c9c);
    background-image: -o-linear-gradient(top, #b8b8b8, #9c9c9c);
    background-image: linear-gradient(to bottom, #b8b8b8, #9c9c9c);
    background-repeat: repeat-x;
    border-color: #9c9c9c #9c9c9c #8d8d8d;
    border-color: #0000001a #0000001a #00000040;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff919191', endColorstr='#ff9c9c9c', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-silver:hover,
.btn-silver:focus,
.btn-silver:active,
.btn-silver.active,
.btn-silver.disabled,
.btn-silver[disabled] {
    color: #ffffff;
    background-color: #929292;
}
.btn-silver:active,
.btn-silver.active {
    background-color: #5e5e5e \9;
}

.btn:hover, .btn:focus { background-position:0 -40px; }

.btn-risk .caret,
.btn-succeed .caret,
.btn-trouble .caret,
.btn-problem .caret,
.btn-dark .caret,
.btn-advance .caret,
.btn-silver .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}


.tooltip.in { opacity:0.6; }
.form-group { margin-bottom: 0; }
input.form-control { display:inline; }
/*select.form-control { display:inline; }*/

.nav-tabs { border-bottom:0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border:1px solid #c0c0c0; border-bottom-color:transparent; font-weight:bold; color:#666666; cursor:default; }
.nav > li > a { padding: 5px 15px; }
.nav-tabs > li > a { border-radius:5px 5px 0 0; margin-right:3px; color:#9a9a9a; }
.nav-tabs > li > a:hover { border:1px solid #c0c0c0; border-bottom:1px solid #ff0000; color:#aaaaaa; }

/*.btn .caret { margin:11px 0 0 5px; }*/


a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #428bca;
    background-color: #ffffff;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.list-group-item > .badge {
    float: right;
}

.list-group-item > .badge + .badge {
    margin-right: 5px;
}

a.list-group-item {
    color: #555555;
}

a.list-group-item .list-group-item-heading {
    color: #333333;
}

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    background-color: #f5f5f5;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading {
    color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #e1edf7;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel > .list-group {
    margin-bottom: 0;
}

.panel > .list-group .list-group-item {
    border-width: 1px 0;
}

.panel > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel > .list-group .list-group-item:last-child {
    border-bottom: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}


.list-group {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    text-shadow: 0 -1px 0 #3071a9;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3278b3));
    background-image: -webkit-linear-gradient(top, #428bca, 0%, #3278b3, 100%);
    background-image: -moz-linear-gradient(top, #428bca 0%, #3278b3 100%);
    background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
    background-repeat: repeat-x;
    border-color: #3278b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
}


/*------------------------------------------------------
    jQuery DatePicker CSS 변경 (토,일요일 색깔 변경)
--------------------------------------------------------
.ui-datepicker-week-end { color:blue; }
.ui-datepicker-week-end .ui-state-default { color:red; }
------------------------------------------------------*/
ul.list_a,ul.list_b,ul.list_c,ul.list_d { margin:0; list-style:none }
ul.list_a > li { background:url(/images/icon/bullet_green.png) no-repeat -2px -1px; padding:0 3px 5px 14px; }
ul.list_a > li:last-child { background:url(/images/icon/bullet_green.png) no-repeat -2px -1px; padding:0 3px 0 14px; }

.description_content
{
    padding: 3px;
}
.description_content .description_text
{
    padding-top: 2px;
    font-size: 11px;
    color: #ff0000;
}


/*
    jssor slider bullet navigator skin 11 css 

    .jssorb11 div           (normal)
    .jssorb11 div:hover     (normal mouseover)
    .jssorb11 .av           (active)
    .jssorb11 .av:hover     (active mouseover)
    .jssorb11 .dn           (mousedown)
*/
.jssorb11 {
    position: absolute;
    bottom: 0;
    text-align: right;
}
.jssorb11 div, .jssorb11 div:hover, .jssorb11 .av {
    position: absolute;
    /* size of bullet elment */
    width: 11px;
    height: 11px;
    background: url(/images/slider_img/b11.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb11 div { background-position: -10px -10px; }
.jssorb11 div:hover, .jssorb11 .av:hover { background-position: -40px -10px; }
.jssorb11 .av { background-position: -70px -10px; }
.jssorb11 .dn, .jssorb11 .dn:hover { background-position: -100px -10px; }

/*
    jssor slider arrow navigator skin 05 css

    .jssora05l                  (normal)
    .jssora05r                  (normal)
    .jssora05l:hover            (normal mouseover)
    .jssora05r:hover            (normal mouseover)
    .jssora05l.jssora05ldn      (mousedown)
    .jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(/images/slider_img/a17.png) no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }


#sliderb_container
{
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}
#sliderb_container div[u="slides"]
{
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    cursor: default;
}
#sliderb_container div[u="navigator"]
{
    bottom: 16px;
    right: 6px;
}
#sliderb_container div[u="navigator"] div[u="prototype"]
{
    text-align: right;
}
#sliderb_container span[u="arrowleft"]
{
    top: 123px;
    left: 8px;
}
#sliderb_container span[u="arrowright"]
{
    top: 123px;
    right: 8px;
}


/*--------------------------------------------------------------
    Scrollbar
--------------------------------------------------------------*/
.mCSB_inside > .mCSB_container{ margin-right:0; }
.mCSB_container_wrapper { margin-right:0; }
.mCSB_container_wrapper > .mCSB_container { padding-right:0; }


/*--------------------------------------------------------------
    jCarouselLite - v1.1
--------------------------------------------------------------*/
.carousel-container .carousel-content
{
    border: 1px solid #dadada;
    background-color: ghostwhite;
    position: relative;
    visibility: hidden;
    padding-left: 10px;
    float: left;
    left: -5000px;
    border-radius: 10px;
}
.carousel-container .carousel-content > ul > li > img
{
    vertical-align: middle;
    margin: 10px 10px 10px 0;
    border-radius: 5px;
    cursor: pointer;
}
.carousel-container .carousel-content > ul > li > div
{
    background-color: #ffffff;
    border: 1px solid #dddddd;
    line-height: normal;
    padding: 5px;
    margin: 10px 10px 10px 0;
    border-radius: 5px;
    cursor: pointer;
}
.carousel-container .carousel-content > ul > li > p
{
    background-color: #ffffff;
    border: 1px solid #dddddd;
    line-height: normal;
    padding: 5px;
    margin: 10px 10px 10px 0;
    border-radius: 5px;
    cursor: pointer;
}
.carousel-container a.btn-carousel-prev, .carousel-container a.btn-carousel-next
{
    font-family: "나눔고딕", NanumGothic, "Nanum Gothic", Nanumbarungothic, "돋움", Dotum, arial, verdana, sans-serif, helvetica;
    font-size: 25px;
    background-color: #333333;
    display: block;
    width: 26px;
    height: 30px;
    line-height: 1;
    color: ghostwhite;
    float: left;
    text-decoration: none;
    border-radius: 8px;
}
.carousel-container a.btn-carousel-prev
{
    margin: 50px -5px 0 0;
    text-indent: 7px;
}
.carousel-container a.btn-carousel-next
{
    margin: 50px 0 0 -5px;
    text-indent: 10px;
}
.carousel-container a.btn-carousel-prev:hover, .carousel-container a.btn-carousel-next:hover
{
    background-color: #666666;
}
.carousel-container a.btn-carousel-prev.disabled, .carousel-container a.btn-carousel-next.disabled,
.carousel-container a.btn-carousel-prev.disabled:hover, .carousel-container a.btn-carousel-next.disabled:hover
{
    background-color: #8d8d8d;
    cursor: default;
}

/*--------------------------------------------------------------
    jQuery-Text-Editor
--------------------------------------------------------------*/
.jqte { border:1px solid #dadada; margin:5px 0; height:240px; box-shadow:0 0 1px #dadada; overflow-x:hidden; overflow-y:auto; }
.jqte_editor, .jqte_source { resize:none; }
.jqte_editor { line-height:20px; }


/*--------------------------------------------------------------
    Poshy Tip jQuery plugin (tooltip)
--------------------------------------------------------------*/
.tip-darkgray, .tip-green, .tip-skyblue, .tip-twitter, .tip-violet, .tip-white, .tip-yellow, .tip-yellowsimple { max-width:1400px; opacity:"0.9"; filter:"alpha(opacity=90)" }


/*--------------------------------------------------------------
    jQuery SumoSelect
--------------------------------------------------------------*/
.SumoSelect {
    width: 100%;
    cursor: pointer;
}
.SumoSelect > .CaptionCont {
    border: 1px solid #ccc;
    height: 31px;
    line-height: 20px;
    border-radius: 4px;
}
.SumoSelect > .CaptionCont > span {
    padding-left: 6px;
    padding-right: 0;
    cursor: pointer;
}
.SumoSelect > .CaptionCont > span.placeholder {
    font-style: normal;
    color: #555;
}
.SumoSelect > .CaptionCont > label > i {
    background-image: url(/images/icon/arrow-down-black-24.png);
    background-size: 9px 9px;
    left: 14px;
}
.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {
    border-color: #ccc;
    box-shadow: 0 0 2px #ccc;
}
.SumoSelect.open > .optWrapper {
    top: 31px;
    display: block;
}
.SumoSelect > .optWrapper > .options li.opt {
    border-bottom: none;
    padding: 5px;
}
.SumoSelect .select-all {
    padding: 20px 0 8px 35px;
    border-bottom: 1px solid #eee;
}
.SumoSelect .select-all:hover {
    background-color: #e4e4e4;
}
.SumoSelect .select-all label {
    margin-top: -16px;
}

/*--------------------------------------------------------------
    File Upload
--------------------------------------------------------------*/
.file_upload_button { position:relative; overflow:hidden; display:inline-block; height:20px; cursor:pointer; }
.file_upload_button.disabled { cursor:default; }
.file_upload_button input { position:absolute; top:0; right:0; margin:0; opacity:0; filter:alpha(opacity=0); direction:ltr; cursor:pointer; }
.file_upload_loading11 img { margin-top:4px; }


/*--------------------------------------------------------------
    Paginate
--------------------------------------------------------------*/
.data_paginate_content
{
    width: 100%;
    padding: 35px 0 10px 0;
    margin: 31px 0 10px 0;
    border-spacing: 0;
}
#ajax_view_data_paginate {
	text-align: center;
}
#ajax_view_data_paginate span.current_page {
	font-size: 11px;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 0 2px;
	color: #ff4444;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#ajax_view_data_paginate span.current_page.disabled {
	border: 1px solid #ddd;
	color: #aaa;
}
#ajax_view_data_paginate span.not_current_page {
	font-size: 11px;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 0 2px;
	color: #555;
	cursor: pointer;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#ajax_view_data_paginate span.not_current_page:hover {
	border: 1px solid #808080;
	color: #e38000;
}
#ajax_view_data_paginate span.not_current_page.disabled {
	border: 1px solid #ddd;
	color: #aaa;
}
#ajax_view_data_paginate span.image_page {
	background-color: #fff;
	border: 1px solid #ddd;
    padding: 10px;
	margin: 0 2px;
	color: #555;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#ajax_view_data_paginate span.image_page.click:hover {
	border: 1px solid #808080;
	color: #e38000;
}
#ajax_view_data_paginate span.image_page.disabled {
	border: 1px solid #ddd;
	color: #aaa;
}
#ajax_view_data_paginate span.click {
	cursor: pointer;
}

.sort_image { width:12px; height:12px; }

/*
#app_map
{
    display: block;
    width: 596px;
    height: 396px;
    margin: 0 auto;
    -moz-box-shadow: 0px 5px 20px #ccc;
    -webkit-box-shadow: 0px 5px 20px #ccc;
    box-shadow: 0px 5px 20px #ccc;
}
#app_map.large
{
    height:500px;
}

.overlay
{
    display:block;
    text-align:center;
    color:#fff;
    font-size:60px;
    line-height:80px;
    opacity:0.8;
    background-color:#4477aa;
    border:solid 3px #336699;
    border-radius:4px;
    box-shadow:2px 2px 10px #333;
    text-shadow:1px 1px 1px #666;
    padding:0 4px;
}

.overlay_arrow
{
    left:50%;
    margin-left:-16px;
    width:0;
    height:0;
    position:absolute;
}
.overlay_arrow.above
{
    bottom:-15px;
    border-left:16px solid transparent;
    border-right:16px solid transparent;
    border-top:16px solid #336699;
}
.overlay_arrow.below
{
    top:-15px;
    border-left:16px solid transparent;
    border-right:16px solid transparent;
    border-bottom:16px solid #336699;
}
*/


#loading_wrapper
{
    position: relative;
    width: 100%;
}
#loading_wrapper .loading
{
    text-align: center;
    vertical-align: middle;
}
#loading_wrapper .loading_image
{
    padding-top: 20px;
}
#loading_wrapper .loading_message
{
    font-weight: bold;
    font-size: 1.1em;
    line-height: 50px;
}

#login_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000000;
    z-Index: 10001;
}
#login_popup_content
{
    border: 1px solid #999999;
    background-color: #ffffff;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    display: none;
    z-index: 10002;
}

#member_leave_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000000;
    z-Index: 10021;
}
#member_leave_popup_content
{
    border: 1px solid #999999;
    background-color: #ffffff;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    display: none;
    z-index: 10022;
}

#join_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000000;
    z-Index: 20011;
}
#join_popup_content
{
    border: 1px solid #999999;
    background-color: #ffffff;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    display: none;
    z-index: 20012;
}

#certify_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #000000;
    z-Index: 10100;
}
#certify_popup_content    /* 타이틀 background-color = #009900 */
{
    border: 1px solid #999999;
    background-color: #ffffff;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    display: none;
    z-index: 10101;
}

#result_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000000;
    z-Index: 14000;
}
#result_popup_content
{
    border: 1px solid #999999;
    background-color: #fff;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    display: none;
    z-index: 14001;
}

#search_result_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000000;
    z-Index: 15000;
}
#search_result_popup_content
{
    border: 1px solid #999999;
    background-color: #fff;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    display: none;
    z-index: 15001;
}

#result_image_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000000;
    z-Index: 16000;
}
#result_image_popup_content
{
    border: 1px solid #999999;
    background-color: #fff;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    display: none;
    z-index: 16001;
}

#admin_result_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000000;
    z-Index: 6100;
}
#admin_result_popup_content
{
    border: 1px solid #333333;
    background-color: #333333;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    display: none;
    z-index: 6101;
}

#admin_search_result_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000000;
    z-Index: 6150;
}
#admin_search_result_popup_content
{
    border: 1px solid #333333;
    background-color: #333333;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    display: none;
    z-index: 6151;
}

#admin_result_image_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000000;
    z-Index: 6200;
}
#admin_result_image_popup_content
{
    border: 1px solid #333333;
    background-color: #333333;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    opacity: 0.85;
    filter: alpha(opacity=85);
    display: none;
    z-index: 6201;
}

#blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000000;
    z-Index: 100;
}
#popup_content    /* 타이틀 background-color = #428bca; */
{
    border: 1px solid #999999;
    background-color: #ffffff;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;           /* Firefox 3.6 */
    -webkit-box-shadow: 5px 5px 5px #555555;        /* Chrome and Safari */
    box-shadow: 5px 5px 5px #555555;                /* Firefox 4.0+, Opera, IE 9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    display: none;
    z-index: 101;
}

#second_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #000000;
    z-Index: 200;
}
#second_popup_content    /* 타이틀 background-color = #009900 */
{
    border: 1px solid #999999;
    background-color: #ffffff;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    display: none;
    z-index: 201;
}

#print_blackmask
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #000000;
    z-Index: 10100;
}
#print_popup_content    /* 타이틀 background-color = #009900 */
{
    border: 1px solid #999999;
    background-color: #ffffff;
    position: fixed;
    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
    min-width: 100px;
    min-height: 10px;
    display: none;
    z-index: 10101;
}

#pop_post_tabs_content
{
    padding: 10px;
}
#pop_post_tabs_content .pop_post_tabs_title
{
    height: 40px;
    padding: 0 10px;
    margin-bottom: 10px;
}
#pop_post_tabs_content .pop_post_tabs_title div.pull-left
{
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    color: #ffffff;
}
#pop_post_tabs_content .pop_post_tabs_title div.pull-right
{
    padding-top: 9px;
}
#pop_post_tabs_content .pop_post_tabs
{
    height: 463px;
}

#pop_post_content
{
    padding: 80px 90px;
}
#pop_post_content .pop_post_comment
{
    background-color: #ddffdd;
    text-align: center;
    color: #0000ff;
    font-weight: bold;
    width: 350px;
    padding: 50px 0;
}
#pop_post_content .pop_post_input
{
    padding: 30px 65px;
}

#pop_post_page_content
{
    padding: 0 10px;
}
#pop_post_page_content .pop_post_wrapper
{
    height: 370px;
}
#pop_post_page_content .pop_post_wrapper_button
{
    padding: 6px 0 0 232px;
}
#pop_post_page_content .pop_post_page_ajax_div_list
{
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
    table-layout: fixed;
}
#pop_post_page_content .pop_post_page_ajax_div_list .ajax_div_list_head div.pull-left
{
    text-align: center;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #eeeeee;
    line-height: 25px;
    width: 100px;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}
#pop_post_page_content .pop_post_page_ajax_div_list .ajax_div_list_body
{
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 10px;
}
#pop_post_page_content .pop_post_page_ajax_div_list .ajax_div_list_body div.pull-left
{
    text-align: left;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #ffffff;
    line-height: 25px;
    width: 100px;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#pop_post_page_content .pop_post_page_ajax_div_list .ajax_div_list_body div.no_data
{
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #ffffff;
    line-height: 25px;
}

#pop_post_edit_content
{
    padding: 0 10px;
}
#pop_post_edit_content .pop_post_wrapper
{
    padding: 20px;
    height: 330px;
}
#pop_post_edit_content .pop_post_wrapper .pop_post_wrapper_info img
{
    width: 15px;
    height: 15px;
    margin-top: -3px;
}
#pop_post_edit_content .pop_post_wrapper .pop_post_wrapper_content
{
    border: 1px solid #dadada;
    padding-top: 20px;
}
#pop_post_edit_content .pop_post_wrapper .pop_post_wrapper_content div
{
    padding: 5px 0 0 15px;
}
#pop_post_edit_content .pop_post_wrapper .pop_post_wrapper_content div:last-child
{
    padding: 20px 0 15px 0;
    text-align: center;
}
#pop_post_edit_content .pop_post_wrapper_button
{
    padding: 6px 0 0 232px;
}

#pop_ajax_common_page
{
    padding: 10px;
}
#pop_ajax_common_page .pop_ajax_common_page_title
{
    height: 40px;
    padding: 0 10px;
    margin-bottom: 10px;
}
#pop_ajax_common_page .pop_ajax_common_page_title div.pull-left
{
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    color: #ffffff;
}
#pop_ajax_common_page .pop_ajax_common_page_title div.pull-right
{
    padding-top: 9px;
}

#pop_ajax_common_detail_page
{
    padding: 10px;
}
#pop_ajax_common_detail_page .pop_ajax_common_detail_page_title
{
    height: 40px;
    padding: 0 10px;
    margin-bottom: 10px;
}
#pop_ajax_common_detail_page .pop_ajax_common_detail_page_title div.pull-left
{
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    color: #ffffff;
}
#pop_ajax_common_detail_page .pop_ajax_common_detail_page_title div.pull-right
{
    padding-top: 9px;
}

#join_content_wrapper_buttons
{
    border: 1px solid #cccccc;
    display: table;
    margin: 0 auto;
    height: 111px;
}
#join_content_wrapper_buttons .content_wrapper_buttons_seq
{
    padding: 10px 33px;
    padding: 10px 30px \0/IE8+9;
}
#join_content_wrapper_buttons .content_arrow
{
    padding: 28px 15px;
    padding: 15px 15px \0/IE8+9;
}

#viewcalendar
{
    padding: 10px 0 5px 0;
    text-align: center;
    background-color: #efefef;
    width: 100%;
    text-align: center;
    vertical-align: top;
}
#viewcalendar .cal_simple
{
    margin: 0 auto;
    padding: 0;
    width: 90%;
}
#viewcalendar .cal_simple caption
{
    margin: 0 auto;
    padding: 0 0 8px 0;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
#viewcalendar .cal_simple caption .cal_title
{
    display: table;
    margin: 0 auto;
}
#viewcalendar .cal_simple caption .cal_title div.pull-left
{
    margin: 0 4px;
}
#viewcalendar .cal_simple caption .cal_title div.pull-left:first-child
{
    margin-left: 0;
}
#viewcalendar .cal_simple caption .cal_title div.pull-left:last-child
{
    margin-right: 0;
}
#viewcalendar .cal_simple caption .cal_title div.pull-left img
{
    width: 12px;
    height: 12px;
    cursor: pointer;
}
#viewcalendar .cal_simple tr
{
    border: none;
}
#viewcalendar .cal_simple th
{
    width: 23px;
    height: 20px;
    border: none;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}
#viewcalendar .cal_simple td
{
    width: 23px;
    height: 20px;
    border: none;
    font-size: 11px;
    text-align: center;
    /*cursor: pointer;*/
}
#viewcalendar .cal_simple .cal_default
{
    color: #555555;
}
#viewcalendar .cal_simple .cal_today
{
    background-color: Teal;
    color: white;
}
#viewcalendar .cal_simple .cal_sunday
{
    color: red;
}
#viewcalendar .cal_simple .cal_saterday
{
    color: blue;
}

.table-default
{
    width: 100%;
    /*height: 100%;*/
    border-spacing: 0;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
}
.table-default tbody th
{
    text-align: left;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #eeeeee;
    line-height: 32px;
    padding: 0 10px;
    text-align: center;
}
.table-default tbody th.centered
{
    text-align: center;
}
.table-default tbody td
{
    text-align: left;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    line-height: 32px;
    padding: 0 5px;
}
.table-default tbody td .content_box_view_text
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-default tbody td .asotup_overflow_text
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-default tbody td .asotup_overflow_text_light
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-default tbody th[rowspan]
{
    border-top:1px solid #dadada;
}
.table-default tbody td[rowspan]
{
    border-top:1px solid #dadada;
}
.table-default tbody td.centered
{
    text-align: center;
}
.table-default tbody td.numeric
{
    text-align: right;
    padding-right: 5px;
}
.table-default tbody th input[type="checkbox"]
{
    margin-top: 0;
}
@-moz-document url-prefix() {
    .table-default tbody th input[type="checkbox"]
    {
        margin-top: -1px;
    }
}

.table-simple-list
{
    width: 100%;
    border-spacing: 0;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
    table-layout: fixed;
}
.table-simple-list thead th
{
    text-align: center;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #eeeeee;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-simple-list thead td
{
    text-align: left;
    padding: 0 10px;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-simple-list thead th input[type="checkbox"], .table-simple-list tbody th input[type="checkbox"]
{
    margin-top: 1px;
}
.table-simple-list tbody th
{
    text-align: center;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #eeeeee;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-simple-list tbody td
{
    text-align: left;
    padding: 0 10px;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-simple-list tbody td .content_box_view_text
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-simple-list tbody td .asotup_overflow_text
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-simple-list tbody td .asotup_overflow_text_light
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-simple-list tbody th input[type="checkbox"]
{
    padding-left: 0;
    margin-top: 1px;
}
.table-simple-list tbody td .btn
{
    margin-top: 1px;
}
@-moz-document url-prefix() {
    .table-simple-list tbody td .btn
    {
        margin-top: 0;
    }
}
.table-simple-list tbody td.centered
{
    text-align: center;
}
.table-simple-list tbody td.numeric
{
    text-align: right;
}
.table-simple-list tbody th[rowspan]
{
    border-top:1px solid #dadada;
}
.table-simple-list tbody td[rowspan]
{
    border-top:1px solid #dadada;
}
.table-simple-list tfoot th
{
    text-align: center;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #fdf7f1;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-simple-list tfoot td
{
    padding: 0 10px;
    text-align: right;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    line-height: 32px;
    background-color: #fdf7f1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-simple-list tfoot td.centered
{
    text-align: center;
}
.table-simple-list tbody tr.content_mouse_row:hover
{
    cursor: default;
	background-color: #ffffaa;
}

.ajax_div_list
{
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
    table-layout: fixed;
}
.ajax_div_list .ajax_div_list_head div.pull-left
{
    text-align: center;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #eeeeee;
    line-height: 26px;
    width: 100px;
    padding: 0 5px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ajax_div_list .ajax_div_list_head div.pull-left input[type="checkbox"]
{
    background-color: #eeeeee;
    height: 26px;
    padding: 0;
    margin-left: -1px;
    margin-top: 0;
}
.ajax_div_list .ajax_div_list_body
{
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 10px;
}
.ajax_div_list .ajax_div_list_body div.pull-left
{
    text-align: left;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    line-height: 26px;
    width: 100px;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ajax_div_list .ajax_div_list_body div.pull-left input[type="checkbox"]
{
    background-color: #eeeeee;
    height: 26px;
    padding: 0;
    margin-left: -1px;
    margin-top: 0;
}
.ajax_div_list .ajax_div_list_body div.pull-left .content_box_view_text
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ajax_div_list .ajax_div_list_body div.pull-left .asotup_overflow_text
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ajax_div_list .ajax_div_list_body div.pull-left .asotup_overflow_text_light
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ajax_div_list .ajax_div_list_body div.no_data
{
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    line-height: 26px;
}
.ajax_div_list .ajax_div_list_foot div.pull-left
{
    text-align: left;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    line-height: 26px;
    width: 100px;
    background-color: #fff0f5;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
