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

/*
 작성자 : 안병철 20120514
 html version 기준 : html 5.0
 최근 수정일 : 
*/
/*******************************************************************************
  html default 속성 / year_2023_modify
*******************************************************************************/

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
[hidden] { display: none; }

* {margin:0; padding:0;}
html {height:100%; margin:0; padding:0; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea {color: #222; }
body {width:100%; height:100%; padding:0; margin:0; overflow-y:scroll; *overflow-y:auto; font-size:15px; -webkit-text-size-adjust: none; font-family:'Open Sans','Malgun Gothic',Arial, Helvetica, sans-serif;}
html:lang(ko) body {font-family:'Noto Sans KR R','Malgun Gothic',Arial, Helvetica, sans-serif !important;}
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

img {border:0;}
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0px; padding:0; vertical-align:baseline;word-wrap: break-word;word-break:break-all;}

h1, h2, h3, h4, h5, h6 {font-weight:700 !important} /* 20241030 수정 */
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {display:block; margin:0; padding:0; color:#777; vertical-align:baseline;}

fieldset {border:none;}
em {font-style:normal;}

noscript {margin:10px 0; color:#1e90ff; font-weight:900; line-height:1.4em;}
legend {z-index:-1; visibility:hidden; position:absolute;}
button {position:relative; padding:0; border:none; vertical-align:middle; cursor:pointer;font-family: Dotum;}
select {height:22px;padding: 2px; color:#666666; font-size:1em; vertical-align:middle;}
textarea{width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777; }
li {list-style:none;}
ul {list-style:none;}

a {text-decoration:none; cursor:pointer; color:#7a7a7a;}
a:hover {cursor:pointer; color:#333; text-decoration:underline;}

p {margin:0; line-height:1.3em;}
caption {z-index:-1; visibility:hidden; font-size:0}

table {border-collapse:collapse; border-spacing:0}
button::-moz-focus-inner {padding: 0; border: 0}

/*******************************************************************************
  input, button 정렬
*******************************************************************************/
.blind {visibility:hidden; z-index:-1; position:absolute}

input {border:1px solid #b9bccf;color:#666666; vertical-align:middle;}
input[type="file"] {cursor: pointer;}
input.no {border:none; vertical-align:-10%; margin:0; padding:0; overflow:hidden; vertical-align:middle; }
input.button {border:none; margin:0; padding:0; overflow:hidden; vertical-align:top;}

input.fill {width:99%; height:19px;}
input.marginfill {width:95%; height:19px;}

input.gray {color:#c4c4c4}
input[type="text"]:disabled,
input[type="text"]:readonly {background-color: f0f0f0;}
input.file {font-size:0.92em; height:18px;}

fieldset img {vertical-align:middle; }
label {vertical-align:middle}

input.date {width:100px;}
input.number {width:80px;}
input.zipcode {width:50px;}
input.adress {width:350px}
input.email {width:180px}
input.midsize {width: 100px;}
input.url {width: 300px;}
input.num {width: 50px;}

input[type=text],
input[type=number],
input[type=password],
input[type="file"] {height:20px; border:1px solid #dedede; vertical-align:middle;}
input[type=radio],
input[type=checkbox] {width:13px; height:13px; margin-right:4px; border:none; vertical-align:middle; overflow:hidden;padding:0;}
iframe {padding: 0;margin: 0;}

input.arabic,
textarea.arabic {direction:rtl;}

/*******************************************************************************
  기타 속성
*******************************************************************************/

.pagination {margin:15px 0 0 0; color:#999; font-size:11px; text-align:center;}
.pagination img {margin:-2px 0 0 0; vertical-align:middle;}
.pagination a,
.pagination strong,
.pagination span {padding:0 5px; color:#909090; font-weight:900;vertical-align: middle;}
.pagination a:hover {color:#333; text-decoration:underline;}
.pagination strong {color:#333}
.pagination .bt {display: inline-block;width: 18px;height: 17px;padding:0 2px !important;background-image: url(/image/admin/sprite2.png);background-repeat: no-repeat;text-indent: -999em;vertical-align: middle;}
.pagination .bt.prevn {background-position: -78px -51px;}
.pagination .bt.prev {background-position: -104px -51px;}
.pagination .bt.next {margin: 0 0 0 3px;background-position: -52px -51px;}
.pagination .bt.nextn {background-position: -25px -51px;}

.accessibly-hidden {position:absolute !important;left:-999em !important;}

/*******************************************************************************
  popup
*******************************************************************************/
#wrap-pop {height: 100%; background-color: #fff; font-size: 13px !important;} /* 2023 CMS UI/UX 수정 */
#wrap-pop table{font-size: 13px;}
#wrap-pop header#header {height:42px; padding:0 15px; margin:0; background-color:#41acb2}
#wrap-pop header#header h1 {color:#fff; height:42px; margin:0; color:#fff; font-weight:900; font-size:1.167em; line-height:42px}
#wrap-pop header#header button {float:right; width:17px; height:17px; background:url(../image/admin/btn_close_pop.png) 0 0 no-repeat; margin:-30px 0 0 0}
#wrap-pop header#header button span {position:relative;z-index:-1;display:block;*visibility:hidden; width:17px;height:17px;padding:2px 0 0 0;border:1px solid #c3c3ca;font-size:11px}

#wrap-pop #content {float:none; margin:0; padding:15px}
#wrap-pop #content h1 {margin-bottom:18px; padding-bottom:16px; border-bottom:2px solid #c7cacc; color:#1f7591; font-size:16px; letter-spacing:-0.04em; line-height:1em}
#wrap-pop .left-menu {float: left;width: 120px;padding:14px 9px 30px 9px;margin-right: -158px; border:1px solid #c7cacc; background-color:#f8f8f8}
#wrap-pop .left-menu ul li a {display:block; padding:7px 11px; border-top:1px solid #e7e7e7}
#wrap-pop .left-menu ul li:first-child a {border:none} 
#wrap-pop .left-menu ul li a:hover,
#wrap-pop .left-menu ul li a.active {color:#fff; background-color:#006d82; text-decoration:none}
#wrap-pop .left-menu ul li ul {padding:5px 9px; border:none; background-color:#fff}
#wrap-pop .left-menu ul li ul li a {padding:5px 10px 5px 20px; border:none; font-size:11px;}
#wrap-pop .left-menu ul li ul li a:hover,
#wrap-pop .left-menu ul li ul li a.active {color:#000; background-color:#fff; font-weight:900; text-decoration:none}
#wrap-pop .right-cont {margin-left: 158px;}
fieldset.pop {margin:20px auto 33px; text-align:center}
fieldset.pop input {width:200px}

table.bbs-pop {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #00817f; border-bottom:3px solid #ddd}
table.bbs-pop caption.h5 {visibility:visible !important; z-index:1 !important; padding:15px 0 10px 0; color:#00817f; font-family:ngttf; font-size:1em !important; line-height:1em; font-weight:900; text-align:left}
table.bbs-pop th {height:11px;padding:8px 3px; border-bottom:1px solid #ddd; color:#333; background-color:#f9f9f9; white-space:nowrap}
table.bbs-pop td {padding:8px 5px;border-bottom:1px solid #ddd;color:#737373;text-align:center; vertical-align:middle}
table.bbs-pop td.subject {padding-left:20px; text-align:left}
table.bbs-pop td.zipcode {color:#5897dd; text-decoration:underline; cursor:pointer}

fieldset.pop-name {width:350px; margin:30px auto 30px}
.pop-name div {float:left; width:250px; margin:0 10px 0 0}
.pop-name div input {margin-bottom:5px}
.pop-name div input.name {width:165px}
.pop-name label {display:inline-block; width:66px}
.pop-name p {margin:18px 0 0 0; clear:both; line-height:1.5em}

fieldset.pop-email {width:350px; margin:20px auto 30px}
fieldset.pop-email p {margin:10px 0 0 40px; clear:both}

.pop-txt {border-top:1px solid #b5b5b5; padding:20px 0 0 0}
.pop-txt p {line-height:1.5em}

.essential-tu p.head {margin:20px 0 30px 0; padding:0 0 10px 0; border-bottom:1px solid #ddd; color:#333}
.essential-tu h2 {margin:15px 0; color:#333; font-size:12px; } 
.essential-tu p {line-height:1.5em}

.pop-scroll {height:250px; overflow-x:hidden; overflow-y:auto}

.intro-meta .ex {padding: 15px;margin: 0 0 15px 0;color: #41acb2;border: 1px solid #41acb2;}
.intro-meta .sample {text-align: center;}
.bx-preview {height: 500px;overflow: auto;border: 1px solid #666;}

.pop-input label {display: inline-block;width: 130px;font-weight: 900;}
.pop-input input[type=text],
.pop-input input[type=password] {width: 260px;height: 28px !important;}
/* .pop-input .notice {margin: 15px 0 0 80px;} 2023 CMS UI/UX 백업 */
.pop-input .notice {margin: 20px 0 0 0px; text-align: center; color: #E4377A;}
.pop-input .notice-main {margin: 15px 0;font-weight: 900;line-height: 1.4em;text-align:center;}
.pop-input .floor {float: left;margin: 0 15px 0 0;}
.pop-input .floor div {margin: 0 0 5px 0;}

/*******************************************************************************
  header
*******************************************************************************/

#skip_menu {}
.skip {position:relative; top:0; height:12px; padding:10px; color:#fff; background-color:#000;}
.skip li {font-size:12px}   
.skippahntom {height:0;}
.skippahntom li {font-size:0;}
#skip_menu ul {width:520px; margin:auto}
#skip_menu li {float:left; padding:0 10px 0 0; font-weight:900;}
#skip_menu li a {color:#fff}

/*******************************************************************************
  layout
*******************************************************************************/
#wrap {height:100%}
#wrap.login {min-height:100%; height:auto !important; background-color:#f6f6f6; border:1px solid #fff; margin:-2px 0}
#wrap.login #container {margin:14% 0 0 0 !important; border-top:3px solid #4c3f32; border-bottom:3px solid #4c3f32; background-color:#fff !important}
#container {min-width:1100px;min-height:100%; margin:-103px 110px -77px}
#container.login {z-index:-1; margin-top:14%}
#content {margin-left:230px; padding:132px 0 107px}

/* #lnb {float:left; width:200px; margin-right:-230px; padding:132px 0 107px} 2023 CMS UI/UX 삭제 */
#footer {height:50px; padding-top:27px; border-top:1px solid #dadada; background-color:#f6f6f6; color:#a6afb5; font-size:10px; font-family:Tahoma, Geneva, sans-serif; text-align:center}

/*
#container.pop {min-width:96% !important; min-height:94% !important; padding:2%; margin:0 !important}
#container.pop #content {width:75%; padding:0 !important; margin-left:20% !important; margin-right:0 !important}
#container.pop #lnb {width:18% !important; margin-left:0 !important; padding:0 !important}
*/
#content.main {width:950px; margin:0 auto !important}
#content.main .area-main {position:relative; float:left; width:940px; padding:0; border:1px solid #ddd; border-radius:0 0 8px 8px}
#content.main .area-main h4 {padding:10px; font-size:14px; color:#39a0aa; border-bottom:1px solid #ddd;
    background:#ffffff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));
    background:#ffffff -moz-linear-gradient(top, #ffffff, #f3f3f3);
    background:#ffffff -o-linear-gradient(top, #ffffff, #f3f3f3);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');
    border-bottom:2px solid #7faeb0
}
#content.main .area-main.qna {margin:0 25px 0 0}
#content.main .area-main ul {padding:10px 20px 7px 20px;/* padding:20px */}
#content.main .area-main ul li {margin:0 0 5px 0;}
#content.main .area-main ul li span{display:inline-block; width:440px;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space: nowrap;}
#content.main .area-main ul li.btn {position:absolute; top:10px; right:20px; font-size:11px}

#content.main .area-top {clear:both; margin:0 0 20px 0; overflow:hidden}
#content.main .navigation {float:left; width:220px; height:630px; margin:0 0 0 20px; border:1px solid #ddd; border-radius:0 0 8px 8px}
#content.main .navigation h4 {padding:10px; margin:0 0 10px 0; border-bottom:1px solid #ddd; color:#ffffff;
    background:#4cb2bc -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54bbc5), to(#39a0aa));
    background:#4cb2bc -moz-linear-gradient(top, #54bbc5, #39a0aa);
    background:#4cb2bc -o-linear-gradient(top, #54bbc5, #39a0aa);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#54bbc5', endColorstr='#39a0aa');
    border-bottom:2px solid #7faeb0
}
#content.main .navigation.st1 {margin:0;}
#content.main .navigation ul {padding:0 15px 15px 15px;}
#content.main .navigation ul li {padding:8px 0; border-bottom:1px solid #eee}
#content.main .navigation ul.dep2 li {padding:8px 0 0 0;border: none;}

/*******************************************************************************
  login
*******************************************************************************/
.bx_login {z-index:10; width:630px; margin:44px auto}
.bx_login h1 {margin:0 0 25px 40px}
.bx_login h2 {margin:0 0 30px 40px; color: #2d2d2d;font-size: 55px;font-weight: 200;font-family: Arial, Helvetica, sans-serif;white-space: nowrap;letter-spacing: -0.05em;}
.bx_login fieldset div {float:left; width:270px; overflow:hidden; margin-right:10px}
.bx_login fieldset div label {float:left; width:87px; padding-top:3px; color:#000; font-weight:900}
.bx_login fieldset div input {width:174px; margin:0 0 12px 0}
.bx_login button.login {width:124px; height:53px; margin:0 -16px 20px 0; border: 1px solid #a8acaf;font-weight: 900;
	background:#ebf0f4 -webkit-linear-gradient(top, #feffff, #ebf0f4);
    background:#ebf0f4 -moz-linear-gradient(top, #feffff, #ebf0f4);
    background:#ebf0f4 -o-linear-gradient(top, #feffff, #ebf0f4);
    background:#ebf0f4 -ms-linear-gradient(top, #feffff, #ebf0f4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#feffff, endColorStr=#ebf0f4);
}
.bx_login button.login span {color: #949597;font-size: 18px;font-weight: 900;}
.bx_login button.login:after {content:""; display:block; clear:both}
.bx_login p {margin:0 0 0 90px}
.bx-btn-npki {float: left;height: 100px;margin: 0 15px 0 0;padding: 0 15px 0 0;border-right: 1px solid #ddd;}
.bx_login .btn-npki {display: inline-block;width:180px; height:53px;border: 1px solid #a8acaf;color: #949597;font-size: 18px;font-weight: 900;line-height: 53px;text-align: center;
	background:#ebf0f4 -webkit-linear-gradient(top, #feffff, #ebf0f4);
    background:#ebf0f4 -moz-linear-gradient(top, #feffff, #ebf0f4);
    background:#ebf0f4 -o-linear-gradient(top, #feffff, #ebf0f4);
    background:#ebf0f4 -ms-linear-gradient(top, #feffff, #ebf0f4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#feffff, endColorStr=#ebf0f4);	
}
.bx_login .btn-txt input,
.bx_login .btn-txt a {vertical-align: middle;}
.bx_login .btn-txt span {margin: 0 20px 0 0;}

/*******************************************************************************
  header: 2023 CMS UI/UX 삭제
*******************************************************************************/
/* #header {position: relative;height:101px; overflow:hidden; border-bottom:3px solid #006d82; background-color:#f6f6f6}
#header .area {position:relative; min-width:900px; height:101px; margin:0 110px}
#header h1 {float:left; margin:22px 0 0 0}
#header .global {float:right;height: 22px; margin:15px 0 0 0;line-height: 22px;}
#header .global em,
#header .global a {color:#333; font-weight:900}
#header .global button {margin: 0 15px 0 0;vertical-align: middle;}
#header .gnb {position:absolute; bottom:0; right:0; height:32px; clear:both; white-space:nowrap}
#header .gnb li {float:left; height:32px; margin:0 90px 0 0; color:#62898a; font-size:14px; font-weight:900; letter-spacing:-0.04em}
#header .gnb li a {color:#62898a}
#header .gnb li a:hover,
#header .gnb li a.active {display:block; height:28px; border-bottom:4px solid #1c6669; color:#1c6669; text-decoration:none} */

/*******************************************************************************
  snb: 2023 CMS UI/UX 삭제
*******************************************************************************/

/* #lnb h2 {margin-bottom:18px; padding-bottom:18px; border-bottom:2px solid #c7cacc; color:#4c3f32; font-size:14px; letter-spacing:-0.04em; line-height:1em}
#lnb ul {padding:14px 9px 30px 9px; border:1px solid #c7cacc; background-color:#f8f8f8}
#lnb ul li a {display:block; padding:7px 11px; border-top:1px solid #e7e7e7}
#lnb ul li:first-child a {border:none} 
#lnb ul li a:hover,
#lnb ul li a.active {color:#fff; background-color:#006d82; text-decoration:none}
#lnb ul li ul {padding:5px 9px; border:none; background-color:#fff}
#lnb ul li ul li a {padding:5px 10px 5px 20px; border:none; font-size:11px;}
#lnb ul li ul li a:hover,
#lnb ul li ul li a.active {color:#000; background-color:#fff; font-weight:900; text-decoration:none} */

/*******************************************************************************
  content
*******************************************************************************/
#content:after {content:" "; display:block; clear:both}
#content .content-head {margin-bottom:18px; padding-bottom:16px; border-bottom:2px solid #c7cacc; color:#4c3f32; font-size:16px; letter-spacing:-0.04em; line-height:1em}
#content .location {float:right; margin:-50px 30px 0 0; color:#62898a; font-size:11px; letter-spacing:-0.04em}
#content .location em {font-weight:900}
#content .ico-helpdesk {float: right;width: 16px;height: 16px;margin: -50px 0 0 0;background: url(../image/admin/sprite2.png) -152px -12px no-repeat;text-indent: -999em;}
.content-snb {float: left;width: 150px;overflow: hidden;margin-right: -170px;}
.content-main {margin-left: 170px;}

/*******************************************************************************
  table - list
*******************************************************************************/
div.search-bbs {overflow: hidden;margin:30px 0 20px 0; padding:1px; border:1px solid #e8e8e8; background-color:#f9f9f9}
div.search-bbs:after {content:" ";display: block;clear: both;}
div.search-bbs fieldset {position:relative; height:22px; padding:6px; text-align:center}
div.search-bbs fieldset legend {position:absolute; top:3px; left:74px; float:left; font-family:Tahoma, Geneva, sans-serif; font-weight:900; font-size:1.500em}
div.search-bbs fieldset label {padding:0 10px 0 20px; color:#333; font-weight:900}
div.search-bbs fieldset p {display:none; float:left; margin:4px 20px 0 13px}
div.search-bbs fieldset select {margin:0; vertical-align:middle}
div.search-bbs fieldset .se-text {width: 300px;height: 20px;vertical-align:middle;background-color: #fff;}
div.search-bbs fieldset button {margin-left:2px}
div.search-bbs .left {float: left;padding: 6px;}
div.search-bbs .right {float: right;padding: 6px;}
div.search-bbs .left fieldset,
div.search-bbs .right fieldset {padding: 0;}
div.search-bbs fieldset .left,
div.search-bbs fieldset .right {padding: 0;}

div.search-bar dl {margin:0 0 10px 0}
div.search-bar dl dt {width:80px; float:left; height:20px; padding:8px 8px 8px 24px; color:#333; border-bottom:1px solid #ddd; background:url(../image/admin/bu_h4.png) 8px 11px no-repeat}
div.search-bar dl dd label {display:inline-block; margin:0 25px 0 0}
div.search-bar dl dd {height:20px; padding:8px; border-bottom:1px solid #ddd}

p.essential {position:relative; margin:0 0 10px 0; text-align:right}
p.essential em {padding:0 4px 0 0; color:#f26c4f}
p.notice {margin:0 0 25px 0; color:#00817f}

.tabl-txt {height:20px; margin:0 0 8px 0}
.tabl-txt button {float:left; margin:-10px 0 0 0}
.tabl-txt dl {display: inline-block;}
.tabl-txt dt {float:left; margin:0 5px 0 20px;font-weight:900}
.tabl-txt dd {float:left; color:#008b8a}
.tabl-txt em {color:#00817f; font-weight:900}
.tabl-txt .btn-r {float:right; margin:-2px 0 0 0}

.table-top {overflow: hidden;margin: 0 0 15px 0;}
.table-top label {font-weight: 900;} 
.table-top i {margin: 0 5px 0 0;color:#ec6941; font-weight:200}
.table-top .left {float: left;}
.table-top .right {float: right;}


col.subject {width:150px}
col.subj-s {width: 140px;}
col.subj-l {width: 150px;}
col.subj-v {width: 120px;}
col.subj-ss {width: 100px;}
col.cont {}
col.cont-s {width:auto}
col.cont-l {}
col.link {width: 180px;}
col.order {width: 50px;}
col.term {width: 200px;}
col.email {width: 180px;}
col.check {width: 40px;}
col.useinfo {width: 80px;}
col.btn {width: 120px;}
col.bbslist4 {width: 120px;} 

table.bbs {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #e6e6e6}
table.bbs caption.h5 {visibility:visible !important; z-index:1 !important; padding:15px 0 10px 0; color:#00817f; font-family:ngttf; font-size:1em !important; line-height:1em; font-weight:900; text-align:left}
table.bbs col.date {width:80px}
table.bbs col.hit {width:60px}
table.bbs col.subject {text-align:left;}
table.bbs col.input {width:50px}
table.bbs col.num {width:50px}
table.bbs col.writer {width:180px}
table.bbs col.writer-name {width:110px}
table.bbs col.reply {width:80px}
table.bbs col.file {width:60px}

table.bbs col.temp04 {width:30%}
table.bbs col.bbslist5 {width:80px}

table.bbs td.subject.notice {color:#cf7a35; font-weight:900}
table.bbs td img {vertical-align:middle}
table.bbs th {height:11px;padding:8px 3px; color:#5b5b5b;
    background:#ffffff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));
    background:#ffffff -moz-linear-gradient(top, #ffffff, #f3f3f3);
    background:#ffffff -o-linear-gradient(top, #ffffff, #f3f3f3);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');
    background-color:#f3f3f3;
    border-bottom:2px solid #7faeb0
}
table.bbs tr:hover {background-color:#E9F1F1;color:#0C1221}
table.bbs tr:nth-child(even) {background-color:#f9f9f9}
table.bbs tr:nth-child(even):hover {background-color:#E9F1F1;color:#0C1221}
table.bbs th:first-child {border-left:1px solid #e6e6e6}
table.bbs th:last-child {border-right:1px solid #e6e6e6}
table.bbs thead th.first {border-left:1px solid #e6e6e6}
table.bbs thead th.last {border-right:1px solid #e6e6e6}
table.bbs td {padding:8px 5px;border-bottom:1px solid #d1d1d1;color:#808080;text-align:center; vertical-align:middle;white-space: nowrap;}
table.bbs td.subject {padding-left:10px; text-align:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 200px;}
table.bbs td.ex {color:#008a89}
table.bbs td.strong {font-weight:900}
table.bbs td div {z-index:99}
table.bbs td em {color: #eb6100;}
table.bbs td .bbs-banner {width: 150px;height: 40px;overflow: hidden;border: 1px solid #ddd;text-align: center;line-height: 40px;}
table.bbs td .bbs-banner img {max-width: 180px;vertical-align: middle;}
table.bbs td p.ex-l,
table.bbs td p.ex-r {margin: 4px 0;color:#008a89;line-height: 1.4em;}
table.bbs td p.txt {color:#008a89;font-size: 11px;line-height: 1.4em;word-wrap: break-word;}
table.bbs td .bx-photo {width: 250px;height: 100px;margin: 0 0 15px 0;overflow: hidden;border: 1px solid #ddd;text-align: center;}
table.bbs td .bx-photo img {max-width: 300px;vertical-align: middle;}

table.bbs td .bx-photoview {max-width:250px; max-height:150px; min-width:80px; min-height:20px; margin: 2px 0 2px 0;overflow: hidden;border: 1px solid #ddd;text-align: center;}
table.bbs td .bx-photoview img {max-width:250px; max-height:100px; vertical-align: middle;}

table.bbs td .add-info {margin: 0 0 0 50px;}
table.bbs td .add-info dt {float:left; margin:0 5px 0 20px;font-weight:900}
table.bbs td .add-info dt:after {content:':'}
table.bbs td .add-info dd {float:left;margin: 0 25px 0 0; color:#008b8a}

table.list-dupl {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #e6e6e6}
table.list-dupl col.num {width:50px}
table.list-dupl th {height:11px;padding:8px 3px; color:#5b5b5b; border-bottom:1px solid #ddd}
table.list-dupl td.num {border-right:1px solid #e6e6e6}
table.list-dupl th:first-child {border-left:1px solid #ddd}
table.list-dupl th:last-child {border-right:1px solid #ddd}
table.list-dupl th.first {border-left:1px solid #ddd}
table.list-dupl th.last {border-right:1px solid #ddd}
table.list-dupl td {padding:8px 5px;border-bottom:1px solid #d1d1d1;color:#808080; background-color:#f9f9f9; text-align:center; vertical-align:middle}
table.list-dupl td.subject {padding-left:20px; text-align:left}
table.list-dupl td.ex {padding:8px 15px; border-left:1px solid #ddd; text-align:left}

/*******************************************************************************
  table - regist
*******************************************************************************/
h2.caption {padding:15px 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid #717171; color:#00817f; font-family:ngttf; font-size:1em !important; line-height:1em; font-weight:900; text-align:left}

table.regist {width:100%; margin:0 0 25px 0; border-collapse:collapse; border-spacing:0; border-top:1px solid #717171; border-bottom:2px solid #e8e8e8}
caption.h5 {visibility:visible !important; z-index:1 !important; padding:15px 0 10px 0; color:#00817f; font-family:ngttf; font-size:1em !important; line-height:1em; font-weight:900; text-align:left}

table.regist tr.top {border-top: 2px dotted #888;}
table.regist th,
table.regist th {padding:10px 5px 8px 18px; border-bottom:1px solid #ddd; color:#656565; text-align:left; vertical-align:top;}
table.regist thead th {color: #333;border-bottom: 1px solid #000;}
table.regist th.ver {border-right: 1px solid #ddd;vertical-align: middle;}
table.regist tbody td.cont {background-image:none}
table.regist th i {float:left; margin:0 3px 0 -6px; color:#ec6941; font-weight:200}
table.regist td {padding:8px; border-bottom:solid 1px #ddd; color:#777; background:url(../image/admin/bg_th.png) 0 0 no-repeat; text-align:left; vertical-align:middle}
table.regist td img {max-width:100%; vertical-align:middle}
table.regist td label {padding:0 15px 0 0;vertical-align: middle;}
table.regist td label.lang {display: inline-block;width: 40px;}
table.regist td p {margin:5px 0 0 0; color:#333}
table.regist td p.btn {text-align: right;}
table.regist td p button,
table.regist td p a {margin-left:10px}
table.regist td .check-list li {float: left;width: 175px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
table.regist td .bx-photo {width: 300px;height: 250px;margin: 0 0 15px 0;overflow: hidden;border: 1px solid #ddd;text-align: center;}
table.regist td .bx-photo img {max-width: 350px;vertical-align: middle;}

table.regist td input.subject,
table.regist td textarea.subject,
table.regist td select.subject {width:70%}
table.regist td input.tem {width:250px}
table.regist td span.pop {display:inline-block; width:150px; color:#333}
table.regist td span.pop em {display:inline-block; width:40px}
table.regist td select.hour {width:50px}
table.regist td input.address {width:200px; margin:5px 0 0 0}
table.regist td input.tel {width:60px}
table.regist td span.state {color:#00817f; padding:0 10px 0 0; font-weight:900}
table.regist td .floor {margin: 0 0 6px 0;}
table.regist tr td a.ex {color:#00817f}
table.regist tr td .notice {color:#00817f;font-size: 11px;}
table.regist td .list li {margin: 0 0 5px 0;}

table.regist td .inner-input {overflow: hidden;padding: 8px 0 8px 5px;border-top: 1px solid #ddd;}
table.regist td .inner-input:nth-of-type(1) {border-top: none;}
table.regist td .inner-input dt {float: left;width: 80px;color: #000;}
table.regist td .inner-input dt em {display: block;margin: 4px 0 0 0;font-weight: 200;}

.letterCount {position: relative;}
.letterCount ul {float: left;width: 60%;overflow: hidden;margin: 0 20px 0 0;padding: 10px;border: 1px solid #ddd;}
.letterCount .item {height: 20px;overflow: hidden;background-color: #fff;border: none;line-height: 20px;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;}
.letterCount .ui-selected {color: #fff;background: #006d82 !important;}
/*
table.regist tr td table,
table.regist tr td td,
table.regist tr td tr {padding:0; margin:0; border:none}
table.regist tr td td {background:none; vertical-align:top}
table.regist tr td table {margin:auto}

table.regist tr.file table {margin:0}
table.regist tr td dl.date-mod {margin:15px 0 0 0; color:#00817f}
table.regist tr td dl.date-mod dt {float:left; margin:0 4px 0 0}

table.search-option {width:100%; margin:0 0 30px 0; border-collapse:collapse; border-spacing:0; border-top:1px solid #717171; border-bottom:2px solid #e8e8e8}
table.search-option col.subject {width:20%; min-width:70px}
table.search-option col.cont {width:30%}
table.search-option col.cont_s {width:auto}
table.search-option col.cont_l {width:80%}

table.search-option th,
table.search-option th {padding:10px 5px 8px 18px; border-bottom:1px solid #ddd; color:#656565; background:url(../image/admin/bu_h4.png) 5px 14px no-repeat; text-align:left; vertical-align:middle}
table.search-option tbody td.cont {background-image:none}
table.search-option th em {margin:0 3px 0 3px; color:#ec6941; font-weight:200}
table.search-option td {padding:8px; border-bottom:solid 1px #ddd; color:#777; background:url(../image/admin/bg_th.png) left center no-repeat; text-align:left; vertical-align:middle}
table.search-option td label {padding:0 20px 0 0}
table.search-option td label.rig {padding: 0 20px;}

table.regist.add-medicine td img {padding:0 0 0 8px; cursor:pointer}

.head-down {margin:20px 0}
.head-down dt {float:left; margin:0 10px 0 0; padding:0 0 0 12px; color:#00817f; background:url(../image/admin/bu_h4.png) 0 1px no-repeat; font-family:ngttf; font-size:1em !important; line-height:1em; font-weight:900}
.head-down dd {}
.head-down dd img {margin:0 4px 0 0; vertical-align:middle}
.head-down dd a {color:#333; text-decoration:underline}
*/
.bx-area {height:80px; overflow-x:hidden; overflow-y:auto; border:1px solid #ddd}

.ico-file {display: inline-block;width: 16px;height: 16px;margin: 0 4px 0 0;background-image: url(../../image/admin/sprite2.png);background-repeat: no-repeat;background-position: -277px -79px;vertical-align: middle;}
.ico-file.doc,
.ico-file.docx {background-position: -16px -79px;}
.ico-file.xls,
.ico-file.xlsx {background-position: -41px -79px;}
.ico-file.jpg,
.ico-file.png,
.ico-file.bmp {background-position: -66px -79px;}
.ico-file.hwp {background-position: -90px -79px;}
.ico-file.ppt,
.ico-file.pptx {background-position: -114px -79px;}
.ico-file.pdf {background-position: -137px -79px;}
.ico-file.rar,
.ico-file.zip {background-position: -159px -79px;}
.ico-file.mp3 {background-position: -181px -79px;}
.ico-file.gif {background-position: -208px -79px;}
.ico-file.html {background-position: -231px -79px;}
.ico-file.mp4,
.ico-file.wav,
.ico-file.wmv,
.ico-file.avi {background-position: -255px -79px;}
.ico-file.other {background-position: -294px -79px;}


/*******************************************************************************
  table - detail
*******************************************************************************/
table.detail {width:100%; border-collapse:collapse; border-spacing:0; border-top:3px solid #717171; border-bottom:2px solid #e8e8e8}

table.detail thead th,
table.detail tbody th {padding:10px 5px 8px 18px; border-bottom:1px solid #ddd; color:#656565; text-align:left; vertical-align:middle}
table.detail thead td {padding:10px 5px 8px 10px; background:url(../image/admin/bg_th.png) left center no-repeat;}
table.detail tbody td {background:url(../image/admin/bg_th.png) left center no-repeat}
table.detail tbody td.cont {padding:15px 8px; background-image:none}
table.detail td {padding:8px; border-bottom:solid 1px #ddd; color:#777; text-align:left; vertical-align:middle; line-height:1.4em}
table.detail thead tr.title th,
table.detail thead tr.title td {border-bottom:1px solid #cccccc; background-color:#f9f9f9}
table.detail thead tr.title td {color:#333; font-weight:900}
table.detail tbody td dl.research {margin:0 0 0 15px; color:#333; line-height:2em}
table.detail tbody td dl.research dt {float:left; width:90px; font-weight:900}
table.detail tbody td dl.research dd.graph {float:left; width:200px; margin:0 15px 0 0}
table.detail tbody td dl.research dd.graph div {height:4px; margin-top:8px; background-color:#008b8a}

table.detail tr td table,
table.detail tr td td,
table.detail tr td tr {padding:0; margin:0; border:none}
table.detail tr td td {background:none; vertical-align:top}
table.detail tr td table {margin:auto}

/*******************************************************************************
  button
*******************************************************************************/
.btn-r {margin:10px 0; text-align:right}
.btn-l {margin:10px 0; text-align:left}
.btn-s {margin:10px 0; text-align:left}
.btn-s:after {content:""; display:block; clear:both}
.btn-s .bbs-gray {float:left}
.btn-s .bbs-bl {margin-left:4px}
.btn-l .right {float:right}
.btn-c {margin:20px 0; text-align:center}
.btn-txt {margin:20px 0}
.btn-txt .left {float:left}
.btn-txt .right {float:right; font-weight:900}
.btn-flex {overflow:hidden; margin:10px 0 30px 0}

.btn-flex .left {float:left}
.btn-flex .right {float:right}
.btn-search {margin:0 0 80px 0; text-align:center}

.button-area {margin:40px 0}
.gray {padding:2px 7px; border:1px solid #a6afb5; color:#6a7172; font-size:11px; }
/* 2023 CMS UI/UX 백업 
.bbs-bl {display:inline-block; overflow:hidden; padding:6px 14px; border:1px solid #5c9698; color:#fff; font-weight:900;font-family: Dotum;vertical-align: middle;
    background:#6cb1b4 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#81c6c8), to(#6cb1b4));
    background:#6cb1b4 -moz-linear-gradient(top, #81c6c8, #6cb1b4);
    background:#6cb1b4 -o-linear-gradient(top, #81c6c8, #6cb1b4);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#81c6c8', endColorstr='#6cb1b4');
    background-color:#6cb1b4;
} */
.bbs-bl {display:inline-block; overflow:hidden; padding:6px 14px; border:1px solid #248CDE; color:#fff; font-weight:900;font-family: Dotum;vertical-align: middle; background-color:#248CDE;}
.bbs-bl:hover,
.bbs-gray:hover {color: #fff;text-decoration: none;}
.bbs-gray {display:inline-block; overflow:hidden; padding:6px 14px; border:1px solid #d0d0d0; color:#fff; font-weight:900;font-family: Dotum;vertical-align: middle;
    background:#c1c1c1 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c1c1c1), to(#9f9f9f));
    background:#c1c1c1 -moz-linear-gradient(top, #c1c1c1, #9f9f9f);
    background:#c1c1c1 -o-linear-gradient(top, #c1c1c1, #9f9f9f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#9f9f9f');
    background-color:#9f9f9f;
}
.bbs-bl.rtop {float:right; margin:-40px 0 0 0;}
.sm-red {display:inline-block; padding:0 6px; overflow:hidden; height:21px; border:1px solid #c86670; color:#fff; font-weight:900; font-size:11px; line-height:21px; white-space:nowrap;vertical-align: middle;font-family: Dotum;
    background:#bb6d75 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d8939a), to(#bb6d75));
    background:#bb6d75 -moz-linear-gradient(top, #d8939a, #bb6d75);
    background:#bb6d75 -o-linear-gradient(top, #d8939a, #bb6d75);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8939a', endColorstr='#bb6d75');
    background-color:#bb6d75;
}
.btn-pop,
.sm-gray {display:inline-block; height:21px; padding:0 6px; border:1px solid #5b5b5b; color:#fff; font-weight:900; font-size:11px; line-height:21px; white-space:nowrap;vertical-align: middle;font-family: Dotum;
    background:#6c6c6c -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a8a8a8), to(#6c6c6c));
    background:#6c6c6c -moz-linear-gradient(top, #a8a8a8, #6c6c6c);
    background:#6c6c6c -o-linear-gradient(top, #a8a8a8, #6c6c6c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a8a8', endColorstr='#6c6c6c');
    background-color:#6c6c6c;
}
.sm-red:hover,
.sm-gray:hover {color: #fff;text-decoration: none;}
.sm-gray.down {padding:0 7px 0 28px; margin:0 5px 0 0; background-image:url(image/save.png); background-position:5px 1px; background-repeat:no-repeat}

.popsm-gray {display:inline-block; height:21px; padding:0 6px; border:1px solid #5b5b5b; color:#fff; font-weight:900; font-size:11px; line-height:21px; white-space:nowrap;vertical-align: middle;font-family: Dotum;
    background:#6c6c6c -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a8a8a8), to(#6c6c6c));
    background:#6c6c6c -moz-linear-gradient(top, #a8a8a8, #6c6c6c);
    background:#6c6c6c -o-linear-gradient(top, #a8a8a8, #6c6c6c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a8a8', endColorstr='#6c6c6c');
    background-color:#6c6c6c;
}
.popsm-gray:hover {color: #fff;text-decoration: none;}
.popsm-gray.down {padding:0 7px 0 28px; margin:0 5px 0 0; background-image:url(image/save.png); background-position:5px 1px; background-repeat:no-repeat}


button.excel i,
a.excel i {display: inline-block;width: 16px;height: 16px;margin: 0 4px 0 0;background: url(/image/admin/sprite2.png)  -41px -79px no-repeat;vertical-align: middle;} 
.sm-red.tabl-add {float:right; margin:10px 0 -50px 0}
.sm-search {display: inline-block;width: 20px;height: 20px;color: transparent;background: url(/image/admin/sprite2.png) -16px -13px no-repeat;font-size: 0;vertical-align: middle;}

.search {display:inline-block; padding:0 30px; overflow:hidden; height:40px; color:#fff; font-weight:900; font-size:14px; line-height:21px; white-space:nowrap;
    background-color:#006d82;
}
.smbtn {display: inline-block;height: 21px;padding: 0 6px;line-height: 21px;color: #000;font-size: 11px;font-family: Dotum;letter-spacing: -0.05em;
	background:#fff -webkit-linear-gradient(top, #fff, #f2f2f2);
    background:#fff -moz-linear-gradient(top, #fff, #f2f2f2);
    background:#fff -o-linear-gradient(top, #fff, #f2f2f2);
    background:#fff -ms-linear-gradient(top, #fff, #f2f2f2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f2f2f2);
    box-shadow: 
        0px 1px 1px #e7e7e7 inset, 
        1px 1px 2px #bdbdbd;
}
.smbtn i {display: inline-block;width: 13px;height: 13px;margin: 0 3px 0 0;background-image: url(/image/admin/sprite2.png);background-repeat: no-repeat;vertical-align: middle;}
.smbtn.mod i {background-position: -98px -13px;}
.smbtn.del i {background-position: -115px -13px;}
.smbtn.save i {background-position: -176px -13px;}

.stadContUp {display: inline-block;width: 18px;height: 18px;background-color: #fff;border: 1px solid #f1f1f1;color: #bb6d75;font-size: 11px;line-height: 18px;text-align: center;}
.stadContUp:hover {color: #fff;background-color: #bb6d75;}

.btn-comment {display: inline-block;height: 40px;padding: 0 15px;border: 1px solid #bebebe;border-radius:3px;color: #333;font-weight: 900;font-family: Dotum;letter-spacing: -0.05em;line-height: 40px;
	background:#fff -webkit-linear-gradient(top, #fff, #f2f2f2);
    background:#fff -moz-linear-gradient(top, #fff, #f2f2f2);
    background:#fff -o-linear-gradient(top, #fff, #f2f2f2);
    background:#fff -ms-linear-gradient(top, #fff, #f2f2f2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f2f2f2);    
}
/* 2023 CMS 백업
.btn-npki-sm {display: inline-block;height: 65px;padding: 0 15px;border: 1px solid #bebebe;border-radius:3px;color: #333;font-weight: 900;font-family: Dotum;letter-spacing: -0.05em;line-height: 65px;
	background:#fff -webkit-linear-gradient(top, #fff, #f2f2f2);
    background:#fff -moz-linear-gradient(top, #fff, #f2f2f2);
    background:#fff -o-linear-gradient(top, #fff, #f2f2f2);
    background:#fff -ms-linear-gradient(top, #fff, #f2f2f2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f2f2f2);    
}
*/
/* 20240322 백업
.btn-npki-sm {display: inline-block;height: 65px;padding: 0 15px;border: 1px solid #248CDE;border-radius:3px;color: #fff;font-weight: 900;font-family: Dotum;letter-spacing: -0.05em;line-height: 65px; background-color: #248CDE;} */
.btn-npki-sm {display: inline-block;height: 65px;padding: 0 15px;border: 1px solid #248CDE;border-radius:3px;color: #fff;font-weight: 900;font-family: Dotum;letter-spacing: -0.05em;line-height: 65px; background-color: #248CDE; width: 120px;} /*20240322 width추가*/
.btn-npki-sm02 {display: inline-block;height: 65px;padding: 0 15px;border: 1px solid rgb(65, 172, 178);border-radius:3px;color: #fff;font-weight: 900;font-family: Dotum;letter-spacing: -0.05em;line-height: 65px; background-color: rgb(65, 172, 178); width: 120px; margin-top: 5px;} /*20240322 추가*/
.btn-comment i {display: inline-block;width: 10px;height: 10px;margin: 0 7px 0 0;background: url(/image/admin/sprite2.png) -135px -13px no-repeat;}
.se-result {margin:5px 0 0 84px !important;}
.se-result img {padding:0 0 0 5px; margin:-2px 0 0 0; cursor:pointer}
.cc-result {margin:5px 0 0 0;}
.cc-result img {padding:0 0 0 5px; margin:-2px 0 0 0; cursor:pointer}

/*******************************************************************************
  File
*******************************************************************************/
.filebutton {margin:0 6px 0 0}
.filebutton {position:relative; width:80px; height:25px; margin:0 7px 0 0; overflow:hidden;}
.filebutton span {display:inline-block; width:80px; height:23px; *height:31px; background:url(/image/admin/btn_file.png) 0 0 no-repeat}
.filebutton input {z-index:999;position:absolute;top:0;left:0;bottom: 0;top: 0;width:100%;height:100% !important; margin: 0; padding:0;font-size:50px;line-height:0; 
    opacity: 0; 
    filter: alpha(opacity = 0); 
    cursor: pointer;
}
.filebox {float:left; width:180px; height:21px; margin:0 3px 0 0; padding:0 4px; overflow:hidden; border:1px solid #b9bccf; color:#00817f; font-size:11px; white-space:nowrap; line-height:21px}
.file {margin:10px 0 0 0}
/* .file-result {margin:5px 0 0 0; padding:0 20px 0 18px; clear:both; background:url(../image/admin/save.png) 0 0 no-repeat} */
.file-result {margin:5px 0 0 0; padding:0 20px 0 0px; clear:both;}
.file-result img {padding:0 0 0 5px; margin:-2px 0 0 0; cursor:pointer}

/*******************************************************************************
  tab
*******************************************************************************/
.tabmenu.main {margin:0 0 10px 0; overflow:hidden}
.tabmenu.main ul {overflow: hidden;}
.tabmenu.main li {float:left; margin-right:1px;}
.tabmenu.main li a {display: block;height: 100%;padding:10px 36px; font-weight:900;
    border:1px solid #d2d2d2;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background:#c1c1c1 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    background:#c1c1c1 -moz-linear-gradient(top, #fff, #eee);
    background:#c1c1c1 -o-linear-gradient(top, #fff, #eee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background-color:#eee;
}
.tabmenu.main li a.active {
    border:1px solid #5c9698;color: #fff;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background:#82c6c9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#82c6c9), to(#6cb1b4));
    background:#82c6c9 -moz-linear-gradient(top, #82c6c9, #6cb1b4);
    background:#82c6c9 -o-linear-gradient(top, #82c6c9, #6cb1b4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#82c6c9', endColorstr='#6cb1b4');
    background-color:#82c6c9;
}
.tabmenu.main li a:hover {text-decoration:none}
.tab-content.editor {margin: 20px 0 0 0;overflow: hidden;clear: both;}


.tabmenu2.main {margin:0 0 10px 0; overflow:hidden}
.tabmenu2.main ul {overflow: hidden;}
.tabmenu2.main li {float:left; margin-right:1px;}
.tabmenu2.main li a {display: block;height: 100%;padding:5px 10px; font-weight:900;
    border:1px solid #d2d2d2;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background:#c1c1c1 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    background:#c1c1c1 -moz-linear-gradient(top, #fff, #eee);
    background:#c1c1c1 -o-linear-gradient(top, #fff, #eee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background-color:#eee;
}
.tabmenu2.main li a.active {
    border:1px solid #5c9698;color: #fff;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background:#82c6c9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#82c6c9), to(#6cb1b4));
    background:#82c6c9 -moz-linear-gradient(top, #82c6c9, #6cb1b4);
    background:#82c6c9 -o-linear-gradient(top, #82c6c9, #6cb1b4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#82c6c9', endColorstr='#6cb1b4');
    background-color:#82c6c9;
}
.tabmenu2.main li a:hover {text-decoration:none}

/*******************************************************************************
  layered-pop
*******************************************************************************/

.layer-pop {z-index:1001;position:fixed;top:50%;left:50%;overflow:hidden;border: 1px solid #404040;border-radius:4px;box-shadow:2px 2px 2px #000;}
.curton {display:none;z-index:1000;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;}
.curton.open {display:block;}
.curton.open .back {position:fixed;width:100%;height:100%;background-color:#000;opacity:0.4;filter:alpha(opacity=40);}
.curton form {display:block;width:100%;height:100%;}
.scrollLayer {width:100%;background-color: rgba(0, 0, 0, 0.4);overflow-x:auto;overflow-y:scroll;}
.scrollLayer .back {display:none;}
.scrollLayer .layer-pop {position:relative;top:40px;left:auto;margin:auto !important;}
.noScroll {overflow:hidden;}
.curton .close-pop {z-index: 999;position: absolute;right: 0;top: 0;width: 40px;min-width: 40px;height: 43px;background:url(../image/admin/e_btn_set.png) -514px -149px no-repeat;font-size: 0;text-indent: -999em;}
.close-layer {z-index: 999;position: absolute;right: 0;top: 0;width: 40px;min-width: 40px;height: 43px;background:url(/image/admin/e_btn_set.png) -514px -149px no-repeat;font-size: 0;text-indent: -999em;}

.layer-pop header,
.layer-pop .header {height:43px;border-bottom:1px solid #000;
    background:#232323 -webkit-linear-gradient(top, #2d2d2d, #232323);
    background:#232323 -moz-linear-gradient(top, #2d2d2d, #232323);
    background:#232323 -o-linear-gradient(top, #2d2d2d, #232323);
    background:#232323 -ms-linear-gradient(top, #2d2d2d, #232323);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#2d2d2d, endColorStr=#232323);
}
.layer-pop header h2 {height: 43px;padding:0 0 0 10px;border:none;color:#fff;background-color:#252525;font-size:13px;line-height:43px;}
.layer-pop header h2 i {display: inline-block;width: 18px;height: 18px;margin: 0 5px 0 0;vertical-align: middle;background: url(../image/admin/sprite2.png) -73px -12px no-repeat;}
.layer-pop .bot {min-height:45px;padding:0 10px;border-top:1px solid #ccc;background-color:#f2f2f2;text-align:right;line-height:45px;}

.layer-pop.bluemode header h1 {color:#fff;background-color:#6d84b4;} 
.layer-pop.managemode {background-color:#3a589b;}
.layer-pop.managemode header {float:left;width:135px;height:100%;overflow:hidden;margin-right:-135px;border:none;background-color:#3a589b;}
.layer-pop.managemode header span {display:block;width:100%;height:110px;background:url(images/h1_popup.png) 0 0 no-repeat;}
.layer-pop.managemode header h1 {margin:20px 0 0 0;color:#fff;background-color:#3a589b;text-align:center;}
.layer-pop.managemode .cont {overflow:hidden;margin:0 0 0 135px;padding:30px 43px;margin-left:135px;background-color:#fbfbfb;}

.layer-pop.sidemode {overflow:hidden;background-color:#242424;}
.layer-pop.sidemode .cont {border:none;}
.layer-pop.sidemode .side-menu {float:left;width:156px;margin-right:-156px;}
.layer-pop.sidemode .side-menu .dep1 {overflow: hidden;clear: both;}
.layer-pop.sidemode .side-menu .dep1 a,
.layer-pop.sidemode .side-menu .dep1 em {position:relative;display:block;min-height:40px;padding:0 0 0 20px;border-bottom:1px solid #2f2f2f;color:#fff;font-size:12px;line-height:40px;}
.layer-pop.sidemode .side-menu .dep1 a.active,
.layer-pop.sidemode .side-menu .dep1 em.active {color:#ffb427;background-color:#171717;text-decoration:none;}
.layer-pop.sidemode .side-menu .dep1 a:hover {text-decoration: none;}

.layer-pop.sidemode .tab-content {min-height:344px;overflow:hidden;margin:0 0 0 160px;padding:10px;background-color:#343434;}
.layer-pop.sidemode .tab-content table {font-family:Dotum;}
.layer-pop.sidemode .tab-content table:first-child {margin:0 0 20px 0;}
.layer-pop.sidemode .tab-content table col.subj {width:147px;}
.layer-pop.sidemode .tab-content table th {height:32px;padding:0 0 0 14px;font-size:14px;text-align:left;vertical-align:middle;}
.layer-pop.sidemode .tab-content table th i {position:relative;top:2px;margin:0 10px 0 -14px;color:#ff9900;font-weight:900;}
.layer-pop.sidemode .tab-content table td {height:32px;font-size:14px;vertical-align:middle;}
.layer-pop.sidemode .tab-content table td input[type=text],
.layer-pop.sidemode .tab-content table td input[type=email],
.layer-pop.sidemode .tab-content table td input[type=password] {width:240px;height:25px;border:1px solid #e8e8e8;border-radius:2px;font-size:14px;}
.layer-pop.sidemode .tab-content table td input.tel {width:66px;}
.layer-pop.sidemode .tab-content table:nth-of-type(1) tr:nth-of-type(1) td input[type=text],
.layer-pop.sidemode .tab-content table:nth-of-type(1) tr:nth-of-type(2) td input[type=email] {color:#babec7;font-weight:900;}
.layer-pop.sidemode .tab-content table td .input-comment {display: block;margin: 5px 0 0 0;color: #8096CA;font-size: 11px;}
.layer-pop.sidemode .btn {overflow: hidden;margin: 0 0 0 160px;padding: 10px;border-top: 1px solid #000;background-color: #343434;text-align:center;}

.layer-pop.sidemode .tabmenu.depth2 .tab-content {margin:0 !important;padding:0 !important;}
.layer-pop.sidemode .tabmenu.depth2 .tab {height:30px;margin:0 0 20px 0;border-bottom:1px solid #d1d1d1;}
.layer-pop.sidemode .tabmenu.depth2 .tab li {float:left;min-width:100px;height:30px;margin:0 0 0 -1px;}
.layer-pop.sidemode .tabmenu.depth2 .tab li:first-child {margin:0;}
.layer-pop.sidemode .tabmenu.depth2 .tab li a {display:block;width:100%;height:28px;margin:1px 0 0 0;border:1px solid #d1d1d1;color:#a7a7a7;background-color:#fafafa;text-align:center;line-height:30px;}
.layer-pop.sidemode .tabmenu.depth2 .tab li a:hover {text-decoration:none;}
.layer-pop.sidemode .tabmenu.depth2 .tab li a.active {margin-bottom:-1px;border-bottom:1px solid #fafafa !important;color:#565c67;font-size: 12px;}
/*
.imgBox {padding:0;}
.imgBox .layer-pop {position: relative;width:820px;margin: auto;left: auto;top: 150px;}
.imgBox .side-menu {width:160px;margin-right:-160px;}
.imgBox .tab-content {padding:15px;margin:0 0 0 160px;}
.imgBox ol {padding:10px;}
.imgBox ol li {display:inline-block;width:95px;height:95px;overflow:hidden;margin:0 6px 6px 0;border:1px solid #cacaca;text-align:center;line-height:90px;}
.imgBox ol li:hover {border:1px solid #22479b;}
.imgBox ol li.selected .drag {width: 84px;height: 84px;border: 3px solid #eb6100;}
.imgBox ol li.selected .drag img {max-width: 84px;}
.imgBox ol li .drag {position:relative;height: 90px;cursor:pointer;background-color: #fff;}
.imgBox ol li .drag span {position:absolute;right:5px;top:5px;width:15px;height:15px;border:1px solid #c2c2c2;background-color:#000;}
.imgBox ol li .drag span i {display:none;position:absolute;left:2px;top:2px;width:12px;height:11px;background:url(../image/admin/ico_sprite.png) -338px -124px no-repeat;}
.imgBox ol li .drag.selected span i {display:block;}
.imgBox ol li .bgset {position:relative;cursor:pointer;}
.imgBox ol li .bgset span {position:absolute;right:5px;top:5px;width:15px;height:15px;border:1px solid #c2c2c2;background-color:#000;}
.imgBox ol li .bgset span i {display:none;position:absolute;left:2px;top:2px;width:12px;height:11px;background:url(../image/admin/ico_sprite.png) -338px -124px no-repeat;}
.imgBox ol li .bgset.selected span i {display:block;}
.imgBox ol li img {max-width:90px;max-height:90px;}
.imgBox ol li.filebox {border:none;}
.imgBox ol li.filebox .filebutton {position:relative;width:90px;height:90px;overflow:hidden;border:1px dashed #e99c0c;background-color:#ffb427;text-align:center;}
.imgBox ol li.filebox .filebutton input {width: 90px;height: 90px;}
.imgBox ol li.filebox .filebutton i {display:block;position:relative;top:50%;width:22px;height:22px;margin:-11px auto 0;background:url(../image/admin/sprite2.png) -41px -13px no-repeat;}
.imgBox .pop-bot-submit {float: left;}
.imgBox button.pop-bot-gray {float: right;}
.imgBox dl.insert-alt-text {margin: 0 0 0 160px;padding:15px;background-color: #343434;}
.imgBox dl.insert-alt-text dt {float: left;height: 24px;margin: 0 5px 0 0;color: #fff;font-weight: 900;line-height: 24px;} 
.imgBox dl.insert-alt-text dd input {width: 500px;}
.imgBox dl.insert-alt-text dd p {color: #fff;margin: 5px 0 0 75px;font-size: 11px;}
.imgBox .img-list-area {position: relative;min-height: 400px;background-color: #fff;}
.imgBox .img-list-area .blind-curton {display: none;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #fff;opacity:0.5;filter:alpha(opacity=50);}
*/
.imgBox {height: 100%;padding:0;}
.imgBox .layer-pop {position: relative;margin: auto;left: auto;top: 0 !important;height: 100%;}
.imgBox .side-menu {width:160px;margin-right:-160px;}
.imgBox .tab-content {padding:15px;margin:0 0 0 160px;}
.imgBox ol {padding:10px;}
.imgBox ol li {display:inline-block;width:95px;height:95px;overflow:hidden;margin:0 6px 6px 0;border:1px solid #cacaca;text-align:center;line-height:90px;}
.imgBox ol li:hover {border:1px solid #22479b;}
.imgBox ol li.selected .drag {width: 84px;height: 84px;border: 3px solid #eb6100;}
.imgBox ol li.selected .drag img {max-width: 84px;}
.imgBox ol li .drag {position:relative;height: 90px;cursor:pointer;background-color: #fff;}
.imgBox ol li .drag span {position:absolute;right:5px;top:5px;width:15px;height:15px;border:1px solid #c2c2c2;background-color:#000;}
.imgBox ol li .drag span i {display:none;position:absolute;left:2px;top:2px;width:12px;height:11px;background:url(../image/admin/ico_sprite.png) -338px -124px no-repeat;}
.imgBox ol li .drag.selected span i {display:block;}
.imgBox ol li .bgset {position:relative;cursor:pointer;}
.imgBox ol li .bgset span {position:absolute;right:5px;top:5px;width:15px;height:15px;border:1px solid #c2c2c2;background-color:#000;}
.imgBox ol li .bgset span i {display:none;position:absolute;left:2px;top:2px;width:12px;height:11px;background:url(../image/admin/ico_sprite.png) -338px -124px no-repeat;}
.imgBox ol li .bgset.selected span i {display:block;}
.imgBox ol li img {max-width:90px;max-height:90px;}
.imgBox ol li.filebox {border:none;}
.imgBox ol li.filebox .filebutton {position:relative;width:90px;height:90px;overflow:hidden;border:1px dashed #e99c0c;background-color:#ffb427;text-align:center;}
.imgBox ol li.filebox .filebutton input {width: 90px;height: 90px;}
.imgBox ol li.filebox .filebutton i {display:block;position:relative;top:50%;width:22px;height:22px;margin:-11px auto 0;background:url(../image/admin/sprite2.png) -41px -13px no-repeat;}
.imgBox .pop-bot-submit {float: left;}
.imgBox button.pop-bot-gray {float: right;}
.imgBox dl.insert-alt-text {margin: 0 0 0 160px;padding:15px;background-color: #343434;}
.imgBox dl.insert-alt-text dt {float: left;height: 24px;margin: 0 5px 0 0;color: #fff;font-weight: 900;line-height: 24px;} 
.imgBox dl.insert-alt-text dd input {width: 500px;}
.imgBox dl.insert-alt-text dd p {color: #fff;margin: 5px 0 0 75px;font-size: 11px;}
.imgBox .img-list-area {position: relative;min-height: 400px;background-color: #fff;}
.imgBox .img-list-area .blind-curton {display: none;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #fff;opacity:0.5;filter:alpha(opacity=50);}
button.pop-bot-submit {position:relative;width: auto;height:30px;padding: 0 25px;border:1px solid #191919;border-radius:4px;color: #fff;font-weight: 900;font-size: 11px;
    cursor:pointer;line-height:30px;white-space: nowrap;box-shadow:0 0 2px #000;
    min-width:90px;text-shadow:0 0 2px #6e4905;
    background:#e7a52a -webkit-linear-gradient(top, #febd42, #e7a52a);
    background:#e7a52a -moz-linear-gradient(top, #febd42, #e7a52a);
    background:#e7a52a -o-linear-gradient(top, #febd42, #e7a52a);
    background:#e7a52a -ms-linear-gradient(top, #febd42, #e7a52a);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#febd42, endColorStr=#e7a52a);
    box-shadow: 
        0px 1px 1px #ffc85e inset, 
        1px 1px 1px #181818;    
}
button.pop-bot-gray {position:relative;width: auto;height:30px;padding: 0 25px;border:1px solid #191919;border-radius:4px;color: #fff;font-weight: 900;font-size: 11px;
    cursor:pointer;line-height:30px;white-space: nowrap;box-shadow:0 0 2px #000;
    background:#5f5f5f -webkit-linear-gradient(top, #767676, #5f5f5f);
    background:#5f5f5f -moz-linear-gradient(top, #767676, #5f5f5f);
    background:#5f5f5f -o-linear-gradient(top, #767676, #5f5f5f);
    background:#5f5f5f -ms-linear-gradient(top, #767676, #5f5f5f);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#767676, endColorStr=#5f5f5f);
    box-shadow: 
        0px 1px 1px #616161 inset, 
        1px 1px 3px #000;
}

#repeat_option {width: 600px;}
.poslayer {display: none;}
.poslayer .cont {padding: 15px;background-color: #fff;}
.poslayer .btn-area {margin: 30px 0 15px;text-align: center;}

#helpdesk .layer-pop {width: 700px;min-height: 500px;background-color: #fff;}
#helpdesk .layer-pop .cont {padding: 20px;}
#user_info {z-index: 1000;position: fixed;width: 250px;padding: 15px;border: 1px solid #ddd;border-radius:8px;background-color: #fff;}
#user_info p {margin: 3px 0;}
#user_info p.asso {color: #333;font-weight: 900;}
#user_info a,
#user_info button {float: right;}
#user_info a:hover {text-decoration: none;}

/*******************************************************************************
  etc
*******************************************************************************/

.bx-subject {padding:10px; margin:0 0 10px 0; overflow:hidden; background-color:#f5f5f5; border:1px solid #999}
.bx-subject h4 {color:#333}
.bx-subject dl {float:right; margin:-17px 0 0 0}
.bx-subject dl dt {float:left; margin:0 4px 0 0; color:#333}
.bx-subject dl dd {float:left; margin:0 20px 0 0; color:#000; font-weight:900}

.bx-detail { border-bottom:2px solid #e8e8e8}
.bx-detail h3 {margin: 0 0 15px 0;color: #333;font-size: 14px;font-weight: 900;}
.bx-detail .head-info {padding:10px 5px 8px 18px;border-top:3px solid #717171; border-bottom:1px solid #ddd; color:#656565; text-align:left; vertical-align:middle}
.bx-detail .bx {padding: 20px 10px;}

.comment {margin:30px 0 0 0}
.comment .comment-area {clear: both;}
.comment .bx-write {float: left;width: 100%;margin-bottom: 10px;}
.comment .bx-write div {height: 40px;margin-right: 120px;}
.comment .bx-write div textarea {height: 40px;border: 1px solid #ddd;}
.comment .btn-comment {float: right;width: 110px;margin-left: -120px;}
.comment .file {margin:8px 0 0 0;}
.comment ol {overflow: hidden;border-top: 1px solid 555;clear: both;}
.comment ol li {overflow:hidden; padding:8px 8px 8px 20px; border-bottom:1px solid #ddd}
.comment ol li .inner {float:left; width:85%}
.comment ol li .inner .name {float: left;width: 120px;padding: 0 15px 0 0;color: #000;}
.comment ol li .inner .name span {display: block;}
.comment ol li .inner .name em {font-size:11px}
.comment ol li .inner .txt {margin-left: 135px;padding: 0 0 0 10px;border-left: 1px solid #ddd;}
.comment ol li .inner p {padding: 0;line-height: 1.4em;}
.comment ol li .inner .file {margin: 15px 0 0 0;}
.comment ol li .btn {float:right;width: 15%;text-align: right;}
.comment ol li .btn button,
.comment ol li .btn a {margin: 0 0 3px 0;}

.preview-letter {height:600px; overflow-x:hidden; overflow-y:auto; padding:15px; border:1px solid #ddd}
.ch-bbs {overflow:hidden; border-top:1px solid #ddd}
.ch-bbs:first-child {border:none}
.ch-bbs dt {float:left; width:15%; height:70px; padding:10px; color:#333}
.ch-bbs dd {overflow:hidden; padding:10px}
.ch-bbs dd div {float:left; width:75%; height:60px; margin:0 10px 0 0; border:1px solid #ddd}
.ch-bbs dd div a {display:block}
.ch-bbs dd .sm-gray {display:inline-block; margin:18px 0 0 0; clear:both}
.ch-bbs dd select {width:500px; height:200px}

.survey li {padding:10px; border-bottom:1px solid #ddd}
.survey li p {margin:0 0 10px 0; color:#333}
.survey li label {padding:0 30px 0 0}

.survey dl {margin:0 0 10px 20px; overflow:hidden}
.survey dl dt {float:left; width:150px; margin:0 20px 0 0; font-weight:900}
.survey dl dd.graph {float:left; width:300px; margin:0 15px 0 0} 
.survey dl dd.graph span {display:block; height:10px; border:1px solid #ddd; background-color:#00817f}
.survey dl:nth-child(1) dd.graph span {background-color:#00817f}
.survey dl:nth-child(2) dd.graph span {background-color:#00a0e9}
.survey dl:nth-child(3) dd.graph span {background-color:#638c0b}
.survey dl:nth-child(4) dd.graph span {background-color:#f39800}
.survey dl:nth-child(5) dd.graph span {background-color:#ec6941}

.survey dl dd.ea-ans {float:left; width:100px}
.survey dl dd.ea-ans em {color:#00817f; font-weight:900}

/* 2023 CMS UI/UX 백업
.standard-cont {overflow: hidden;margin: 0 0 15px 0;}
.standard-cont .container-bx {float: left;width: 31%;margin: 0 1%;}
.standard-cont .container-bx h3 {margin: 0 0 10px 0;color: #333;font-size: 12px;}
.standard-cont .container-bx .bx {height: 300px;padding: 10px;border: 1px solid #ddd;}
.standard-cont .container-bx .bx100 {height: 60px;padding: 10px;border: 1px solid #ddd;}
.standard-cont .container-bx .bx span {display: inline-block;width: 125px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;vertical-align: middle;}
.standard-cont .dep2 li {float: none;width: 100% !important;padding: 3px 0;border: none;background: #fff;clear: both;}
.standard-cont .dep2 li {cursor: pointer;} 해당 클래스는 주석처리 되어 있었음
.standard-cont .dep2 li span {cursor: pointer;}
.standard-cont .dep2 li span:hover {font-weight: bold;color:#000}
.standard-cont .dep2 li.ui-selected,
.standard-cont .dep2 li.selected {color: #fff;background-color: #006d82;}
.standard-cont .btn-area {margin: 10px 0 20px;}
.standard-cont .sm-red {float: right;}
.standard-cont .container-bx.st1 {width: 90%;}
.standard-cont .container-bx.st2 {width: 48%;}
.standard-cont .container-bx.st2 .bx span {width: 260px;}
 */

.standard-cont {overflow: hidden;margin: 0 0 30px 0;}
.standard-cont .container-bx {float: left; width: 32%; margin: 0 2% 0 0;}
.standard-cont > li.container-bx:last-child {margin: 0;}
.standard-cont .container-bx h3 {font-size: 16px; padding: 12px 0; border-radius: 10px 10px 0 0; background-color: #2380CA; color: #fff; text-align: center; font-weight: normal !important;}
.standard-cont .container-bx .bx {height: auto; padding: 20px 10px; border: 1px solid #ddd; border-radius: 0 0 10px 10px; min-height: 457.5px; box-sizing: border-box;}
.standard-cont .container-bx .bx100 {height: 60px;padding: 10px;border: 1px solid #ddd;}
.standard-cont .container-bx .bx span {display: block; width: calc(100% - 30px); overflow: hidden; text-overflow:ellipsis; white-space: nowrap; vertical-align: middle; font-size: 15px; font-weight: bold; color: #3E3E3E;}
.standard-cont .dep2 li {position: relative; float: none; width: 100% !important; padding: 15px; border: none; border-bottom: 1px solid #CECECE; background: #fff; clear: both; box-sizing: border-box;}
.standard-cont .dep2 li:last-child{border: none;}
/* .standard-cont .dep2 li {cursor: pointer;} */
.standard-cont .dep2 li span {cursor: pointer;}
.standard-cont .dep2 li span:hover {font-weight: bold;color:#2380CA}
.standard-cont .dep2 li.ui-selected,
.standard-cont .dep2 li.selected {background-color: #C6F4E9; border-radius: 5px; border-bottom: 0;}
.standard-cont .btn-area {margin: 10px 0 20px;}
.standard-cont .sm-red {float: right;}
.standard-cont .container-bx.st1 {width: 90%;}
.standard-cont .container-bx.st2 {width: 48%;}
.standard-cont .container-bx.st2 .bx span {width: 260px;}
.standard-cont .modCont{position: relative; height: auto; min-height: 24px; padding: 1.5px 15px 1.5px 17px; border: 1px solid #1095FF; border-radius: 5px; font-size: 14px; color: #0073CF; background: #DFF1FF -webkit-linear-gradient(top, #DFF1FF, #DFF1FF); background: #DFF1FF -moz-linear-gradient(top, #DFF1FF, #DFF1FF); background: #DFF1FF -o-linear-gradient(top, #DFF1FF, #DFF1FF); background: #DFF1FF -ms-linear-gradient(top, #DFF1FF, #DFF1FF); box-shadow: none; line-height: 19px; margin-top: 5px;}
.standard-cont .modCont i{background-image: none;}
.standard-cont .modCont i::before{content: ''; width: 20px; height: 20px; position: absolute; background: url(../../image/admin/icon_Modify02.png) left top no-repeat; left: 10px; top: 2px;}
.stadArrowUp{display: block;  position: absolute; right: 15px; top: 17px; width: 20px; height: 20px; background: #fff url(../../image/admin/icon_arrowUp.png) center 4px no-repeat; border-radius: 2px; border: 1px solid #FF6D5A;}
.stadArrowDown{display: block;  position: absolute; right: 15px; bottom: 17px; width: 20px; height: 20px; background: #fff url(../../image/admin/icon_arrowDown.png) center 5px no-repeat; border-radius: 2px; border: 1px solid #FF6D5A;}
.stadArrowUp:hover{background: #FF6D5A url(../../image/admin/icon_arrowUp_over.png) center 5px no-repeat; }
.stadArrowDown:hover{background: #FF6D5A url(../../image/admin/icon_arrowDown_over.png) center 5px no-repeat; }
.stad_btnWrap{margin-top: 15px; padding-bottom: 10px; display: block; overflow: hidden;}
.stad_btnWrap > button, .stad_btnWrap > button:hover{float: right;}
.sm-search02{display: inline-block; width: 38px; height: 38px; color: transparent; background:#E2F2FF url(../../image/admin/icon_Search02.png) center no-repeat; font-size: 0; vertical-align: middle; border: 1px solid #2380CA; box-sizing: border-box; border-radius: 5px; margin-left: 5px;}

html:lang(ko) .standard-cont .container-bx .bx span{font-family: 'Noto Sans KR M'; font-weight: normal;}
html:lang(ko) .standard-cont .modCont{font-family: 'Noto Sans KR R';}


#bx_regist {display: none;}

.bbs-list li {height: 30px;overflow: hidden;border-bottom: 1px solid #ddd;line-height: 30px;}
.bbs-list li span {display: inline-block;float: left;width: 130px;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;}
.bbs-list li .light {display: inline-block;float: right;width: 12px;height: 12px;margin: 8px 0 0 0;border-radius:6px;text-indent: -999em;vertical-align: middle;}
.bbs-list li .light.on {background-color: #3069ad;}
.bbs-list li .light.off {background-color: #c23200;}
.result-list {margin: 5px 0 10px 0;}

.bulletBoard, 
.toggleBox,
.toggleSelBox,
.toCheckBox {display: none;}
.rotateTbody {display: none;}


.radio_gnb { bottom:0; right:0; height:32px; clear:both; white-space:nowrap}
.radio_gnb li {float:left; }

.msg-not-modify{font-weight:bold; padding:0 4px 0 0; color:#f26c4f;}

/*******************************************************************************
*
*

  Arabic

*
*
*
*******************************************************************************/

html:lang(ar) body {direction:rtl}
html:lang(ar) input[type="radio"], input[type="checkbox"] {margin-left: 0;margin-left: 4px;}
html:lang(ar) div
html:lang(ar) span,
html:lang(ar) input,
html:lang(ar) label,
html:lang(ar) td {direction:rtl;}

html:lang(ar) .bx_login {width: 630px;}
html:lang(ar) .bx_login fieldset div {float:right; width:270px; overflow:hidden; margin-left:10px}
html:lang(ar) .bx_login fieldset div label {float: right;; width:80px; padding-top:3px; color:#000; font-weight:900}
html:lang(ar) .bx_login .btn-txt span {margin: 0 0 10px 0;}
html:lang(ar) .bx_login .btn-txt span:first-child {float: right;margin: 0 0 0 20px;}
html:lang(ar) .bx_login .btn-txt input {margin: 0 0 0 5px;}

/* 2023 CMS UI/UX 삭제 
html:lang(ar) #header h1 {float: right;}
html:lang(ar) #header .global {float: left;}
html:lang(ar) #header .gnb {right: auto;left: 0;}
html:lang(ar) #header .gnb li {float: right;} */

/* html:lang(ar) #lnb {float: right;margin-right: 0;margin-left: -230px;} 2023 CMS UI/UX 삭제 */

html:lang(ar) #content {margin-left: 0;margin-right: 230px;}
html:lang(ar) #content .location {float: left;}
html:lang(ar) #content.main .area-main ul li.btn {right: auto;left: 20px;}

html:lang(ar) #wrap-pop .left-menu {float: right;margin-right: auto;margin-left: -158px;}
html:lang(ar) #wrap-pop .right-cont {margin-left: 0;margin-right: 158px;}

html:lang(ar) .btn-flex .right {float: left;}
html:lang(ar) .btn-flex .left {float: right;}

html:lang(ar) caption.h5 {text-align: right;}
html:lang(ar) table.regist th {text-align: right;}
html:lang(ar) table.regist th i {float: right;margin: 0 0 0 3px;}
html:lang(ar) table.regist td {background: url(../image/admin/bg_th.png) right 0 no-repeat;text-align: right;}
html:lang(ar) table.regist td .inner-input dt {float: right;}
html:lang(ar) table.regist td label {padding: 0 0 0 15px;}
html:lang(ar) table.regist th.ver {border-right: none;border-left: 1px solid #ddd;}
html:lang(ar) table.detail thead th, 
html:lang(ar) table.detail tbody th {text-align: right;}
html:lang(ar) table.detail tbody td {background: url(../image/admin/bg_th.png) no-repeat right center;text-align: right;}
html:lang(ar) .file-result {padding:0 18px 0 0;background: url(../image/admin/save.png) no-repeat right 0;}
html:lang(ar) .file-result img {padding: 0 5px 0 0;}

html:lang(ar) table.bbs td.subject {text-align: right;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 200px;}
html:lang(ar) p.essential {text-align: left;}
html:lang(ar) .ico-file {margin: 0 0 0 4px;}
html:lang(ar) .filebox {float: right;}
html:lang(ar) .btn-comment i {margin: 0 0 0 7px;}
html:lang(ar) .cc-result img {padding: 0 5px 0 0;}
html:lang(ar) button.excel i, 
html:lang(ar) a.excel i {margin: 0 0 0 4px;}

html:lang(ar) .comment ol li .btn {float: left;}
html:lang(ar) .comment ol li .inner {float: right;}
html:lang(ar) .comment ol li .inner .txt {margin-left: 0;margin-left: 135px;padding: 0 10px 0 0;}
html:lang(ar) .comment .bx-write {float: right;}
html:lang(ar) .comment .bx-write div {margin-left: 0;margin-left: 120px;margin-right: auto;}
html:lang(ar) .comment .btn-comment {float: left;margin-right: -120px;margin-left: auto;}

html:lang(ar) .smbtn i {margin: 0 0 0 3px;}
html:lang(ar) .standard-cont .sm-red {float: left;}

html:lang(ar) .curton .close-pop {right: auto;left: 0;}
html:lang(ar) .layer-pop.sidemode .side-menu {float: right;margin-right: auto;margin-left: -156px;}
html:lang(ar) .layer-pop.sidemode .tab-content {margin: 0 160px 0 0;}
html:lang(ar) .layer-pop header h2 {padding: 0 10px 0 0;}
html:lang(ar) .layer-pop header h2 i {margin: 0 0 0 5px;}
html:lang(ar) .layer-pop.sidemode .btn {margin: 0 160px 0 0;}
html:lang(ar) .layer-pop.sidemode .side-menu .dep1 a, 
html:lang(ar) .layer-pop.sidemode .side-menu .dep1 em {padding: 0 20px 0 0;}

html:lang(ar) .standard-cont .container-bx {float: right; margin: 0 0 0 2%;}
html:lang(ar) .standard-cont > li.container-bx:last-child {margin: 0;}
html:lang(ar) .stadContUp {float: left; left: 15px; right: auto;}
html:lang(ar) .standard-cont .modCont {padding: 1.5px 20px 1.5px 17px;}
html:lang(ar) .standard-cont .modCont i::before {left: auto; right: 10px;}
html:lang(ar) .standard-cont .modCont i::before {left: auto; right: 10px;}
html:lang(ar) .content-snb {float: right;margin-left: -170px;margin-right: auto;}
html:lang(ar) .content-main {margin-left: auto;margin-right: 170px;}
html:lang(ar) .tabmenu.main li {float: right;}
html:lang(ar) .tabmenu2.main li {float: right;}

html:lang(ar) .radio_gnb li {float:right; }

/* .blockUI {background-image : url('../../image/common/ajax-load.gif'); background-repeat : no-repeat; background-position:center center; background-color:#000;} 기존 백업 */
.blockUI {position: fixed; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 99; text-align: center;}
.blockUI span{display: inline-block; width: 15px; height: 15px; background-color: gray; border-radius: 50%; animation: loading 1s linear infinite; margin: 0 7px;}
.blockUI span:nth-child(1) {animation-delay: 0s; background-color: #04E5F3;}
.blockUI span:nth-child(2) {animation-delay: 0.2s; background-color: #04E5F3;}
.blockUI span:nth-child(3) {animation-delay: 0.4s; background-color: #04E5F3;}
@keyframes loading{
	0%{opacity: 0; transform: scale(0.5);}
	50%{opacity: 1; transform: scale(1.2);}
	100%{opacity: 0; transform: scale(0.5);}
}

/*************************************************************
modified by nam. taewon 2015/03/30
*************************************************************/
table.regist td .people-cnt-1 {background-image:url('../../image/admin/icon-people.png');padding:0px;background-repeat: repeat-x;background-size : 16px 16px;height:16px;width:16px;display: inline-block;vertical-align: middle;}
table.regist td .people-cnt-2 {background-image:url('../../image/admin/icon-people.png');padding:0px;background-repeat: repeat-x;background-size : 16px 16px;height:16px;width:32px;display: inline-block;vertical-align: middle;}
table.regist td .people-cnt-3 {background-image:url('../../image/admin/icon-people.png');padding:0px;background-repeat: repeat-x;background-size : 16px 16px;height:16px;width:48px;display: inline-block;vertical-align: middle;}
table.regist td .people-cnt-4 {background-image:url('../../image/admin/icon-people.png');padding:0px;background-repeat: repeat-x;background-size : 16px 16px;height:16px;width:64px;display: inline-block;vertical-align: middle;}

/*************************************************************
modified by byun. ingil 2015/04/02
*************************************************************/
section.content-snb div.explanation-list{margin-top : 10px;}
section.content-snb div.explanation-list span{display: inline-block;float: left;margin-bottom:3px;}
section.content-snb div.explanation-list i{ display: inline-block;float: left;width: 12px;height: 12px;margin: 4px 4px 0 4px;border-radius: 6px;text-indent: -999em;vertical-align: middle;}
.select-list{background-color:#E9F1F1;}

/* 사이냅에디터 글머리기호 깨짐 방지 */
li.se-list-item {float:none !important;}

/*******************************************************************************
  2021.10.15 추가
*******************************************************************************/
.mainTxtAl{float:left; text-align:left;}
.mainTxtAl span{font-size:15px; color:#006d82;}