@charset "utf-8";

html, body { padding:0; margin:0; font-size: 9pt;}

#wrap{width:100%;}


/* Site Layout - Header */
header { position:relative; width:100%; min-width:300px; height:65px; border-top:#F90 3px solid;}
header .logo { position:absolute; top:10px; left:0; width:189px; text-align: center;}
header .logo img { max-width:180px;}
header .logout { position:absolute; width:260px; top:0; right:0; color:#bbb; text-align:right;}
header .logout a,
header .logout a:hover {text-decoration:none; font-size:8pt; color:#999;}
header .setup { position:absolute; width:260px; top:0; right:20px; color:#bbb; text-align:right; z-index: 100;}
header .setup a,
header .setup a:hover {text-decoration:none; font-size:8pt; color:#999;}
header .gnb{ position:absolute; width:calc(100% - 190px);min-width:1110px; white-space:nowrap; height:46px; top:15px; left:190px;z-index:99;}

.language{position:absolute;top:18px;right:19px;z-index:100}
.language strong{display:inline-block;height:15px;color:#fff;font:.75em/15px Tahoma;margin-right:3px;vertical-align:top; color:#000;}
.language .toggle{background:none;border:0;cursor:pointer;vertical-align:top;padding:0;height:15px}
.language ul{position:absolute;top:20px;right:0px;display:none;border:1px solid #b23628;background:#de4332;margin:0;padding:0}
.language li{list-style:none}
.language li button{display:block;width:80px;padding:3px 8px;font-size:10pt;color:#fff;background:none;border:0;text-align:left;white-space:nowrap;cursor:pointer}


/* Menu General Styles */
.gnb {
    background: #FFF;
    font-size:10pt;
    text-align: left; /* or change the value to left to align left*/
}
.menu a {
    color: #000;
}
.menu,
.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu li {
    position: relative;
}
.menu a {
    padding: 10px 20px;
    display: block;
    text-decoration: none;
}
.menu a:hover {
    color: #000;
    background: #aaffde;
}


/* Level 1 Drop Down Menu */
.menu > li {
    display: inline-block;
    vertical-align: top;
    margin-left: -4px; /* solve the 4 pixels spacing between list-items */
}
.menu > li+li { border-left:2px solid #999;}

.menu > li:first-child {
    margin-left: 0;
}
.menu > li > a {}
.menu > li > a:hover {}



/* Level 2 */
.menu > li > ul {
    text-align: left;
    width: auto; /* change auto value with 200px if you want a bigger menu */
    display: none;
    color: #FFF;
    background: #aed788;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
}
.menu > li:hover > ul {
    display: block;
}
.menu ul li a {}
.menu ul li a:hover {}



/* Level 3 */
.menu > li > ul > li > ul {
    text-align: left;
    display: none;
    background: #E7B400;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
}
.menu > li > ul > li:hover > ul {
    display: block;
}
.menu ul ul li {}
.menu ul ul li a {color: #FFF;}
.menu ul ul li a:hover {color: #ffe400; background:#000;}

.menu li.active>a { color:#F00;}





/* Site Layout - Content Body */
.body{position:relative;z-index:1;padding-bottom:30px;) repeat-y left top;border-bottom:1px solid #ddd;zoom:1}
.body:after{content:"";display:block;clear:both}
.content{width:100%;}
.content:after { display:block; content:""; clear:both;}
.content .page_title { background:url("../images/application.png") no-repeat 3px 5px; padding:5px 6px 4px 22px; text-align:left; border:1px solid #E3E3E2; border-bottom:none; font-weight:bold; background-color:#F9F8F5; color:#5E6266;  margin-bottom:10px; width:clac(100% - 40px);}

/* Site Layout - Footer */
footer{border-top:3px solid #f4f4f4;padding:1em 0;clear:both; width: 100%;
    background: #000;
    color: #FFF;
    text-align: center;
}
footer p{text-align:center;margin:0}
footer a{color:#999;font-size:.9em;text-decoration:none}

.box_title { background:url("../images/application_view_list.png") no-repeat 3px 5px; padding:5px 6px 4px 22px; text-align:left; border:1px solid #E3E3E2; border-bottom:none; font-weight:bold; background-color:#F9F8F5; color:#5E6266;  margin-bottom:10px; width:clac(100% - 40px);}

#left_content { display:block; width:189px; float:left; min-height:500px;}
#left_content:before { content:"관리자 페이지"; text-align:center; font-weight:bold; font-size:11pt; color:#FF0; background:#039; display:block; width:189px; height:24px; border-right:1px solid #999;}
#left_content .user_info { text-align:center; background:#f8f8f8; font-size:9pt; padding:10px 0; margin-bottom:3px;}
#left_content .menu_name { text-align:center; background:#FC3; font-size:11pt; padding:5px 0; margin-bottom:3px; font-weight:bold;}

#left_content .gnb {list-style:none;margin:0;padding:0;zoom:1}
#left_content .gnb>li { padding:5px 3px; margin-bottom:3px; border-bottom:#e0e0e0 1px solid;}
#left_content .gnb>li:before { content:"⊙"; margin-left:10px; margin-right:5px;}
#left_content .gnb>li> a{text-decoration:none; color:#999;}
#left_content .gnb>li> a:hover,
#left_content .gnb>li> a:active,
#left_content .gnb>li> a:focus{color:#F93;}
#left_content .gnb>li.active>a{font-weight:bold;color:#03F;}

#left_content .sub_menu {list-style:none;margin:10px 0 10px 20px;padding:0;zoom:1; border-top:#e0e0e0 1px dotted; font-size:8pt;}
#left_content .sub_menu>li { padding:3px 0px; margin-bottom:3px; border-bottom:#e0e0e0 1px dotted;}
#left_content .sub_menu>li:before { content:"→"; margin-left:10px; margin-right:5px; color:#999;}
#left_content .sub_menu>li>a{text-decoration:none; color:#999;}
#left_content .sub_menu>li>a:hover,
#left_content .sub_menu>li>a:active,
#left_content .sub_menu>li>a:focus{color:#F93;}
#left_content .sub_menu>li.active>a{font-weight:bold;color:#03F;}



#right_content { display:block; width:calc(100% - 191px); min-width:1110px; float:left; border-left:1px solid #999; min-height:500px;}
#right_content:before { content:""; background:#FC6; display:block; width:100%; min-width:1110px; height:24px;}
#right_content:after { display:block; content:""; clear:both;}
#content { margin:10px 10px 15px 10px;}


#admin_page A:link    {color:black;text-decoration:none;}
#admin_page A:visited {color:black;text-decoration:none;}
#admin_page A:active  {color:black;text-decoration:none;}
#admin_page A:hover  {color:444444;text-decoration:underline}

#admin_page .head {border:solid 1 black;font-size:9pt;color:black;background-color:white;height:19px}
#admin_page .textarea {border:solid 1;font-size:9pt;color:black;background-color:white;}
#admin_page .input {border:solid 1;font-size:9pt;color:black;background-color:white;}
#admin_page .submit {border:solid 0;font-size:9pt;color:white;background-color:black;height:19px}

.Manager_title { width:100%;  border-left:1px solid #E3E3E2; border-top:1px solid #E3E3E2; margin-bottom:10px; table-layout:fixed;}
.Manager_title caption { background:url("../images/application.png") no-repeat 3px 5px; padding:5px 6px 4px 22px; text-align:left; border:1px solid #E3E3E2; border-bottom:none; font-weight:bold; background-color:#F9F8F5; color:#5E6266; }

#admin_page .MemberTable { width:100%;  border-left:1px solid #E3E3E2; border-top:1px solid #E3E3E2; margin-bottom:10px; table-layout:fixed;}
#admin_page .MemberTable caption { background:url("../images/application.png") no-repeat 3px 5px; padding:5px 6px 4px 22px; text-align:left; border:1px solid #E3E3E2; border-bottom:none; font-weight:bold; background-color:#F9F8F5; color:#5E6266; }
#admin_page .MemberTable th { overflow:hidden; background-color:#FAF8F4; padding:5px; font-weight:normal; padding-left:10px; color:#606060; border-right:1px solid #E3E3E2; border-bottom:1px solid #E3E3E2; height:24px; }

#admin_page .MemberTable th.button { text-align:right; }
#admin_page .MemberTable th.centerButton { text-align:center; }

#admin_page .MemberTable th a { color:#555555; text-decoration:none; }
#admin_page .MemberTable th a:hover { text-decoration:underline; }

#admin_page .MemberTable th.tahoma { font-family:tahoma; font-size:7pt; }
#admin_page .MemberTable th.tahoma a { font-family:tahoma; font-size:7pt; }

#admin_page .MemberTable th.blue { color:#1473C3; }
#admin_page .MemberTable th.red { color:#C31414; }
#admin_page .MemberTable th.green { color:#218E08; }

#admin_page .MemberTable th.blue a { color:#1473C3; }
#admin_page .MemberTable th.red a { color:#C31414; }
#admin_page .MemberTable th.green a { color:#218E08; }

#admin_page .MemberTable th a.blue { color:#1473C3; }
#admin_page .MemberTable th a.red { color:#C31414; }
#admin_page .MemberTable th a.green { color:#218E08; }

#admin_page .MemberTable th select { height:20px; }
#admin_page .MemberTable td { overflow:hidden; background-color:#FFFFFF; padding:5px; font-weight:normal; padding-left:10px; color:#5A5A5A;  border-right:1px solid #E3E3E2; border-bottom:1px solid #E3E3E2;}

#admin_page .MemberTable td.tahoma { font-family:tahoma; font-size:7pt; }
#admin_page .MemberTable td.tahoma a { font-family:tahoma; font-size:7pt; }

#admin_page .MemberTable td.blue { color:#1473C3; }
#admin_page .MemberTable td.red { color:#C31414; }
#admin_page .MemberTable td.green { color:#218E08; }

#admin_page .MemberTable td.blue a { color:#1473C3; }
#admin_page .MemberTable td.red a { color:#C31414; }
#admin_page .MemberTable td.green a { color:#218E08; }

#admin_page .MemberTable td a.blue { color:#1473C3; }
#admin_page .MemberTable td a.red { color:#C31414; }
#admin_page .MemberTable td a.green { color:#218E08; }

#admin_page .MemberTable td.tCenter { text-align:center; }

#admin_page .MemberTable td select { height:20px; }
#admin_page .MemberTable td textarea { width:98%; height:120px; }
#admin_page .MemberTable td a { color:#555555; text-decoration:none; }
#admin_page .MemberTable td a:hover { text-decoration:underline; }
#admin_page .MemberTable td p, .MemberTable td label { margin:0; padding:0;color:#AAAAAA; font-size:.9em; margin-top:5px; }
#admin_page .MemberTable td p a, .MemberTable td label a { text-decoration:underline; color:#999999; }

#admin_page .MemberTable.counter th { font-size:.9em; text-align:center; padding:0;}
#admin_page .MemberTable.counter th em { font:normal 1em Tahoma;}
#admin_page .MemberTable td .graph { width:90%; position:relative;}
#admin_page .MemberTable td .graph .bar { width:100%; position:absolute; margin-top:4px;}
#admin_page .MemberTable td .graph .num { position:relative; background:#ffffff; color:#636363; font:.9em Tahoma; padding-left:10px; white-space:nowrap;}

#admin_page div.summary { clear:both; font:8pt tahoma; color:#636363; margin-bottom:5px; }
#admin_page div.summary .vr { font-weight:normal; color:#d1d1d1; }
#admin_page div.summary em { color:#ff1d00; font-style:normal;}

#admin_page .adminLeftContent { float:left; width:60%; margin-right:2%; _margin-right:1.9%;}
#admin_page .adminRightExtra { float:left; width:38%; }

#admin_page .adminTable { width:100%; border:1px solid #9BC2DE; border-bottom:none; border-right:none; margin-bottom:15px; }
#admin_page .adminTable caption { background:url("../images/application_view_list.png") no-repeat 7px 7px; padding:8px 0 5px 30px; text-align:left; font-weight:bold; color:#FFFFFF; background-color:#548DB5; border-bottom:1px solid #FFFFFF; }

#admin_page .adminTable thead tr th div { text-align:center;}
#admin_page .adminTable thead tr th { background-color:#70A2C6; color:#FFFFFF; }
#admin_page .adminTable tr th { background-color:#FFFFFF; padding:6px; font-weight:bold; text-align:left; color:#666; border-right:1px solid #9BC2DE; border-bottom:1px solid #9BC2DE; }
#admin_page .adminTable tr.row2 th { background-color:#F3F3F3; }
#admin_page .adminTable tr th div { white-space:nowrap; margin:0 5px; }
#admin_page .adminTable tr th select { height:20px; }
#admin_page .adminTable tr th.wide { width:100%; }
#admin_page .adminTable tr th.half_wide { width:50%; }
#admin_page .adminTable tr th.quarter_wide { width:25%; }
#admin_page .adminTable tr td.wide { width:100%; }

#admin_page .adminTable tr td { background-color:#FFFFFF;white-space:normal; font-weight:normal; text-align:left; color:#222222;  border-bottom:1px solid #9BC2DE; border-right:1px solid #9BC2DE; padding:4px 6px 4px 6px;}
#admin_page .adminTable tr.row2 td { background-color:#F3F3F3; }
#admin_page .adminTable tr a { color:#222222; text-decoration:none; }
#admin_page .adminTable tr a:hover { color:#3D83B8; }
#admin_page .adminTable tr td.nowrap { white-space:nowrap !important; }
#admin_page .adminTable tr td.alert, #admin_page .adminTable tr td.alert a { color:red; }
#admin_page .adminTable tr td.number { font-size:8pt; font-family:tahoma; color:#27536C; }
#admin_page .adminTable tr td.date,
#admin_page .adminTable tr td span.date { font-size:8pt; font-family:tahoma; color:#666666;}
#admin_page .adminTable tr td.center { text-align:center; }
#admin_page .adminTable tr td.right { text-align:right; }
#admin_page .adminTable tr td strong.alert { color:red; }
#admin_page .adminTable tr td p { padding:0; margin:5px 0 0 5px; color:#777777; }
#admin_page .adminTable tr td p a { color:#9F875F; font-weight:bold; text-decoration:underline; }
#admin_page .adminTable tr td.modify a,
#admin_page .adminTable tr td.delete a,
#admin_page .adminTable tr td.copy a,
#admin_page .adminTable tr td.setup a,
#admin_page .adminTable tr td.activated a,
#admin_page .adminTable tr td.deactivated a,
#admin_page .adminTable tr td.moveupdown a,
#admin_page .adminTable tr td.selectAll a,
#admin_page .adminTable tr td.deSelectAll a,
#admin_page .adminTable tr td.blue, #admin_page .adminTable tr td.blue a { color:blue; } 
#admin_page .adminTable tr td.red, #admin_page .adminTable tr td.red a { color:red; }

#admin_page .adminTable tr:hover td { background-color:#e8e8e8;}

#admin_page .replyNum { color:#ff1a1a;font:10px Tahoma;}

#admin_page .userModifyTable { width:100%; border:1px solid #9BC2DE; border-bottom:none; border-right:none; margin-bottom:15px; }
#admin_page .userModifyTable thead tr th div { text-align:center;}
#admin_page .userModifyTable thead tr th { background-color:#70A2C6; color:#FFFFFF; }
#admin_page .userModifyTable tr th { background-color:#FFFFFF; padding:6px; font-weight:bold; color:#666; border-right:1px solid #9BC2DE; border-bottom:1px solid #9BC2DE; }
#admin_page .userModifyTable tr.row2 th { background-color:#F3F3F3; }
#admin_page .userModifyTable tr th div { white-space:nowrap; margin:0 5px; }
#admin_page .userModifyTable tr th select { height:20px; }
#admin_page .userModifyTable tr th.wide { width:100%; }
#admin_page .userModifyTable tr th.half_wide { width:50%; }
#admin_page .userModifyTable tr th.quarter_wide { width:25%; }
#admin_page .userModifyTable tr td.wide { width:100%; }


#admin_page .userModifyTable tr td { background-color:#FFFFFF;white-space:normal; font-weight:normal; text-align:left; color:#222222;  border-bottom:1px solid #9BC2DE; border-right:1px solid #9BC2DE; padding:4px 6px 4px 6px;}
#admin_page .userModifyTable tr.row2 td { background-color:#F3F3F3; }
#admin_page .userModifyTable tr a { color:#222222; text-decoration:none; }
#admin_page .userModifyTable tr a:hover { color:#3D83B8; }
#admin_page .userModifyTable tr td.nowrap { white-space:nowrap !important; }
#admin_page .userModifyTable tr td.alert, #admin_page .userModifyTable tr td.alert a { color:red; }
#admin_page .userModifyTable tr td.number { font-size:8pt; font-family:tahoma; color:#27536C; }
#admin_page .userModifyTable tr td.date,
#admin_page .userModifyTable tr td span.date { font-size:8pt; font-family:tahoma; color:#666666;}
#admin_page .userModifyTable tr td.center { text-align:center; }
#admin_page .userModifyTable tr td.right { text-align:right; }
#admin_page .userModifyTable tr td strong.alert { color:red; }
#admin_page .userModifyTable tr td p { padding:0; margin:5px 0 0 5px; color:#777777; }
#admin_page .userModifyTable tr td p a { color:#9F875F; font-weight:bold; text-decoration:underline; }
#admin_page .userModifyTable tr td.modify a,
#admin_page .userModifyTable tr td.delete a,
#admin_page .userModifyTable tr td.copy a,
#admin_page .userModifyTable tr td.setup a,
#admin_page .userModifyTable tr td.activated a,
#admin_page .userModifyTable tr td.deactivated a,
#admin_page .userModifyTable tr td.moveupdown a,
#admin_page .userModifyTable tr td.selectAll a,
#admin_page .userModifyTable tr td.deSelectAll a,
#admin_page .userModifyTable tr td.blue, #admin_page .userModifyTable tr td.blue a { color:blue; } 
#admin_page .userModifyTable tr td.red, #admin_page .userModifyTable tr td.red a { color:red; }


.select_all_checkbox {cursor:pointer}
.number_text {text-align:right;}

.table { width:100%; margin:0; padding:0;}
.table { border-left:#ccc 1px solid; border-top:#ccc 1px solid;}
.table tr { height:30px;}
.table tr th { border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; color:#FFF; font-weight:normal;}
.table tr th div {  background-color:#339; padding:3px;}

.table tr td { border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:0; margin:0;}
.list_table tr .left { text-align:left}
.list_table tr .center { text-align:center}
.list_table tr .right { text-align:right}

.list_table .account_number {text-align:right; padding-right:10px;}

.list_table { border-top:#999999 1px solid; width:100%; }
.list_table thead { background-color:#5193DB; color:#FF0; font-weight:bold;}
.list_table thead th { background-color:#5193DB; color:#FF0; font-weight:bold; border-bottom:#999999 1px solid; border-right:#e8e8e8 1px dotted; }
.list_table td { border-bottom:#999999 1px solid; border-right:#e8e8e8 1px dotted; }
.list_table tbody .tool_img { margin:0 1px; cursor:pointer; vertical-align:middle; }
.list_table tbody tr:hover td { background-color:#FF9;}

#list_item { list-style:none; padding:0;}
#list_item { border-top:1px #ddd dotted; }
#list_item .list { list-style:none; margin:0; padding:0; border-bottom:1px dotted #ddd; padding:2px 10px;}
#list_item .item { list-style:none; margin:0; padding:0;}
#list_item .item_cell { display:table-cell; width:200px;}
#list_item .right { text-align:right;}


table.dataTable td+td{ border-left:1px #CCCCCC dotted;}
table.dataTable th+th{ border-left:1px #CCCCCC dotted;}

table.dataTable .in_line { padding:2px 0; margin:2px;}
table.dataTable .in_line+.in_line { border-top:#c0c0c0 1px dotted;}
table.dataTable tbody td { padding-top:1px !important; padding-bottom:1px !important;}

.doc-link-box a { text-decoration:none; color:#555555; }
.doc-link-box a:hover { text-decoration:none; color:#F90; }
.doc-link-box a { padding:3px 5px; border:#d0d0d0 1px solid;; background:#f0f0f0; font-weight:bold; font-size:9pt;}
.doc-link-box a:after { content: "";display: inline-block;width: 14px;height: 14px;vertical-align: middle;margin: -3px 0px 0px 2px;background-position: -120px -72px;opacity: 0.3;background-image: url("/_direct/images/glyphicons-halflings.png"); background-repeat: no-repeat;}

.doc-link a { text-decoration:none; color:#555555; }
.doc-link a:hover { text-decoration:none; color:#F90; }
.doc-link a:after { content: "";display: inline-block;width: 14px;height: 14px;vertical-align: middle;margin: -2px 0px 0px 2px;background-position: -120px -72px;opacity: 0.3;background-image: url("/_direct/images/glyphicons-halflings.png"); background-repeat: no-repeat;}

.doc-link-box .doc-link-action { cursor:pointer; text-decoration:none; color:#555555; padding:3px 5px; border:#d0d0d0 1px solid;; background:#f0f0f0; font-weight:bold; font-size:9pt;}
.doc-link-box .doc-link-action:hover { text-decoration:none; color:#F90; }
.doc-link-box .doc-link-action:after { content: "";display: inline-block;width: 14px;height: 14px;vertical-align: middle;margin: -3px 0px 0px 2px;background-position: -120px -72px;opacity: 0.3;background-image: url("/_direct/images/glyphicons-halflings.png"); background-repeat: no-repeat;}
.doc-link .doc-link-action { cursor:pointer;}
.doc-link .doc-link-action:after { cursor:pointer;content: "";display: inline-block;width: 14px;height: 14px;vertical-align: middle;margin: -2px 0px 0px 2px;background-position: -120px -72px;opacity: 0.3;background-image: url("/_direct/images/glyphicons-halflings.png"); background-repeat: no-repeat;}

.edit-info { width:100%;}
.edit-info-caption {border-top: 1px solid #DDD;border-bottom: 3px solid #DDD; margin:10px 0px 20px 0; font-size:24px;  padding:5px 6px 4px 10px; font-weight:bold; text-align:left; color:#000;}
.edit-info-caption-small { font-size:10pt; font-weight:normal; color:blue; margin-left:20px;}
.edit-info a { color:#555555; text-decoration:none;}
.edit-info a:hover { color:#F90; text-decoration:none;}
.edit-info ul { margin:0; padding:0; list-style:none;}
.edit-info li { margin:5px 0; border-bottom:#e0e0e0 1px solid; padding-bottom:5px;}
.edit-info li:after { content:""; display:block; clear:both;}
.edit-info-subject { width:120px; text-align:center; display:inline-block; font-weight:bold; color:#555555; vertical-align:top;}
.edit-info-content {  display:inline-block; border-left:#e0e0e0 1px dotted; padding-left:20px;}

.edit-info .info-h_bar { border-top:#e0e0e0 1px solid; margin-top:15px; padding-top:5px;}

.alert { color:red;}