html {height:100%;}
body {margin: 0; padding:0; color:#4c4c4c; height:100%;font-family:"맑은 고딕","Malgun Gothic",Gulim, Gulim Arial, Dotum, Helvetica, sans-serif;font-size:14px;}
table, td {margin:0; padding:0; color:#4c4c4c; letter-spacing:0; font-size:14px;}
input, select, textarea {color:#4c4c4c; background-color:#ffffff; padding:6px 3px; border:1px solid #c1c1c1; max-width:100%; font-family:"맑은 고딕","Malgun Gothic",Gulim, Gulim Arial, Dotum, Helvetica, sans-serif;font-size:14px;}
button,
input[type="button"],
input[type="submit"] {border:solid 1px #ccc; padding:6px 10px; cursor:pointer;vertical-align:top; background-color:#e5e5e5; font-weight:bold;}
input:read-only {background-color:#f3f3f3;}
table {border-collapse: collapse; border:0;}
dt {font-weight:bold;}
ul, ol, li { list-style:none; padding:0;margin:0;}
form {margin:0;padding:0;}
img, .noborder { border:0px; }
a:link, a:visited {text-decoration:none; color:#4c4c4c;}
a:hover, a:active    {text-decoration:none; color:#8d0201;}
.clear {
    clear: both;
    display: block;
    float: none;
    font-size: 0 !important;
    height: 0;
    line-height: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    width: 100%;
}
.checkbox{width:13; height:13; border:1 solid gray; margin:0; padding:-2; vertical-align:middle; display:inline; float:left;}
.hidden {display:none;}

/* pop */
div#pop { width:900px; height:672px; margin:0 auto; position:absolute; z-index:100;}
div#pop_bg { display:none; height:100%; width:100%; position:absolute; top:0; left:0; background:#ffffff; z-index:1;}


/* main */
.main_project {margin:200px 0 0 0; width:246px;height:338px;}
.main_project ul li.btn {height:39px; text-align:center; padding:9px 0;}
.main_project ul li.list {width:246px;height:258px;overflow:hidden;}

/* layout */
.layout { width:100%;height:100%;background:url(/images/left_bg.jpg) repeat-y; }
.main { width:100%;background:url(/images/bg_main.jpg) no-repeat; height:819px; padding:59px 0 0 53px;}
.content_bg { background:url(/images/bg_contents.jpg) repeat-y; padding:59px 0 0 0; }
.content { width:100%; background:url(/images/bg_contents01.jpg) no-repeat; padding-left:53px; }
.content_area { margin-top:35px;}
.content_loc div {margin-top:54px;}
.copyright {  }


/* promotion */
div.promotion_list { width:642px; height:120px; position:relative;}
div.promotion_list p { width:140px; height:88px; float:left; vertical-align:top;}
div.promotion_list ul.text01 { float:left;margin:0;padding:0}
div.promotion_list ul.text01 li { width:498px; line-height:30px; border-bottom:solid 1px #494848;}
div.promotion_list ul.text01 li.title01 { background:url(/images/project/title01.png) no-repeat 0 7px;}
div.promotion_list ul.text01 li.title01 span { margin-left:66px;}
div.promotion_list ul.text01 li.title02 { background:url(/images/project/title02.png) no-repeat 0 8px;}
div.promotion_list ul.text01 li.title02 span { margin-left:66px;}
div.promotion_list ul.text01 li.title03 { background:url(/images/project/title03.png) no-repeat 0 8px;}
div.promotion_list ul.text01 li.title03 span { margin-left:95px;}
div.promotion_list div.btn01 { width:72px; height:18px; position:absolute; left:580px; top:67px; }
div.promotion_list div.btn01 .btn_view{ cursor:pointer; }

div.pop_text { width:350px; height:80px; margin:20px 0 0 20px; }
div.pop_text ul.text { width:650px; }
div.pop_text ul.text li.t1 { width:350px; height:20px; color:#ffffff; }
div.pop_text ul.text li { width:650px; line-height:18px; color:#ffffff; }
div.pop_text ul.text li img { padding:0 5px 3px 0px; }
div.pop_btn01 { width:38px; height:37px; position:absolute; left:850px; top:0px; z-index:10; cursor:pointer;}
div.pop_cont { width:860px; height:645px; position:absolute; left:40px; top:45px; overflow-y:auto; z-index:20; vertical-align:middle; text-align:center;}
div.cont_area { color:#ffffff; }
div.pop_cont ul.pf li { width:793px; margin-bottom:17px; }



/*PMS*/
#AdminBody {height:100%; min-height:700px;}
#AdminBody a, #AdminBodyPop a {text-decoration: underline; color:#2080D0;}
#AdminBody input.btn, #AdminBodyPop input.btn { }
#AdminBody input.btn_search, #AdminBodyPop input.btn_search { }
#AdminBody input.noborder, #AdminBodyPop input.noborder {border:0px solid #ffffff;}

#AdminBody h1 {font-size:30px; font-weight:bold; color:#204353; margin: 16px 0 30px;}
#AdminBody h2 {font-size:20px; font-weight:bold; }

#AdminBody .pf-img dd img {border:solid 2px #eeeeee;}
#AdminBody p.tab {height:20px;}
#AdminBody p.tab a {border:solid 2px #000; line-height:20px; height:20px; padding:0 5px; text-decoration:none; display:inline-block;}
#AdminBody p.tab a.on {font-weight:bold; background-color:#f5f5f5;}
#AdminBody div.footer {position: fixed; overflow-y: hidden; bottom:0; background:url(/images/_pms/bg_body.gif)  no-repeat bottom center; width:100%; height:30px;}

#AdminBodyPop {margin:15px;}
#AdminBodyPop table, #AdminBodyPop th, #AdminBodyPop td{line-height:18px;}
#AdminBodyPop h1 {font-size:24px;font-weight:bold; color:#990000;}
#AdminBodyPop h2 {font-size:20px;font-weight:bold;}

#AdminMenu_Top {height:120px; width:100%; background:url("/images/admin/bg_top.jpg") repeat-x;}
#AdminMenu_Top .site_link {height:83px;width:100%; text-align:right;}
#AdminMenu_Top .site_link a {color:#6F6F6F; text-decoration:none;}
#AdminMenu_Top .site_link ul {padding:46px 10px 0 0;}
#AdminMenu_Top .site_link li {float:right;padding:0 3px;}

#AdminMenu_Top .menu {height:37px;width:850px; text-align:right;}
#AdminMenu_Top .menu ul{padding:0 10px 0 0;}
#AdminMenu_Top .menu li{float:right;padding:8px 0 0 20px;}
#AdminMenu_Top .menu li a {display:block; height:18px;}
#AdminMenu_Top .menu li a span {display:none;}
#AdminMenu_Top .menu li.mn01 a {width:65px; background:url("/images/admin/topmenu01.gif") no-repeat; }
#AdminMenu_Top .menu li.mn02 a {width:78px; background:url("/images/admin/topmenu02.gif") no-repeat; }
#AdminMenu_Top .menu li.mn03 a {width:53px; background:url("/images/admin/topmenu03.gif") no-repeat; }
#AdminMenu_Top .menu li.mn04 a {width:54px; background:url("/images/admin/topmenu04.gif") no-repeat; }
#AdminMenu_Top .menu li.mn05 a {width:54px; background:url("/images/admin/topmenu05.gif") no-repeat; }
#AdminMenu_Top .menu li.mn06 a {width:53px; background:url("/images/admin/topmenu10.gif") no-repeat; }
#AdminMenu_Top .menu li.mn07 a {width:53px; background:url("/images/admin/topmenu06.gif") no-repeat; }
#AdminMenu_Top .menu li.mn08 a {width:53px; background:url("/images/admin/topmenu07.gif") no-repeat; }
#AdminMenu_Top .menu li.mn09 a {width:66px; background:url("/images/admin/topmenu08.gif") no-repeat; }
#AdminMenu_Top .menu li.mn10 a {width:53px; background:url("/images/admin/topmenu09.gif") no-repeat; }
#AdminMenu_Top .menu li.mn01_s a, #AdminMenu_Top .menu li.mn01 a:hover {width:65px; background:url("/images/admin/topmenu01_o.gif") no-repeat; }
#AdminMenu_Top .menu li.mn02_s a, #AdminMenu_Top .menu li.mn02 a:hover {width:78px; background:url("/images/admin/topmenu02_o.gif") no-repeat; }
#AdminMenu_Top .menu li.mn03_s a, #AdminMenu_Top .menu li.mn03 a:hover {width:53px; background:url("/images/admin/topmenu03_o.gif") no-repeat; }
#AdminMenu_Top .menu li.mn04_s a, #AdminMenu_Top .menu li.mn04 a:hover {width:54px; background:url("/images/admin/topmenu04_o.gif") no-repeat; }
#AdminMenu_Top .menu li.mn05_s a, #AdminMenu_Top .menu li.mn05 a:hover {width:54px; background:url("/images/admin/topmenu05_o.gif") no-repeat; }
#AdminMenu_Top .menu li.mn06_s a, #AdminMenu_Top .menu li.mn06 a:hover {width:53px; background:url("/images/admin/topmenu10_o.gif") no-repeat; }
#AdminMenu_Top .menu li.mn07_s a, #AdminMenu_Top .menu li.mn07 a:hover {width:53px; background:url("/images/admin/topmenu06_o.gif") no-repeat; }
#AdminMenu_Top .menu li.mn08_s a, #AdminMenu_Top .menu li.mn08 a:hover {width:53px; background:url("/images/admin/topmenu07_o.gif") no-repeat; }
#AdminMenu_Top .menu li.mn09_s a, #AdminMenu_Top .menu li.mn09 a:hover {width:66px; background:url("/images/admin/topmenu08_o.gif") no-repeat; }
#AdminMenu_Top .menu li.mn10_s a, #AdminMenu_Top .menu li.mn10 a:hover {width:53px; background:url("/images/admin/topmenu09_o.gif") no-repeat; }


#AdminMenu_Left {background-color:#EEEEEE;  width:213px;}
#AdminMenu_Left ul {padding:0; margin:0;}
#AdminMenu_Left .user_info {text-align:center; color:#6F6F6F;line-height:30px; height:97px;}
#AdminMenu_Left .user_info div {margin:20px 0 15px}
#AdminMenu_Left .user_info div span {font-weight:bold; color:#479D08;}
#AdminMenu_Left .title {height:25px; background-color:#D7D7D7; padding-left:30px;}

#AdminMenu_Left .menu {padding:15px 0 0 10px;}
#AdminMenu_Left .menu div {white-space: nowrap; padding:0; margin:0; display:table;}
#AdminMenu_Left .menu div .menu-tree{display:table-cell;}
#AdminMenu_Left .menu div .menu-tree img {vertical-align:middle;}
#AdminMenu_Left .menu div .menu-tree.menu-tree-empty {width:20px;}
#AdminMenu_Left .menu div .menu-tree.menu-tree-folder,
#AdminMenu_Left .menu div .menu-tree.menu-tree-line {background: url(/_pms/common/include/menu/images/line.gif) repeat-y;}
#AdminMenu_Left .menu div .menu-tree.menu-tree-folder.last,
#AdminMenu_Left .menu div .menu-tree.menu-tree-line.last {background: url(/_pms/common/include/menu/images/line.gif) no-repeat;}
#AdminMenu_Left .menu div .menu-tree.menu-tree-folder:first-child {background:none;}
#AdminMenu_Left .menu div .menu-tree.menu-tree-link a {margin: 3px 5px;display: inline-block;text-decoration: none;border-bottom: solid 1px #2080d0;padding: 0 0 1px 0;}
#AdminMenu_Left .menu a span {display:none;}
#AdminMenu_Left div.footer {background:url('/images/_pms/bg_lmn_s.gif') no-repeat bottom; width:215px; height:100px; bottom:30px; position:fixed;}

#AdminContents {background:url("/images/_pms/bg_contents.gif") repeat-x; padding: 60px 50px; vertical-align:top;}
#AdminContents table {margin: 15px 0 0 0;}

#AdminMenu_Bottom {height:110px; width:100%; background:url("/images/admin/bg_bottom.jpg") repeat-x; padding:22px 0 0 10px;}

#admin_login_area {background:url('/images/_pms/bg_login.jpg') no-repeat; width:655px; height:438px;}
#admin_login_form {padding:237px 0 0 220px;  line-height:0;}
#admin_login_area .login_form input,
#admin_login_area .login_form input.sel {width:352px; }
#admin_login_area .login_form .btn-login {width: auto;height: auto;border: 5px solid #9db13b;padding: 0;}

#tbl_admin_list {width:100%;}
#tbl_admin_list th, 
#tbl_admin_list td,
#tbl_admin_form th, 
#tbl_admin_form td {border-bottom: solid 1px #e5e5e5; height:28px; line-height:1.5rem; padding:8px 5px;}

#tbl_admin_list th {border-top: solid 2px #000; background-color:#f5f5f5; font-weight:bold;}
#tbl_admin_list td.nocss {border: solid 0px #e5e5e5; padding:0; margin:0;}
#tbl_admin_list td.m_content {background:#F8FAF5; border-top:solid 1px #ffffff; padding:5px;}
#tbl_admin_list td.tb_sub {text-align:center;}

/* thead sticky */
#tbl_admin_list thead.thead-sticky {position: sticky; top:0;}
#tbl_admin_list thead.thead-sticky tr {box-shadow: 0 0 0 2px #000 inset;}
#tbl_admin_list thead.thead-sticky tr:first-child th {background-color:#fff;}

/* tbody sortable */
#tbl_admin_list tbody.tbody-sortable tr td:first-child {box-shadow:10px 0 0 0 #000 inset; padding: 5px 3px 5px 20px;}

/* cms list custom */
#tbl_admin_list tbody.tbl-cms-list tr:hover {background:#e4d4ff;}
#tbl_admin_list tbody.tbl-cms-list td input,
#tbl_admin_list tbody.tbl-cms-list td textarea {text-overflow:ellipsis; width:100%; min-width:200px;}
#tbl_admin_list tbody.tbl-cms-list td.delete button {width:50px; text-align:center;}
#tbl_admin_list tbody.tbl-cms-list td.seq input,
#tbl_admin_list tbody.tbl-cms-list td.sort input,
#tbl_admin_list tbody.tbl-cms-list td.year input,
#tbl_admin_list tbody.tbl-cms-list td.period input {text-align:center; min-width:60px;}
#tbl_admin_list tbody.tbl-cms-list td.ref-img-main-cnt input,
#tbl_admin_list tbody.tbl-cms-list td.ref-img-pc-cnt input,
#tbl_admin_list tbody.tbl-cms-list td.ref-img-mob-cnt input,
#tbl_admin_list tbody.tbl-cms-list td.ref-img-sns-cnt input {text-align:right; min-width:50px;}
#tbl_admin_list tbody.tbl-cms-list td.theme-color input {text-align:center; min-width:80px;}
#frmList .txt-json {width:100%;height:calc(100vh - 350px);display:none; min-height:200px;}


#tbl_admin_form th {width:20%; background-color:#f5f5f5; font-weight:bold;}
#tbl_admin_form th.top,
#tbl_admin_form td.top {border-top:solid 2px #000;}
#tbl_admin_form td.nocss {border: solid 0px #e5e5e5; padding:0; margin:0;}
#tbl_admin_form td.b_content {padding:10px; margin:0;}
#tbl_admin_form.form-sendmail .btn-mail-user-handler {margin-bottom:5px; width:90%;}
#tbl_admin_form.form-sendmail .search-reciver {vertical-align:top;}
#tbl_admin_form.form-sendmail .search-reciver .search-result-tit{height: 20px; overflow: hidden;padding: 10px 0;}

#tbl_admin_list2 th {border-bottom: solid 1px #e5e5e5; border-top: solid 2px #000; border-right: solid 1px #e5e5e5; height:28px; background-color:#f5f5f5; font-weight:bold;}
#tbl_admin_list2 td {border-bottom: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; height:28px; padding:0 3px;}
#tbl_admin_list2 td.nocss {border: solid 0px #e5e5e5; padding:0; margin:0;}

#tbl_admin_paging {width:100%;text-align:center;margin-top:15px; float:left;height:30px;}
#tbl_admin_paging li {float:left;height:35px;}
#tbl_admin_paging .p {width:55%; text-align:center; padding-top:5px;}
#tbl_admin_paging .p img {cursor:pointer;}
#tbl_admin_paging .b_r {width:20%; text-align:right;}
#tbl_admin_paging .b_l {width:25%; text-align:left;}
#tbl_admin_paging .tx_page01{color:#000;font-weight:bold;}
#tbl_admin_paging .tx_page02{color:#4c4c4c;}
#tbl_admin_paging .pa_t03{padding:0 23px 0 23px;}

#tbl_admin_btn {position:relative; width:100%; margin-top:15px; height:30px;}
#tbl_admin_btn li {height:35px; margin:0; padding:0; border:0; display:inline; position:absolute; clear:both; }
#tbl_admin_btn .b_r {right:0; text-align:right;}
#tbl_admin_btn .b_l {left:0; text-align:left;}

#tbl_admin_search {border:0; margin: 10px 0;}
#tbl_admin_search .box{border:1px solid #e5e5e5; margin-top:10px; padding:10px;}
#tbl_admin_search .box span {padding:0 5px;font-weight:bold;}
#tbl_admin_search .box span .sel {color:#990000;}
#tbl_admin_search .xls {width:100%;text-align:right;position:absolute;top:200px;left:260px;}
#tbl_admin_search .xls a {text-decoration: none;}

/* jquery ui-sortable */
.ui-sortable .ui-sortable-helper {background-color:#fff9b8;}

.w70 {width:70px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w500 {width:500px;}
.wp20 {width:20%;}
.wp30 {width:30%;}
.wp100 {width:100%;}

.h48 {height:48px;}
.h60 {height:60px;}
.h68 {height:68px;}
.h300 {height:300px;}

.mt-10 {margin-top:10px;}

.btn-red {background-color:#cb0e00; color:#fff;}
.btn-black {background-color:#000; color:#fff;}

.note {width:100%; text-align:right; color: #FF4400;}
.center {text-align:center;}
.left {text-align:left;}