@charset "utf-8";
body {}
.wrap {height: 100%; min-width: 1400px;}
/* 헤더 */
#headerwrap {clear: both; height: 51px; min-width: 1400px; position: fixed; top: 0px; width: 100%; z-index: 100; }
.headerlogo_wrap {width: 100%;}
.headerlogo_wrap:AFTER {clear: both; content: ""; display: block; overflow: hidden;}
.headerlogo_wrap h1 {display: block; float: left; font-size: 12px; margin: 0px 0px 0px 20px; overflow: hidden;}
.headerlogo_wrap h1 a {display: inline-block; float: left; font-weight: 700; margin-right: 7px;}
.headerlogo_wrap h1 > span {display: inline-block; float: left; font-family: "NanumBarunGothicB"; font-weight: normal; line-height: 18px;}
.headerlogo_wrap h1 > span > span {font-weight: normal; }
.headerlogo_wrap h1 > span > span > b { border-radius: 2px; font-family: "Verdana"; font-size: 10px; font-weight: 500; margin-left: 3px; padding: 2px 5px 2px 4px;}
.admin_profile {display: block; float: right; margin: 0px 20px 0px 0px; padding-left: 13px; position: relative; }
.admin_profile > ul {overflow: hidden;}
.admin_profile > ul > li {cursor: pointer; float: left; height: 50px; padding: 0 10px; position: relative; transition: all .3s;}
.admin_profile > ul > li::before {content: ''; height: 10px; left: 0; position: absolute; top: 20px; width: 1px; }
.admin_profile > ul > li:first-child::before {display: none;}
.admin_profile > ul > li.site_select {overflow: hidden;}
.admin_profile > ul > li.site_select p {float: left; margin: 17px 10px 16px 0; padding: 0;}
.admin_profile > ul > li.site_select select {float: right;}
.admin_profile > ul > li.timer {cursor: default; overflow: hidden; width: 125px;}
.admin_profile > ul > li.timer p {float: right; margin-right: 10px; margin-top: 5px; max-width: 85px; overflow: hidden; padding: 13px 0px 14px 0px; text-overflow: ellipsis; white-space: nowrap;}
.admin_profile > ul > li.timer input {border: none; border-radius: 3px; cursor: pointer; float: right; font-size: 11px; letter-spacing: -0.5px; margin-top: 16px; padding: 3px 5px;}
.admin_profile > ul > li.acnt_menu_open {overflow: hidden;}
.admin_profile > ul > li.acnt_menu_open p {display: block; /*float:left;*/ font-weight: 500; padding: 14px 0px 16px 0; position: relative;}
.admin_profile > ul > li.acnt_menu_open p::before {
    /*position:absolute; top:13px; left:0px;*/
    height: 24px; width: 24px;
    /*background:url(/resources/images/cms/heard_26.png) no-repeat 0px 0px;*/
}
.admin_profile > ul > li.acnt_menu_open p::after {}
.admin_profile > ul > li.acnt_menu_open span { /*float:right; padding:17px 12px 16px 0;*/ background: url(/resources/images/cms/caret_arrow.gif) no-repeat 15px center; margin-left: 5px; }
.lastprofile {background: url("/resources/images/cms/common/heard_07.gif") no-repeat right 0px; height: 29px; overflow: hidden; padding-right: 22px;}
.profileicoa {margin: 6px 0px 0px 24px;}
.profileicob {margin: 6px 0px 0px 4px;}
.adm_menu {display: none; position: fixed; right: 20px; top: 51px; width: 167px; }
.adm_menu::after {content: ''; position: absolute; right: 30px; top: -8px; }
.adm_menu li {height: auto; }
.adm_menu li a {display: block; padding: 12px 0 12px 40px; transition: all .3s;}
/*.adm_menu li a.acnt_set{background: url("/resources/images/cms/common/account_setting.png") no-repeat 17px 13px;}
.adm_menu li:hover a.acnt_set{background: url("/resources/images/cms/common/account_setting.png") no-repeat 17px 13px;}
.adm_menu li a.log_out{background: url("/resources/images/cms/common/log_out.png") no-repeat 15px 12px;}
.adm_menu li:hover a.log_out{background: url("/resources/images/cms/common/log_out.png") no-repeat 15px 12px;}*/
.admin_topsel {overflow: hidden; padding: 13px 0px 14px 0px;}
.admin_topsel span {display: inline-block; float: left; margin: 5px 10px 0 0;}
.admin_topsel select {border-radius: 3px; float: right; height: 24px; outline: 0; padding: 0 3px; width: 180px;}
/* 콘테이너 */
.container {min-width: 1800px; overflow: hidden; padding-top: 50px; width: 100%;}
/* 메인콘텐츠 */
#main {height: auto; margin: 0 0 0 281px;}
#main:AFTER {clear: both; content: ""; display: block;}
/* 타이틀바 */
.titlebar { /* background: url("/images/cms/cms/title/title_03.png") repeat-x 0px 0px; */margin-top: 50px;}
.titlebar:AFTER {clear: both; content: ""; display: block;}
.titlebar h2 {display: block; float: left; font-size: 16px; font-weight: bold; padding: 22px 0px 22px 20px;}
.titlebar div {background: url("/resources/images/cms/common/title_homebt_08.gif") no-repeat 20px 24px; display: block; float: right; padding: 22px 37px 22px 35px;}
.titlebar div span {margin: 0 3px;}
.bar_tx {font-family: "NanumBarunGothicB"; font-weight: bold}
/* 콘텐츠 */
.contents_wrap {padding: 20px; position: relative;}
.ct_wrap {border-radius: 3px; margin-right: 242px; min-height: calc(100vh - 205px); overflow: hidden; padding: 20px;}
.contents {min-height: calc(100vh - 160px); padding: 20px 21px 60px 21px; position: relative; top: -1px; }
.contents:after {clear: both; content: ""; display: block;}
/* 콘텐츠탭 */
.conwrap_tap {position: relative; z-index: 90;}
.conwrap_tap ul {}
.conwrap_tap ul:AFTER {clear: both; content: ""; display: block;}
.conwrap_tap ul li {float: left;}
.conwrap_tap ul li a {display: block; font-size: 15px; padding: 15px 30px; transition: all .3s; }
.conwrap_tap ul li.on a { font-family: "NanumBarunGothicB"; }
/* 레프트메뉴 */
/* 레프트 탭 */
.left_wrap {height: 100%; left: 0px; position: fixed; top: 51px; width: 281px; z-index: 100;}
.menutap {left: 0px; position: relative; top: 0px; z-index: 200;}
.menutap ul {display: table; overflow: hidden; table-layout: fixed; width: 94%;}
.menutap ul.site_setting {}
.menutap ul.system_setting {display: none;}
.menutap ul li {display: table-cell; margin-right: 4px; position: relative; text-align: center;}
.menutap ul li a {display: block; padding: 35px 0 8px 0; }
/*
.menutap ul li.leftmenu1_1 a{background:url("/resources/images/cms/common/menutap1_off.png") no-repeat 50% 20%;}
.menutap ul li.leftmenu1_1 a:hover{background:url("/resources/images/cms/common/menutap1_on.png") no-repeat 50% 20%;}
.menutap ul li.leftmenu1_1 a.on{background:url("/resources/images/cms/common/menutap1_on.png") no-repeat 50% 20%;}
.menutap ul li.leftmenu1_2 a{background:url("/resources/images/cms/common/menutap2_off.png") no-repeat 50% 20%;}
.menutap ul li.leftmenu1_2 a:hover{background:url("/resources/images/cms/common/menutap2_on.png") no-repeat 50% 20%;}
.menutap ul li.leftmenu1_2 a.on{background:url("/resources/images/cms/common/menutap2_on.png") no-repeat 50% 20%;}
.menutap ul li.leftmenu1_3 a{background:url("/resources/images/cms/common/menutap3_off.png") no-repeat 50% 20%;}
.menutap ul li.leftmenu1_3 a:hover{background:url("/resources/images/cms/common/menutap3_on.png") no-repeat 50% 20%;}
.menutap ul li.leftmenu1_3 a.on{background:url("/resources/images/cms/common/menutap3_on.png") no-repeat 50% 20%;}
*/
.menutap ul > li:hover > a:before {width: 100%;}
.menutap > div {position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
}
/* 레프트메뉴-메뉴관리 */
/* 메뉴토글, 대메뉴추가 */
.menuwrap {display: inline-block; height: 100%; left: 0px; position: relative; width: 281px; z-index: 100}
.menuwrap .menu_top {margin: 0 auto; overflow: hidden; padding: 7px 0px; width: 240px; }
.menuwrap .menu_top p {float: left; margin-bottom: 3px; margin-top: 3px;}
.menu_top .bt_open {background: url("/resources/images/cms/common/Left_top_09.gif") no-repeat; height: 19px; text-indent: -9999px; width: 79px;}
.menu_top .bt_re {background: url("/resources/images/cms/common/Left_top_18.gif") no-repeat; height: 19px; margin-left: 5px; text-indent: -9999px; width: 79px;}
.menu_top .bt_plus {background: url("/resources/images/cms/common/Left_top_13.gif") no-repeat; height: 19px; margin-left: 5px; text-indent: -9999px; width: 71px;}
.menu_top .bt_open:HOVER {background: url("/resources/images/cms/common/Left_top_20.gif") no-repeat; height: 19px; width: 79px;}
.menu_top .bt_re:HOVER {background: url("/resources/images/cms/common/Left_top_26.gif") no-repeat; height: 19px; width: 79px;}
.menu_top .bt_plus:HOVER {background: url("/resources/images/cms/common/Left_top_22.gif") no-repeat; height: 19px; width: 71px;}
.menu_top .new {border-radius: 2px; box-sizing: border-box; cursor: pointer; font-size: 13px; padding: 6px 0px 4px 10px; position: relative; width: calc(100% / 2 - 4px);}
.menu_top .new span {display: block; line-height: 16px; position: relative;}
.menu_top .new span::before {content: ''; height: 16px; position: absolute; right: 25px; top: -1px; width: 1px; }
.menu_top .bt_toggle {margin-right: 8px;}
.menu_top .bt_toggle::before {content: ''; position: absolute; right: 7px; top: 10px; }
.menu_top .bt_toggle.open::before {border-top: none; }
.menu_top .bt_add {}
.menu_top .bt_add::before {content: ''; height: 10px; position: absolute; right: 11px; top: 8px; width: 2px; }
.menu_top .bt_add::after {content: ''; height: 2px; position: absolute; right: 7px; top: 12px; width: 10px; }
.menu_scroll > ul li.active {color: #6e7786};
/* 1뎁스 */
.menu_scroll {margin-bottom: 50px;}
.menu_scroll > ul > li { transition: all .3s;}
.menu_scroll > ul > li > div {overflow: hidden; padding: 11px 0;}
.menu_scroll > ul > li > div.on2 { background: url("/resources/images/cms/menu/drag_01_on.png") no-repeat 87% 50%;}
.menu_scroll > ul > li > div span.name {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.menu_scroll > ul > li.on > div span.name {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.menu_scroll > ul > li > div > span.name {background: url("/resources/images/cms/menu/leftbt_41.png") no-repeat 20px 2px; display: block; float: left; /*width:200px;*/ padding-left: 36px;}
.menu_scroll > ul > li > div > span.nameplus {display: block; float: right; height: 15px; /*text-indent:-99999px;*/line-height: normal; margin: 1px 13px 0 0; /*background: url("/resources/images/cms/menu/leftbt_40.png") no-repeat 0px 0px; */ width: 15px;}
.menu_scroll > ul > li > div > span.nameplus a {display: block;}
.menu_scroll > ul > li.on > div {height: 100%; overflow: hidden; }
.menu_scroll > ul > li.on > div > span.name {background: url("/resources/images/cms/menu/leftbt_42.png") no-repeat 18px 3px; display: block; float: left;}
/* .menu_scroll > ul > li.active > div > span.name {background: url("/resources/images/cms/menu/leftbt_41_on.png") no-repeat 20px 2px;}
.menu_scroll > ul > li.active > div > span.name {background: url("/resources/images/cms/menu/leftbt_41_on.png") no-repeat 20px 2px;} */
.menu_scroll > ul > li.no-sub > div > span.name {background: none;}
/* 2뎁스 */
.menu_scroll > ul > li > ul { font-size: 12px; }
.menu_scroll > ul > li > ul > li + li {margin-top: 1px;}
.menu_scroll > ul > li > ul > li > div {overflow: hidden; padding: 7px 0;}
.menu_scroll > ul > li > ul > li > div.on2 {background: url("/resources/images/cms/menu/drag_01_on.png") no-repeat 97% 50%;}
.menu_scroll > ul > li > ul > li > div > span.name {background: url("/resources/images/cms/menu/leftbt_41.png") no-repeat 34px 2px; display: block; float: left; /*width:174px;*/ padding-left: 50px;}
.menu_scroll > ul > li > ul > li > div > span.nameplus {display: block; float: right; text-indent: -999998px; /* width:32px; height:15px; */}
.menu_scroll > ul > li > ul > li > div > span.nameplus > a {display: block; float: left; height: 15px; margin-left: 4px; width: 14px;}
.menu_scroll > ul > li > ul > li > div > span.nameplus > a.on {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li > div > span.nameplus > a:first-child {margin-left: 0px;}
.menu_scroll > ul > li > ul > li > div > span.nameplus.out {margin: 0px -32px 0px 0px; transition: margin .3s;}
.menu_scroll > ul > li > ul > li > div > span.nameplus.in {margin: 0px 11px 0px 0px;}
.menu_scroll > ul > li > ul > li > div:HOVER > span.nameplus {margin: 0px 11px 0px 0px;}
.menu_scroll > ul > li > ul > li > div:HOVER > span.nameplus > a {background: url("/resources/images/cms/menu/leftbt_40.png") no-repeat 0px 1px; display: block; height: 15px; width: 15px;}
.menu_scroll > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite {background: url("/resources/images/cms/menu/bookmark_icon_off.png") no-repeat 0px 0px; height: 15px; width: 14px;}
.menu_scroll > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite:hover {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li > div:HOVER > span.nameplus > a.on {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li.on > div {overflow: hidden;}
.menu_scroll > ul > li > ul > li.on > div > span.name {background: url("/resources/images/cms/menu/leftbt_42.png") no-repeat 32px 3px;}
/* .menu_scroll > ul > li > ul > li.active > div > span.name {background: url("/resources/images/cms/menu/leftbt_41_on.png") no-repeat 34px 2px;}
.menu_scroll > ul > li > ul > li.active.on > div > span.name {background: url("/resources/images/cms/menu/leftbt_42_on.png") no-repeat 32px 3px;} */
.menu_scroll > ul > li > ul > li.active > div > span.nameplus > a:last-child {background: url("/resources/images/cms/menu/leftbt_40.png") no-repeat 0px 1px; display: block; height: 15px; width: 15px;}
.menu_scroll > ul > li > ul > li.no-sub > div > span.name {background: none;}
/* 3뎁스 */
.menu_scroll > ul > li > ul > li > ul {font-size: 12px; padding: 0px 0px 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li + li {margin-top: 1px;}
.menu_scroll > ul > li > ul > li > ul > li > div {overflow: hidden; padding: 7px 0;}
.menu_scroll > ul > li > ul > li > ul > li > div.on2 {background: url("/resources/images/cms/menu/drag_01_on.png") no-repeat 97% 50%;}
.menu_scroll > ul > li > ul > li > ul > li > div > span.name {background: url("/resources/images/cms/menu/leftbt_41.png") no-repeat 48px 2px; display: block; float: left; /*width:240px;*/ padding-left: 64px;}
.menu_scroll > ul > li > ul > li > ul > li > div > span.nameplus {display: block; float: right; margin: 0px -32px 0px 0px; text-indent: -999998px; /* width: 32px; height: 15px; */ transition: margin .3s;}
.menu_scroll > ul > li > ul > li > ul > li > div > span.nameplus > a {display: block;float: left; height: 15px; margin-left: 4px; width: 14px;}
.menu_scroll > ul > li > ul > li > ul > li > div > span.nameplus > a.on {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > div > span.nameplus > a:first-child {margin-left: 0px;}
.menu_scroll > ul > li > ul > li > ul > li > div > span.nameplus.out {margin: 0px -32px 0px 0px; transition: margin .3s;}
.menu_scroll > ul > li > ul > li > ul > li > div > span.nameplus.in {margin: 0px 11px 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > div:hover > span.nameplus {margin: 0px 11px 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a { background: url("/resources/images/cms/menu/leftbt_40.png") no-repeat 0px 1px; display: block; height: 15px; width: 15px;}
.menu_scroll > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite {background: url("/resources/images/cms/menu/bookmark_icon_off.png") no-repeat 0px 0px; height: 15px; width: 14px;}
.menu_scroll > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite:hover {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.on {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li.on > div {overflow: hidden;}
.menu_scroll > ul > li > ul > li > ul > li.on > div > span.name {background: url("/resources/images/cms/menu/leftbt_42.png") no-repeat 46px 3px; display: block; float: left;}
/* .menu_scroll > ul > li > ul > li > ul > li.active > div > span.name {background: url("/resources/images/cms/menu/leftbt_41_on.png") no-repeat 48px 2px;}
.menu_scroll > ul > li > ul > li > ul > li.active.on > div > span.name {background: url("/resources/images/cms/menu/leftbt_42_on.png") no-repeat 46px 3px;} */
.menu_scroll > ul > li > ul > li > ul > li.active > div > span.nameplus > a:last-child {background: url("/resources/images/cms/menu/leftbt_40.png") no-repeat 0px 1px; display: block; height: 15px; width: 15px;}
.menu_scroll > ul > li > ul > li > ul > li.no-sub > div > span.name {background: none;}
/* 4뎁스 */
.menu_scroll > ul > li > ul > li > ul > li > ul { font-size: 12px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li + li {margin-top: 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div {overflow: hidden; padding: 7px 0;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div.on2 {background: url("/resources/images/cms/menu/drag_01_on.png") no-repeat 97% 50%;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div > span.name {background: url("/resources/images/cms/menu/leftbt_41.png") no-repeat 62px 2px; display: block; float: left; /*width:148px;*/ padding-left: 78px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div > span.nameplus {display: block; float: right; margin: 0px -32px 0px 0px; text-indent: -999998px; /* width: 32px; height: 15px; */}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a {display: block;float: left; height: 15px; margin-left: 4px; width: 14px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a.on {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a:first-child {margin-left: 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div > span.nameplus.out {margin: 0px -32px 0px 0px; transition: margin .3s;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div > span.nameplus.in {margin: 0px 11px 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div:hover > span.nameplus {margin: 0px 11px 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a {background: url("/resources/images/cms/menu/leftbt_40.png") no-repeat 0px 1px; display: block; height: 15px; width: 15px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite {background: url("/resources/images/cms/menu/bookmark_icon_off.png") no-repeat 0px 0px; height: 15px; width: 14px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite:hover {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.on {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.on > div {overflow: hidden;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.on > div > span.name {background: url("/resources/images/cms/menu/leftbt_42.png") no-repeat 60px 3px; display: block; float: left;}
/* .menu_scroll > ul > li > ul > li > ul > li > ul > li.active > div > span.name {background: url("/resources/images/cms/menu/leftbt_41_on.png") no-repeat 62px 2px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.active.on > div > span.name {background: url("/resources/images/cms/menu/leftbt_42_on.png") no-repeat 60px 3px;} */
.menu_scroll > ul > li > ul > li > ul > li > ul > li.active > div > span.nameplus > a:last-child {background: url("/resources/images/cms/menu/leftbt_11.png") no-repeat 0px 1px; display: block; height: 15px; width: 14px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.no-sub > div > span.name {background: none;}
/* 5뎁스 */
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul {font-size: 12px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li + li {margin-top: 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div {overflow: hidden; padding: 7px 0;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div.on2 {background: url("/resources/images/cms/menu/drag_01_on.png") no-repeat 97% 50%;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.name {background: url("/resources/images/cms/menu/leftbt_41.png") no-repeat 76px 2px; display: block; float: left; /*width:132px;*/ padding-left: 92px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus {display: block; float: right; margin: 5px 11px 0px 0px; text-indent: -999998px; /* width: 32px; height: 15px; */}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a {display: block;float: left; height: 15px; margin-left: 4px; width: 14px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a.on {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a:first-child {margin-left: 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus.out {margin: 0px -32px 0px 0px; transition: margin .3s;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus.in {margin: 0px 11px 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus {margin: 0px 11px 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a {background: url("/resources/images/cms/menu/leftbt_40.png") no-repeat 0px 1px; display: block; height: 15px; width: 15px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite {background: url("/resources/images/cms/menu/bookmark_icon_off.png") no-repeat 0px 0px; height: 15px; width: 14px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite:hover {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.on {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.on > div {overflow: hidden;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.on > div > span.name {background: url("/resources/images/cms/menu/leftbt_42.png") no-repeat 74px 3px; display: block; float: left;}
/* .menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.active > div > span.name {background: url("/resources/images/cms/menu/leftbt_41_on.png") no-repeat 76px 2px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.active.on > div > span.name {background: url("/resources/images/cms/menu/leftbt_42_on.png") no-repeat 74px 3px;} */
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.active > div > span.nameplus > a:last-child {background: url("/resources/images/cms/menu/leftbt_40.png") no-repeat 0px 1px; display: block; height: 15px; width: 15px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.no-sub > div > span.name {background: none;}
/* 레프트메뉴 type_2 */
/*
.menu_scroll > ul > li.type_2 > div > span.nameplus{background:url("/resources/images/cms/menu/leftbt_40.png") no-repeat 0px 0px;}
.menu_scroll > ul > li.type_2.on > div > span.nameplus{background:url("/resources/images/cms/menu/leftbt_40.png") no-repeat 0px 0px;}
*/
/* 레프트메뉴-사이트관리 */
.menu_scroll.site_left > ul > li.no-sub > div > span.name {background: url(/resources/images/cms/site_list_icon.png) no-repeat 12px 1px !important; padding-left: 36px;}
.cj_management td span { letter-spacing: 0px !important;}
/* 레프트메뉴-시스템관리 */
.mode_notice {display: none; font-family: "NanumBarunGothicB"; font-size: 16px; letter-spacing: -1px; line-height: 23px; padding: 5px 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 200000;}
.mode_notice input {border-radius: 3px; cursor: pointer; font-family: "NanumBarunGothicB"; font-family: 'MalgunGothic', 'applegothic', sans-serif; font-size: 12px; margin-left: 10px; padding: 2px 6px 3px 6px;}
.menu_scroll > ul > li > div > span.name.system_01 {background: url("/resources/images/cms/common/icon_sys_03.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_01_1 {background: url("/resources/images/cms/common/icon_sys_04.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_02 {background: url("/resources/images/cms/common/icon_sys_06.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_03 {background: url("/resources/images/cms/common/icon_sys_08.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_04 {background: url("/resources/images/cms/common/icon_sys_10.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_05 {background: url("/resources/images/cms/common/icon_sys_12.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_06 {background: url("/resources/images/cms/common/icon_sys_14.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_07 {background: url("/resources/images/cms/common/icon_sys_16.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_08 {background: url("/resources/images/cms/common/icon_sys_18.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_09 {background: url("/resources/images/cms/common/icon_sys_20.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_10 {background: url("/resources/images/cms/common/icon_sys_22.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_11 {background: url("/resources/images/cms/common/icon_sys_24.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_12 {background: url("/resources/images/cms/common/icon_sys_26.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_13 {background: url("/resources/images/cms/common/icon_sys_28.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_14 {background: url("/resources/images/cms/common/icon_sys_30.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_15 {background: url("/resources/images/cms/common/icon_sys_32.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_16 {background: url("/resources/images/cms/common/icon_sys_33.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_17 {background: url("/resources/images/cms/common/icon_sys_34.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_18 {background: url("/resources/images/cms/common/icon_sys_35.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_19 {background: url("/resources/images/cms/common/icon_sys_36.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_20 {background: url("/resources/images/cms/common/icon_sys_37.png") no-repeat 14px 0px;}
.menu_scroll > ul > li > div > span.name.system_21 {background: url("/resources/images/cms/common/icon_sys_38.png") no-repeat 14px 0px;}
.all_chk {font-size: 11px !important; margin-left: 3px; }
.update_stat {border-radius: 3px; display: inline-block; float: right; margin-right: 10px; min-width: 13px; padding: 2px 6px; text-align: center;}
/* 대시보드 */
/* 대시보드 테이블 */
table.dash {table-layout: fixed; width: 100%;}
/* table.dash tr:nth-child(even){background:#fafafa;} */
table.dash th {font-family: "NanumBarunGothicB"; padding: 10px; text-align: center;}
table.dash td {overflow: hidden; padding: 10px; text-align: left; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; word-wrap: normal;}
table.dash td.center {text-align: center;}
table.dash td.pointcolor { font-family: "NanumBarunGothicB";}
/* 대시보드-메뉴관리 */
.dash_top {margin-bottom: 20px;}
.dash_bottom {overflow: hidden;}
.dash_title {box-sizing: border-box; font-size: 15px; height: 63px; padding: 25px;}
/* 메뉴현황 */
.current_state {border-radius: 3px; /* border-top:solid 4px #8ebeeb; */ padding-bottom: 20px;}
.current_state > ul {display: table; table-layout: fixed; width: 100%;}
.current_state > ul > li {display: table-cell; padding: 0 20px; }
.current_state > ul > li:first-child {border-left: none;}
.current_state .forth {width: 40.1%;}
.cs_wrap {}
.cs_depth {font-family: "NanumBarunGothicB"; font-size: 16px; overflow: hidden; padding-bottom: 10px; }
.cs_depth p {float: left; font-family: "NanumBarunGothicB";}
.cs_depth span {float: right; }
.cs_text {overflow: hidden; padding: 10px 0; text-align: left;}
.cs_text span {display: inline-block; font-size: 11px; letter-spacing: -0.5px; padding: 3px 7px 1px 7px;}
.cs_text span.cs_l { box-sizing: border-box; font-family: "NanumBarunGothicB";}
.cs_text span.cs_r { font-family: "NanumBarunGothicB"; }
.cs_status {}
.cs_status p {overflow: hidden; padding-top: 8px;}
.cs_status span {display: inline-block; float: right; }
/* 최신게시글 */
.dash_left {border-radius: 3px; box-sizing: border-box; /* border-top:solid 4px #7bdbc4; */ float: left; width: 50%;}
/* 인기페이지 & 접속자현황 */
.dash_right {box-sizing: border-box; float: right; width: 48.5%;}
.dash_r1 {border-radius: 3px; box-sizing: border-box; /* border-top:solid 4px #7bdbc4; */ width: 100%;}
.dash_r2 {border-radius: 3px; box-sizing: border-box; width: 100%;}
.user_statistics {overflow: hidden; padding: 0 20px 20px 20px;}
.user_statistics > li {float: left; width: 46%; }
.user_statistics > li:last-child {border-right: none; width: 53%;}
.user_statistics > li div.us_1 {padding: 13px 20px 2px 0; text-align: center;}
.user_statistics > li div.us_2 {padding: 4px 0 3px 20px;}
.us_stats {font-family: "NanumSquareB"; font-size: 32px; margin-bottom: 15px;}
.us_1 span { /* color:#999; */ font-size: 11px;}
.us_2 p {overflow: hidden; padding: 4px 0 3px 0; }
.us_2 p:last-child {border-bottom: none;}
.us_2 span {float: right; /* color:#999; */}
/* 대시보드-사이트관리 */
.site_dash {overflow: hidden; }
.site_dash .sd_wrap {overflow: hidden; width: 1060px;}
.site_dash .sd_wrap > div {border-radius: 3px; box-sizing: border-box; position: relative;}
.site_dash .sd_wrap h4 { font-family: "NanumBarunGothicB"; font-size: 16px; line-height: normal;}
.site_dash .sd_wrap h4 b {font-family: "NanumSquareB"; font-size: 46px;}
.site_dash .sd_wrap a.more {border-radius: 16px; bottom: 25px; box-sizing: border-box; display: block; font-size: 13px; height: 32px; left: 50%; line-height: 32px; min-width: 140px; position: absolute; text-align: center; transform: translateX(-50%); transition: all 0.3s;}
/* 사이트설정 현황 */
.site_dash .sd1 {float: left; margin-bottom: 20px; width: calc(100% / 4 * 3 - 20px);}
.site_dash .sd1 > div {height: 275px; padding: 0 26px;}
.site_dash .sd1 table.dash2 {table-layout: fixed; width: 100%; }
.site_dash .sd1 table.dash2 td:last-child {border-right: none;}
.site_dash .sd1 table.dash2 td.left {padding: 28px 0;}
.site_dash .sd1 .left {text-align: center;}
.site_dash .sd1 .left h4 {font-family: "NanumSquareB"; font-size: 22px; margin-bottom: 10px;}
.site_dash .sd1 .left > p {font-size: 13px; margin-bottom: 20px;}
.site_dash .sd1 .left ul {margin: 0 auto; overflow: hidden; padding-top: 23px; position: relative; width: 145px;}
.site_dash .sd1 .left ul::before {content: ''; height: 3px; left: 50%; margin-left: -20px; position: absolute; top: 0px; width: 40px; }
.site_dash .sd1 .left ul li {font-size: 13px; margin-bottom: 5px;}
.site_dash .sd1 .left ul li:last-child {margin-bottom: 0px;}
.site_dash .sd1 table.dash2 td.right {height: 63px; padding: 0px 20px;}
.site_dash .sd1 .right p {float: left; line-height: 30px;}
.site_dash .sd1 .right span {float: right; height: 30px; line-height: 30px; text-align: center;}
.site_dash .sd1 .right span b { font-family: "NanumSquareB"; font-size: 24px;}
/* 예약업데이트 현황 */
.site_dash .sd_wrap .sd2 {float: right; margin-bottom: 20px; width: calc(100% / 4);}
.site_dash .sd_wrap .sd2 > div {height: 275px;}
.site_dash .sd_wrap .sd2 ul {margin: 0 26px;}
.site_dash .sd_wrap .sd2 ul li {margin-bottom: 20px; padding: 9px 0 8px 0; text-align: center; }
.site_dash .sd_wrap .sd2 ul li:last-child {margin-bottom: 0px;}
.site_dash .sd_wrap .sd2 ul li p {font-size: 13px;}
/* 화면/배너 현황 */
.site_dash .sd_wrap .sd3 {}
.site_dash .sd_wrap .sd3 > div {height: 410px; margin: 0 26px; overflow: hidden;}
.site_dash .sd_wrap .sd3 .today_date {position: absolute; right: 20px; top: 25px;}
.site_dash .sd_wrap .sd3 .using {float: left; overflow: hidden; width: calc(100% / 5 * 1.5);}
.site_dash .sd_wrap .sd3 .using > li {margin: 20px 20px 20px 0px;; overflow: hidden;width: calc(100% / 1);}
.site_dash .sd_wrap .sd3 .using > li:first-child {margin-top: 0px;}
.site_dash .sd_wrap .sd3 .using > li:nth-child(2) {margin-top: 0px;}
.site_dash .sd_wrap .sd3 .using .left {float: left; padding: 15px 0 14px 0; text-align: center; width: 115px;}
.site_dash .sd_wrap .sd3 .using .right {float: right; overflow: hidden; width: calc(100% - 115px); }
.site_dash .sd_wrap .sd3 .using .right li {float: left; padding: 34px 0 33px 0; text-align: center; width: 50%;}
.site_dash .sd_wrap .sd3 .using .right li span {display: block; margin-top: 10px; }
.site_dash .sd_wrap .sd3 .using .right li span b { font-family: "NanumSquareB"; font-size: 24px;}
.site_dash .sd_wrap .sd3 .medium {box-sizing: border-box; float: left; height: 385px; margin-left: 20px; overflow: hidden; overflow-y: auto; width: calc(100% / 5 * 2 - 80px);}
.site_dash .sd_wrap .sd3 .medium > li {float: left; margin: 0px 20px 20px 0px;;; overflow: hidden;width: calc(100% / 1);}
.site_dash .sd_wrap .sd3 .medium > li:first-child {margin-top: 0px;}
.site_dash .sd_wrap .sd3 .medium > li:nth-child(2) {margin-top: 0px;}
.site_dash .sd_wrap .sd3 .medium .left {float: left; padding: 15px 0 14px 0; text-align: center; width: 115px;}
.site_dash .sd_wrap .sd3 .medium .right {float: right; overflow: hidden; width: calc(100% - 115px); }
.site_dash .sd_wrap .sd3 .medium .right li {float: left; padding: 34px 0 33px 0; text-align: center; width: 50%;}
.site_dash .sd_wrap .sd3 .medium .right li span {display: block; margin-top: 10px; }
.site_dash .sd_wrap .sd3 .medium .right li span b { font-family: "NanumSquareB"; font-size: 24px;}
.site_dash .sd_wrap .sd3 .end_schedule {box-sizing: border-box; float: left; height: 385px; margin-left: 20px; overflow: hidden; overflow-y: auto; padding: 20px 0 20px 20px; width: calc(100% / 5 * 2 - 80px);}
.site_dash .sd_wrap .sd3 .end_schedule > p { font-size: 15px; margin-bottom: 20px;}
.site_dash .sd_wrap .sd3 .end_schedule ul li {float: left; margin-bottom: 10px; overflow: hidden; width: calc(100% / 1);}
.site_dash .sd_wrap .sd3 .end_schedule .left {float: left; padding: 10px 0 10px 0; text-align: center; width: 150px;}
.site_dash .sd_wrap .sd3 .end_schedule .left b { font-size: 15px;}
.site_dash .sd_wrap .sd3 .end_schedule .left p { font-size: 15px;}
.site_dash .sd_wrap .sd3 .end_schedule .left h5 { margin-top: 10px; }
.site_dash .sd_wrap .sd3 .end_schedule .right {float: right; overflow: hidden; width: calc(100% - 150px); }
.site_dash .sd_wrap .sd3 .end_schedule .right li {float: left; padding-top: 5px; text-align: center; width: 100%;}
.site_dash .sd_wrap .sd3 .end_schedule .right li p { font-size: 12px;}
.site_dash .sd_wrap .sd3 .end_schedule .right li span {display: block; margin-top: 10px; }
.site_dash .sd_wrap .sd3 .end_schedule .right li span b { font-family: "NanumSquareB"; font-size: 30px;}
/* 대시보드-시스템관리 */
.system_dash {overflow: hidden;}
.system_dash .sd_wrap {float: left; margin: 0 0 17px 20px; overflow: hidden; width: calc(50% - 10px);}
.system_dash .sd_wrap > div {border-radius: 3px; box-sizing: border-box; height: 320px; position: relative;}
.system_dash .sd_wrap:nth-child(2n-1) {margin-left: 0px;}
.system_dash .sd_wrap > .left {float: left; width: calc(100% / 3 * 2 - 20px);}
.system_dash .sd_wrap > .right {float: right; width: calc(100% / 3);}
.system_dash .sd_wrap > .center {float: left; width: calc(100% / 2 - 10px);}
.system_dash .sd_wrap > .center:last-child {margin-left: 20px;}
.system_dash .sd_wrap h4 { font-family: "NanumBarunGothicB"; font-size: 16px; line-height: normal;}
.system_dash .sd_wrap h4 b {font-family: "NanumSquareB"; font-size: 46px;}
.system_dash .sd_wrap .today_date {position: absolute; right: 20px; top: 25px;}
.system_dash .sd_wrap a.more {border-radius: 16px; bottom: 25px; box-sizing: border-box; display: block; font-size: 13px; height: 32px; left: 50%; line-height: 32px; min-width: 140px; position: absolute; text-align: center; transform: translateX(-50%); transition: all 0.3s;}
/* 실시간 접속 현황 */
.system_dash .sd_wrap > div.sd1 {overflow: hidden;}
.system_dash .sd1 > div {float: left; line-height: normal; margin-top: 10px; position: relative; text-align: center; width: 50%;}
.system_dash .sd1 .left {height: 245px; position: relative;}
.system_dash .sd1 .left::before {content: ''; height: 173px; position: absolute; right: 0px; top: -10px; width: 1px; }
.system_dash .sd1 .left > p {font-size: 13px; margin-bottom: 20px;}
.system_dash .sd1 .left ul {margin: 0 auto; overflow: hidden; padding-top: 23px; position: relative; width: 145px;}
.system_dash .sd1 .left ul::before {content: ''; height: 3px; left: 50%; margin-left: -20px; position: absolute; top: 0px; width: 40px; }
.system_dash .sd1 .left ul li {float: left; position: relative; text-align: center; width: 60px;}
.system_dash .sd1 .left ul li:last-child {float: right;}
.system_dash .sd1 .left ul li span {display: block; margin-top: 10px; }
.system_dash .sd1 .left ul li span b { font-family: "NanumSquareB"; font-size: 24px;}
.system_dash .sd1 .left a {}
.system_dash .sd1 .right {box-sizing: border-box; height: 245px; padding: 43px 0;}
.system_dash .sd1 .right p { font-size: 13px;}
.system_dash .sd1 .right a {}
/* 관리자 접속 통계(누적) */
.system_dash .sd_wrap > div.sd2 {}
.system_dash .sd_wrap > div.sd2 h4 {margin-bottom: 10px; }
.system_dash .sd2 div {box-sizing: border-box; height: 245px; margin-top: 10px; padding: 22px 0; position: relative; text-align: center;}
.system_dash .sd2 div ul {margin: 0 20px; overflow: hidden; padding-top: 23px; position: relative;}
.system_dash .sd2 div ul::before {content: ''; height: 3px; left: 50%; margin-left: -20px; position: absolute; top: 0px; width: 40px;}
.system_dash .sd2 div ul li {box-sizing: border-box; float: left; width: calc(100% / 3);}
.system_dash .sd2 div ul li:first-child {border-left: none;}
.system_dash .sd2 ul li span {display: block; margin-top: 10px; }
.system_dash .sd2 ul li span b { font-family: "NanumSquareB"; font-size: 24px;}
/* 회원 현황 */
.system_dash .sd_wrap > div.sd3 {}
.system_dash .sd3 > div {height: 255px; position: relative;}
.system_dash .sd3 > div > ul {height: 175px; overflow: hidden;}
.system_dash .sd3 > div > ul > li {box-sizing: border-box; float: left; height: 173px; text-align: center; width: calc(100% / 2 - 7.5px);}
.system_dash .sd3 ul li.left {padding: 30px 0; position: relative;}
.system_dash .sd3 ul li.left::before {content: ''; height: 173px; position: absolute; right: 0px; top: 0px; width: 1px; }
.system_dash .sd3 ul li.left h4 {margin-bottom: 10px;}
.system_dash .sd3 ul li.left ul {margin: 0 20px; overflow: hidden; padding-top: 23px; position: relative;}
.system_dash .sd3 ul li.left ul::before {content: ''; height: 3px; left: 50%; margin-left: -20px; position: absolute; top: 0px; width: 40px; }
.system_dash .sd3 ul li.left ul li {display: inline-block; font-size: 12px; line-height: 26px; width: 70px;}
.system_dash .sd3 ul li.right ul {overflow: hidden;}
.system_dash .sd3 ul li.right ul li {float: left; margin-left: 20px; padding: 52px 0; width: calc(50% - 20px); }
.system_dash .sd3 ul li.right ul li p {font-size: 13px;}
/* 보안설정 현황 */
.system_dash .sd_wrap > div.sd4 {}
.system_dash .sd4 div {height: 255px; position: relative;}
.system_dash .sd4 div ul li {overflow: hidden; padding: 18px 25px; padding-right: 0px; }
.system_dash .sd4 div p {float: left;}
.system_dash .sd4 div span {display: block; float: right; text-align: center; width: 100px; }
.system_dash .sd4 div span b { font-family: "NanumSquareB"; font-size: 24px;}
/* 게시판사용 현황 */
.system_dash .sd_wrap > div.sd5 {}
.system_dash .sd_wrap > div.sd5 h4 {margin-bottom: 10px; }
.system_dash .sd5 div > ul {overflow: hidden;}
.system_dash .sd5 div > ul > li {box-sizing: border-box; float: left; height: 173px;}
.system_dash .sd5 div ul li.left {box-sizing: border-box; padding: 35px 0; position: relative; text-align: center; width: calc(100% / 3);}
.system_dash .sd5 div ul li.left::before {content: ''; height: 173px; position: absolute; right: 0px; top: 0px; width: 1px; }
.system_dash .sd5 div ul li.left ul {margin: 0 20px; overflow: hidden; padding-top: 23px; position: relative;}
.system_dash .sd5 div ul li.left ul::before {content: ''; height: 3px; left: 50%; margin-left: -20px; position: absolute; top: 0px; width: 40px; }
.system_dash .sd5 div ul li.left ul li {display: inline-block; font-size: 12px; font-weight: 500; line-height: 26px; width: 70px;}
.system_dash .sd5 div ul li.right {margin-left: 20px; overflow: hidden; width: calc(100% / 3 * 2 - 20px);}
.system_dash .sd5 div ul li.right ul {float: left; height: 173px; overflow: hidden; width: calc(100% / 4 * 3);}
.system_dash .sd5 div ul li.right ul li {float: left; margin: 0px 20px 20px 0px; padding: 15px 0; position: relative; text-align: center; width: calc(100% / 3 - 20px); }
.system_dash .sd5 div ul li.right ul li p { font-size: 12px;}
.system_dash .sd5 div ul li.right ul li span {display: block; font-size: 12px; margin-top: 10px;}
.system_dash .sd5 div ul li.right ul li span b { font-family: "NanumSquareB"; font-size: 24px;}
.system_dash .sd5 div ul li.right div {float: left; padding: 63px 0 62px 0; text-align: center; width: calc(100% / 4 - 20px); }
.system_dash .sd5 div ul li.right div p { font-size: 12px;}
.system_dash .sd5 div ul li.right div span {display: block; font-size: 12px; margin-top: 10px;}
.system_dash .sd5 div ul li.right div span b { font-family: "NanumSquareB"; font-size: 24px;}
/* 시스템 현황 */
.system_dash .sd_wrap > div.sd6 {}
.system_dash .sd6 ul {}
.system_dash .sd6 ul li {box-sizing: border-box; overflow: hidden; padding: 15px 20px 14px 20px; position: relative;}
.system_dash .sd6 ul li p {float: left; font-size: 12px; line-height: 34px; width: calc(100% / 3);}
.system_dash .sd6 ul li span {float: left; font-size: 12px; line-height: 30px; text-align: center; width: calc(100% / 3);}
.system_dash .sd6 ul li span b { font-family: "NanumSquareB"; font-size: 24px;}
.system_dash .sd_wrap .sd6 ul li a {border-radius: 3px; float: right; font-size: 13px; padding: 8px 0 7px 0; text-align: center; width: 70px;}
/* 필터링 내역 */
.system_dash .sd7 div {height: 245px; margin-top: 10px; padding: 40px 0; text-align: center;}
.system_dash .sd7 div span {font-size: 13px; margin-top: 10px;}
/* 콘텐츠 */
/* modal 팝업 */
/* .ui-dialog{position: fixed !important; height: auto;top: 15vh !important; left: 50% !important; transform: translateX(-50%); z-index: 101 !important;display:none;}
.ui-widget-header{color:#fff; background:#658ede;}
.ui-dialog .ui-dialog-title{font-family:"NanumBarunGothicB";} */
/* 하단 버튼라인 */
.btn_bottom {margin: 20px 0; overflow: hidden;}
.btn_bottom .l_btn {text-align: left;}
.btn_bottom .r_btn {text-align: right;}
.top_list1 {display: block; float: left;}
.top_list2 {display: block; float: right;}
.left_box_cms {display: block; float: left; line-height: 14px; margin-top: 13px;}
.board_listing {font-size: 13px; line-height: normal;}
.right_box_cms {display: block; float: right;}
span b { font-family: "NanumBarunGothicB";}
/* 버튼 */
.btall {cursor: pointer; font-family: "NanumBarunGothicB"; padding: 8px 15px; text-align: center;}
.btall_on {cursor: pointer; font-family: "NanumBarunGothicB"; padding: 8px 15px; text-align: center; }
.bt_all span input {cursor: pointer; font-family: "NanumBarunGothicB"; padding: 8px 15px;}
.bt_alls {display: inline-block;}
.bt_alls > span {display: inline-block;}
.btalls {border-radius: 3px; cursor: pointer; font-family: "NanumBarunGothicB"; font-size: 11px; letter-spacing: -1px; outline: 0; padding: 4px 5px 4px 4px; text-align: center;}
.btalls2 {border-radius: 3px; cursor: pointer; font-family: "NanumBarunGothicB"; font-size: 11px; letter-spacing: -1px; outline: 0; padding: 4px 5px; text-align: center;}
span.on {background: url("/resources/images/cms/common/contents/bt_all_s_left_on.gif") no-repeat 0px 0px;display: inline-block;height: 21px; padding-left: 3px;}
span.on > span {background: url("/resources/images/cms/common/contents/bt_all_s_right_on.gif") no-repeat right 0px; display: inline-block;height: 21px; padding-right: 3px;}
span.on > span > input {background: url("/resources/images/cms/common/contents/bt_all_s_center_on.gif"); border: 0px; cursor: pointer; font-size: 12px; font-weight: bold; height: 21px; padding: 0px 15px 0px 15px; text-align: center; }
.bt_all_box {margin-top: 10px; text-align: right;}
/* 페이징 */
.paging {margin-top: 30px; text-align: center; width: 100%;}
.paging span a {display: inline-block; font-size: 12px; margin-left: -1px; min-width: 13px; padding: 9px 10px 7px 10px; text-decoration: none;}
.paging span a.p_first {}
.paging span a.p_first2 {letter-spacing: -3px;}
.paging span a.p_last {}
.paging span a.p_last2 {letter-spacing: -3px;}
.paging span a.on {font-weight: bold; }
/* bg */
.info_bg {padding-top: 140px; text-align: center;}
/* 로그인 */
#login_wrap {left: 50%; margin: auto; overflow: hidden; position: absolute;  top: 50%; width: 500px; z-index: 100; transform:translate(-50%,-50%)}
.loginbox { position: relative; z-index: 100; background: #fff; border:1px solid #ebebeb}
.login_logo {margin: 0 auto 30px;}
.login_logo img{display: block;margin: 0 auto;}
.memboxlogin {position: relative; text-align: center;}
.memboxlogin input.input_lo {border: none; box-sizing: border-box; font-size: 18px;padding: 0 10px 0 67px; width: 100%; border-bottom: 1px solid #e6e5e5; font-family:inherit; height: 70px; position: relative;}
.memboxlogin input.input_lo:focus { opacity: 1;}
#capslock {box-sizing: border-box;; height: 35px; line-height: normal; padding: 10px 6px 9px 6px; position: absolute; right: 0px; top: 50px;}
#capslock::before {content: ''; left: -12px; position: absolute; top: 0px; }
#capslock::after {bottom: 0px; content: ''; left: -12px; position: absolute; }
.id_check {margin: 20px 0 40px; text-align: left; font-size: 16px;}
.id_check input.check {vertical-align: middle;}
.id_check span{margin-left: 3px;}
.login_btn input {border: none; border-radius: 3px; cursor: pointer; font-family: "NanumBarunGothic"; height: 36px; padding: 0px 20px;}
.login_btn button {border: none; border-radius: 3px; cursor: pointer; font-family: "NanumBarunGothic"; height: 36px; padding: 0px 20px; font-size: 18px; background: #d5a763; border-radius:3px; width: 100%; height: 70px; display: block; color: #fff; font-weight: 700; font-family:inherit}

p.copyright {line-height: 16px; margin-top: 30px; text-align: center; display: none;}
/* cms 작은버튼 */
/* cms 작은버튼 바로가기 */
table.type1 td .shortcut {cursor: pointer display: inline-block; font-size: 11px !important; letter-spacing: -1px; padding: 3px 5px;}
/* cms 작은버튼 보기 */
.bt_small_bt1 {background: url("/resources/images/cms/common/cms_small_bt_10.png") no-repeat 0px 0px; border: none; cursor: pointer; height: 21px; text-indent: 999999px; width: 56px;}
/* .bt_small_bt1{padding:4px 6px 4px 28px; color:#fff; font-size:11px; border:none; background:url("/resources/images/cms/common/bt_small_bt_23.png") no-repeat 0px 0px #20b9ae; cursor: pointer;} */
/* cms 작은버튼 추가 */
.bt_small_bt2 {background: url("/resources/images/cms/common/cms_small_bt_12.png") no-repeat 0px 0px !important; border: none; cursor: pointer; height: 21px; text-indent: 999999px; width: 56px;}
/* cms 작은버튼 검색 */
.bt_small_bt3 {background: url("/resources/images/cms/common/cms_small_bt_14.png") no-repeat 0px 0px !important; border: none; cursor: pointer; height: 21px; text-indent: 999999px; width: 56px;}
/* cms 작은버튼 수정 */
.bt_small_bt4 {background: url("/resources/images/cms/common/cms_small_bt_16.png") no-repeat 0px 0px !important; border: none; cursor: pointer; height: 21px; text-indent: 999999px; width: 56px;}
/* cms 작은버튼 초기화 */
.bt_small_bt5 {background: url("/resources/images/cms/common/cms_small_bt_18.png") no-repeat 0px 0px !important; border: none; cursor: pointer; height: 21px; text-indent: 999999px; width: 67px;}
/* cms 작은버튼 변경 */
.bt_small_bt6 {background: url("/resources/images/cms/common/cms_small_bt_20.png") no-repeat 0px 0px !important; border: none; cursor: pointer; height: 21px; text-indent: 999999px; width: 56px;}
/* cms 작은버튼 삭제 */
.bt_small_bt7 {background: url("/resources/images/cms/common/cms_small_bt_22.png") no-repeat 0px 0px !important; border: none; cursor: pointer; height: 21px; text-indent: 999999px; width: 56px;}
/* cms 작은버튼 로그보기 */
.bt_small_bt8 {background: url("/resources/images/cms/common/cms_small_bt_03.png") no-repeat 0px 0px !important; border: none; cursor: pointer; height: 21px; text-indent: 999999px; width: 76px;}
/* cms 작은버튼 권한보기 */
.bt_small_bt9 {background: url("/resources/images/cms/common/cms_small_bt_05.png") no-repeat 0px 0px !important; border: none; cursor: pointer; height: 21px; text-indent: 999999px; width: 76px;}
/* cms 작은버튼 등록 */
.bt_small_bt10 {background: url("/resources/images/cms/common/cms_small_bt01_03.png") no-repeat 0px 0px !important; border: none; cursor: pointer; height: 21px; text-indent: 999999px; width: 56px;}
/* cms 작은버튼 선택 */
.bt_small_bt11 {background: url("/resources/images/cms/common/cms_select_03.png") no-repeat 0px 0px !important; border: none; cursor: pointer; height: 21px; text-indent: 999999px; width: 56px;}
/* cms 큰버튼 */
/* cms 버튼 엑셀다운로드 */
.bt_big_bt1 {cursor: pointer; display: block; font-family: "NanumBarunGothicB"; font-size: 15px; outline: 0; padding: 6px 22px; transition: margin .3s ease-in-out; width: 132px;}
a:hover .bt_big_bt1 { /* background:#51c977; border-color:#51c977; */margin-bottom: -30px;}
.bt_big_bt1_2 {background: url("/resources/images/cms/common/excel_download.png") no-repeat center center; cursor: pointer; display: block; margin-top: -30px; padding: 7px 65px 6px 65px; transition: margin .3s ease-in-out;}
a:hover .bt_big_bt1_2 {margin-top: 0;}
/* cms 버튼 목록 */
.bt_big_bt2 { cursor: pointer; font-family: "NanumBarunGothicB"; font-size: 15px; outline: 0; padding: 6px 20px; transition: all .3s;}
/* cms 버튼 취소/삭제 */
.bt_big_bt3 { cursor: pointer; font-family: "NanumBarunGothicB"; font-size: 15px; outline: 0; padding: 6px 20px; transition: all .3s;}
/* cms 버튼 수정/등록 */
.bt_big_bt4 { cursor: pointer; font-family: "NanumBarunGothicB"; font-size: 15px; outline: 0; padding: 6px 20px; transition: all .3s;}
/* cms 버튼 검색 */
.bt_big_bt5 {background: url("/resources/images/cms/common/search_btn.png") no-repeat 0px 0px; border-radius: 3px; cursor: pointer; display: inline-block; font-family: "NanumBarunGothicB"; font-size: 15px; outline: 0; padding: 6px 10px 6px 30px; transition: all .2s ease-in-out;}
.bt_big_bt5:hover { background: url("/resources/images/cms/common/search_btn_1.png") no-repeat 0px 0px; }

.bt_cancel_btn {border-radius: 3px; cursor: pointer; display: inline-block; font-family: "NanumBarunGothicB"; font-size: 15px; outline: 0; padding: 6px 20px; transition: all .2s ease-in-out;}
.bt_reg_btn {border-radius: 3px; cursor: pointer; display: inline-block; font-family: "NanumBarunGothicB"; font-size: 15px; outline: 0; padding: 6px 20px; transition: all .2s ease-in-out;}
/* 콘텐츠-메뉴관리 */



/* 메뉴 수정이력 */
#topBar {position: absolute; right: 20px; top: 20px; z-index: 10;}
.topBar_inner {padding: 10px; width: 210px; }
div.history { /* width:250px; */ border-radius: 3px 3px 0 0; /* border-top:solid 4px #20b9ae; */ margin-bottom: 20px; z-index: 4;}
div.history dl {padding: 0 0 10px 0;}
div.history dl dt { margin: 0 0 10px 0; padding: 10px 0px; text-align: center;}
div.history dl dd a {display: block; overflow: hidden; padding: 4px 15px; transition: all .3s;}
div.history dl dd span.history_1 {float: left; font-size: 11px; padding: 0 20px 0 0;}
div.history dl dd span.history_2 {float: left; font-size: 11px;}
div.history dl dd span.history_btn {border-radius: 3px; display: block; float: right; font-family: 'Dotum'; font-size: 11px; margin-top: -1px; padding: 0px 3px;}
div.history p {padding: 8px 0; }
div.history p span {display: block; text-align: center;}
div.history p a {display: inline-block; font-size: 11px; line-height: 12px; margin: 0 1px 0 0; padding: 2px 4px 1px 4px; }
div.history p a.num_start {margin: 0 5px 0 0;}
div.history p a.num_last {margin: 0 0 0 5px;}
.top_bar_fix {position: fixed !important; top: 74px !important;}
/* 즐겨찾기 */
.bookmark { /* width:250px; */ border-radius: 3px; }
.bookmark ul {overflow: hidden; /* background-color: #0e1319; border:1px solid #000000; */ padding: 10px 13px;}
.bookmark ul li {float: left; margin: 3px 6px 3px 0;}
.bookmark ul li a {display: block; font-size: 11px; padding: 5px 10px;}
.bm_tit {background: url("/resources/images/cms/menu/bookmark_icon_on.png") no-repeat 32% 11px; font-size: 12px; padding: 10px 0 !important; text-align: center; }
/* 댓글 */
.commentbox { margin-top: 30px;}
.comment {border: none;height: 66px; left: 0px; padding-right: 100px; position: relative; top: 0px;}
.comment_text {margin-top: 10px; position: relative; width: 100%;}
.comment_text textarea {height: 54px; padding: 5px; width: 100%;}
.comment_bt {position: absolute; right: 0px; top: 0px;}
.comment_date {font-size: 12px !important; margin: 0 5px; }
.textcomment {margin-top: 10px;}
.next { background: url("/resources/images/cms/common/contents/comm_line.png") no-repeat 2px 9px; margin-top: 15px; padding: 10px 0px 0px 15px;}
.textname {font-weight: bold; margin-right: 5px;}
.ctfirst {margin-top: 20px;}
.commentnum {font-size: 12px; }
.comm_txt {margin: 10px 0 15px 0; }
.commentlist .ng-binding {font-size: 14px;}
.commentlist span input {cursor: pointer; font-size: 11px; letter-spacing: -1px;}
.commentlist span input.c_btn {padding: 2px 4px; }
/* 신고내역 */
.siren {background: url(/resources/images/cms/siren.png) no-repeat 0px 0px; font-family: "NanumBarunGothicB"; font-size: 15px; letter-spacing: -0.5px; padding-left: 20px;}
/* 시스템 경고 */
.system_warning_box {overflow: hidden; padding-left: 43px; padding-top: 50px;}
.system_warning_box > p {display: block; float: left;}
.system_warning_box > p.system_warning_text_ {font-size: 22px; font-weight: bold; line-height: 180%; margin: 10px 0px 0px 45px;}
h4.system_warning_h4 {background: url("/resources/images/cms/common/system_pop_07.png") no-repeat 0px 3px; font-size: 16px; font-weight: bold; margin-top: 45px; padding-left: 15px;}
.system_warning_box2 {margin-top: 5px;}
.system_warning_textarea {height: 150px; overflow-y: scroll; padding: 3%; width: 94%;}
.system_warning_box2_text { padding: 5px 0px 0px 5px;}
.system_bot_bt {margin-top: 20px; text-align: center;}
.system_warning_bt1 {background: url("/resources/images/cms/common/system_pop_01.png") no-repeat 0px 0px; border: none; cursor: pointer; height: 35px; text-indent: 999999px; width: 98px;}
.system_warning_bt2 {background: url("/resources/images/cms/common/system_pop_02.png") no-repeat 0px 0px; border: none; cursor: pointer; height: 35px; text-indent: 999999px; width: 98px;}
.system_warning_h4_1 {background: url("/resources/images/cms/common/system_pop_07.png") no-repeat 0px 3px; font-size: 16px; font-weight: bold; margin-top: 45px; padding-left: 15px;}
.system_warning_h4_2 {background: url("/resources/images/cms/common/system_pop_07.png") no-repeat 0px 3px; font-size: 16px; font-weight: bold; margin-top: 10px; padding-left: 15px;}
.system_warning_textarea2 {height: 40px; overflow-y: scroll; padding: 2%; width: 96%;}
.system_warning_textarea3 {height: 60px; overflow-y: scroll; padding: 2%; width: 96%;}
/* 스마트에디터 */
span.se2_file_icon {}
.ui-widget-overlay { filter: Alpha(Opacity=70) !important; opacity: 0.7 !important;}
/* 캘린더 */
.cal_icon {margin-left: -25px !important; position: relative; z-index: 101;}
.cal_icon + span {margin-left: 5px;}
/* 폼검증 */
/* 콘텐츠-시스템관리 */
/* 그룹선택 박스 */
.nav_style_1 {height: 430px; left: 19px; position: absolute; top: 20px;}
.nav_style_1 .group_sch {margin-bottom: 10px; padding: 15px 18px; }
/* 관리자회원관리 */
.admin_top {overflow: hidden;}
.admin_top .r_btn {text-align: right;}
/* 관리자회원관리 초성검색 */
.admin_top .select_box {float: left; margin-top: 10px;}
.admin_top .word_box ul {border: none;}
.admin_top .word_box ul li {border: none; float: left; margin: 0 2px; padding: 0px;}
.admin_top .word_box ul li:first-child {margin-left: 0;}
.admin_top .word_box ul li a {display: inline-block; padding: 5px 8px 4px 8px; }
.admin_top .word_box ul li a.on { font-family: "NanumBarunGothicB"; }
.admin_top .word_box ul li.group a {background: url(/resources/images/cms/down_arrow_1.png) no-repeat right 4px; padding-right: 13px;}
.admin_top .word_box ul li.group a.on {background: url(/resources/images/cms/down_arrow_2.png) no-repeat right 4px;}
.admin_top .word_box ul li.last {background: none; padding: 0 3px 0 6px;}
/* 일반회원관리 */
.member_top {overflow: hidden;}
.member_top .r_btn {text-align: right;}
/* 일반회원관리 초성검색 */
.member_top .select_box {float: left; margin-top: 10px;}
.member_top .word_box ul {border: none;}
.member_top .word_box ul li {border: none; float: left; margin: 0 2px; padding: 0px;}
.member_top .word_box ul li:first-child {margin-left: 0;}
.member_top .word_box ul li a {display: inline-block; padding: 5px 8px 4px 8px; }
.member_top .word_box ul li a.on { font-family: "NanumBarunGothicB"; }
.member_top .word_box ul li.group a {background: url(/resources/images/cms/down_arrow_1.png) no-repeat right 4px; padding-right: 13px;}
.member_top .word_box ul li.group a.on {background: url(/resources/images/cms/down_arrow_2.png) no-repeat right 4px;}
.member_top .word_box ul li.last {background: none; padding: 0 3px 0 6px;}
/* 회원 트리 */
#sidetree {padding: 20px;}
.treeview .hitarea {background: url('/resources/images/cms/member_06.png') no-repeat 0px 0px; cursor: pointer; display: inline-block; height: 9px; width: 9px;}
ul.treeview {padding: 5px 15px;}
ul.treeview .expandable-hitarea {background: url('/resources/images/cms/member_28.png') no-repeat 0px 0px;}
ul.treeview li {position: relative;}
ul.treeview li::after {clear: both; content: ''; display: block;}
ul.treeview li a {padding: 7px 0px; }
ul.treeview li a span:hover {text-decoration: underline;}
ul.treeview li.on a span { font-family: "NanumBarunGothicB"; text-decoration: underline;}
ul.treeview li div {left: 0px; position: absolute; top: 8px; z-index: 99;}
ul.treeview li span {overflow: hidden;}
ul.treeview li span.tree_util {display: inline-block; margin-left: 3px; padding-top: 6px;}
ul.treeview li span a {padding: 0px; text-indent: -9999px;}
ul.treeview li span a.tree_add {background: url(/resources/images/cms/member_22.png) no-repeat 0px 0px; display: inline-block; float: left; height: 13px; width: 13px;}
ul.treeview li span a.tree_del {background: url(/resources/images/cms/member_20.png) no-repeat 0px 0px; display: inline-block; float: left; height: 13px; margin-right: 2px; width: 13px;}
ul.treeview li span a.tree_mod {background: url(/resources/images/cms/member_18.png) no-repeat 0px 0px; display: inline-block; float: left; height: 13px; margin-right: 2px; width: 13px;}
ul.treeview li span a img {padding-top: 6px; vertical-align: top;}
ul.treeview > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview > li > a {background: url(/resources/images/cms/menu/m1_icon_off_03.png) no-repeat 0px 0px; display: inline-block; float: left; max-width: calc(100% - 70px); overflow: hidden; padding-left: 23px; padding-top: 5px; text-overflow: ellipsis; white-space: nowrap;}
ul.treeview > li.last {background: none; padding-left: 0px;}
ul.treeview > li.last > a {background: url(/resources/images/cms/m1_icon_off_03.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview > li > ul {clear: both; padding-left: 13px;}
ul.treeview > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px;padding-left: 1px;}
ul.treeview > li > ul > li > a {background: url(/resources/images/cms/menu/m2_icon_off_03.png) no-repeat 0px 0px; display: inline-block; float: left; max-width: calc(100% - 70px); overflow: hidden; padding-left: 23px; padding-top: 5px; text-overflow: ellipsis; white-space: nowrap;}
ul.treeview > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview > li > ul > li.last > a {background: url(/resources/images/cms/m2_icon_03.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview > li > ul > li > ul {clear: both; padding-left: 13px;}
ul.treeview > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview > li > ul > li > ul > li > a {background: url(/resources/images/cms/m3_icon_off_03.png) no-repeat 0px 0px; display: inline-block;float: left; padding-left: 23px; padding-top: 5px;}
ul.treeview > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview > li > ul > li > ul > li.last > a {background: url(/resources/images/cms/m3_icon_03.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview > li > ul > li > ul > li > ul {clear: both; padding-left: 13px;}
ul.treeview > li > ul > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px;padding-left: 1px;}
ul.treeview > li > ul > li > ul > li > ul > li > a {background: url(/resources/images/cms/menu/m3_icon_off_03.png) no-repeat 0px 0px; display: inline-block; float: left; max-width: calc(100% - 70px); overflow: hidden; padding-left: 23px; padding-top: 5px; text-overflow: ellipsis; white-space: nowrap;}
ul.treeview > li > ul > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview > li > ul > li > ul > li > ul > li.last > a {background: url(/resources/images/cms/menu/m3_icon_03.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview > li > ul > li > ul > li > ul > li > ul {clear: both; padding-left: 13px;}
ul.treeview > li > ul > li > ul > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview > li > ul > li > ul > li > ul > li > ul > li > a {background: url(/resources/images/cms/menu/m3_icon_off_03.png) no-repeat 0px 0px; display: inline-block; float: left; max-width: calc(100% - 70px); overflow: hidden; padding-left: 23px; padding-top: 5px; text-overflow: ellipsis; white-space: nowrap;}
ul.treeview > li > ul > li > ul > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview > li > ul > li > ul > li > ul > li > ul > li.last > a {background: url(/resources/images/cms/m3_icon_03.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview > li > ul > li > ul > li > ul > li > ul > li > ul {clear: both; padding-left: 13px;}
ul.treeview > li > ul > li > ul > li > ul > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {background: url(/resources/images/cms/menu/m3_icon_off_03.png) no-repeat 0px 0px; display: inline-block; float: left; max-width: calc(100% - 70px); overflow: hidden; padding-left: 23px; padding-top: 3px; text-overflow: ellipsis; white-space: nowrap;}
ul.treeview > li > ul > li > ul > li > ul > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview > li > ul > li > ul > li > ul > li > ul > li > ul > li.last > a {background: url(/resources/images/cms/menu/m3_icon_03.png) no-repeat 0px 0px;padding-left: 23px;}
/* 정렬하기 */
ul.treeview2 .hitarea {background: url('/resources/images/cms/member_06.png') no-repeat 0px 0px; cursor: pointer; display: inline-block; height: 9px; width: 9px;}
ul.treeview2 {padding-left: 20px;}
.treeview2 .expandable-hitarea {background: url('/resources/images/cms/member_28.png') no-repeat 0px 0px;}
ul.treeview2 li {position: relative;}
ul.treeview2 li a {padding: 8px 0px 8px 0px;}
ul.treeview2 li div {left: -3px; position: absolute; top: 10px; z-index: 999;}
ul.treeview2 li span a {padding: 0px;}
ul.treeview2 li span a img {padding-top: 4px; vertical-align: top;}
ul.treeview2 > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview2 > li > span {background: url(/resources/images/cms/menu/m1_icon_off_03.png) no-repeat 0px 0px;display: inline-block; height: 15px; padding-left: 23px; padding-top: 3px;}
ul.treeview2 > li.last {background: none; padding-left: 0px;}
ul.treeview2 > li.last > span {background: url(/resources/images/cms/menu/m1_icon_off_03.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview2 > li > ul {padding-left: 13px;}
ul.treeview2 > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px;padding-left: 1px;}
ul.treeview2 > li > ul > li > span {background: url(/resources/images/cms/menu/m2_icon_off_03.png) no-repeat 0px 0px;display: inline-block; height: 15px; padding-left: 23px; padding-top: 3px;}
ul.treeview2 > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview2 > li > ul > li.last > span {background: url(/resources/images/cms/menu/m2_icon_03.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview2 > li > ul > li > ul {padding-left: 13px;}
ul.treeview2 > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview2 > li > ul > li > ul > li > span {background: url(/resources/images/cms/menu/m3_icon_off_03.png) no-repeat 0px 0px;display: inline-block; height: 15px; padding-left: 23px; padding-top: 3px;}
ul.treeview2 > li > ul > li > ul > li > span.on a { /*background-color:#000;*/}
ul.treeview2 > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview2 > li > ul > li > ul > li.last > span {background: url(/resources/images/cms/menu/m3_icon_03.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview2 > li > ul > li > ul > li > ul {padding-left: 13px;}
ul.treeview2 > li > ul > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px;padding-left: 1px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > span {background: url(/resources/images/cms/menu/m3_icon_off_03.png) no-repeat 0px 0px;display: inline-block; height: 15px; padding-left: 23px; padding-top: 3px;}
ul.treeview2 > li > ul > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview2 > li > ul > li > ul > li > ul > li.last > span {background: url(/resources/images/cms/menu/m3_icon_03.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > ul {padding-left: 13px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > ul > li > span {background: url(/resources/images/cms/menu/m3_icon_off_03.png) no-repeat 0px 0px;display: inline-block; height: 15px; padding-left: 23px; padding-top: 3px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > ul > li.last > span {background: url(/resources/images/cms/menu/m3_icon_03.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > ul > li > ul {padding-left: 13px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > ul > li > ul > li > span {background: url(/resources/images/cms/menu/m3_icon_off_03.png) no-repeat 0px 0px;display: inline-block; height: 15px; padding-left: 23px; padding-top: 3px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > ul > li > ul > li.last > span {background: url(/resources/images/cms/menu/m3_icon_03.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview3 {padding-left: 20px;}
.treeview3 .expandable-hitarea {background: url('/resources/images/cms/member_28.png') no-repeat 0px 0px;}
ul.treeview3 li {position: relative;}
ul.treeview3 li a {padding: 8px 0px 8px 0px;}
ul.treeview3 li div {left: -3px; position: absolute; top: 10px; z-index: 999;}
ul.treeview3 li span a {padding: 0px;}
ul.treeview3 li span a img {padding-top: 4px; vertical-align: top;}
ul.treeview3 > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview3 > li > span {background: url(/resources/images/cms/menu/m1_icon_off_03.png) no-repeat 0px 0px;display: inline-block; height: 19px; padding-left: 23px; padding-top: 3px;}
ul.treeview3 > li.last {background: none; padding-left: 0px;}
ul.treeview3 > li.last > span {background: url(/resources/images/cms/depth_icon_01.png) no-repeat 0px 6px;padding-left: 23px;}
ul.treeview3 > li > ul {padding-left: 13px;}
ul.treeview3 > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px;padding-left: 1px;}
ul.treeview3 > li > ul > li > span {background: url(/resources/images/cms/depth_icon_02.png) no-repeat 0px 6px;display: inline-block; height: 19px; padding-left: 23px; padding-top: 3px;}
ul.treeview3 > li > ul > li > span.on a {font-weight: bold; }
ul.treeview3 > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview3 > li > ul > li.last > span {background: url(/resources/images/cms/depth_icon_02_01.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview3 > li > ul > li > ul {padding-left: 13px;}
ul.treeview3 > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview3 > li > ul > li > ul > li > span {background: url(/resources/images/cms/depth_icon_03.png) no-repeat 0px 6px;display: inline-block; height: 19px; padding-left: 23px; padding-top: 3px;}
ul.treeview3 > li > ul > li > ul > li > span.on a {font-weight: bold; }
ul.treeview3 > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview3 > li > ul > li > ul > li.last > span {background: url(/resources/images/cms/depth_icon_03_01.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview3 > li > ul > li > ul > li > ul {padding-left: 13px;}
ul.treeview3 > li > ul > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px;padding-left: 1px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > span {background: url(/resources/images/cms/depth_icon_03.png) no-repeat 0px 6px;display: inline-block; height: 19px; padding-left: 23px; padding-top: 3px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > span.on a {font-weight: bold; }
ul.treeview3 > li > ul > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview3 > li > ul > li > ul > li > ul > li.last > span {background: url(/resources/images/cms/depth_icon_03_01.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul {padding-left: 13px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li > span {background: url(/resources/images/cms/menu/m3_icon_off_03.png) no-repeat 0px 0px;display: inline-block; height: 19px; padding-left: 23px; padding-top: 3px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li > span.on a {font-weight: bold; }
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li.last > span {background: url(/resources/images/cms/depth_icon_03_01.png) no-repeat 0px 0px;padding-left: 23px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li > ul {padding-left: 13px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li > ul > li {background: url(/resources/images/cms/back_line_hight_07.png) repeat-y 0px 0px; padding-left: 1px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li > ul > li > span {background: url(/resources/images/cms/menu/m3_icon_off_03.png) no-repeat 0px 0px;display: inline-block; height: 19px; padding-left: 23px; padding-top: 3px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li > ul > li > span.on a {font-weight: bold; }
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li > ul > li.last {background: none; padding-left: 0px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li > ul > li.last > span {background: url(/resources/images/cms/depth_icon_03_01.png) no-repeat 0px 0px;padding-left: 23px;}
.admincontents {padding-left: 341px;}
.membercontents {padding-left: 341px;}
/* 게시판 관리 사용자 등록허용 */
.regi_permit {margin-top: 10px; padding-top: 5px; }
.rp_wrap {border-left: none; display: table; margin: 15px 0; overflow: hidden; width: 100%;}
.rp_add {padding-top: 5px;}
.rp_add span {display: inline-block; float: left; font-size: 12px !important; margin: 4px 7px 0 0;}
.rp_number {display: table-cell; margin-right: 5px; padding: 0 5px; text-align: center; }
/* 예약업데이트 관리 */
.rsv_status_s {}
.rsv_status_f {}
.rsv_status_w {}
.rsv_status_c {}
/* 방문자 통계 */
.statistics {margin-top: 20px; width: 100%; }
.statistics td {padding: 20px; }
.statistics td.v_top {vertical-align: top;}
.statistics td h4 {display: inline-block; font-size: 15px; font-weight: 500;}
.statistics td > ul {margin-top: 30px; overflow: hidden;}
.statistics td > ul li {display: table-cell; float: left; text-align: center; vertical-align: middle; width: calc(100% / 3);}
.statistics td > ul li:last-child {}
.statistics td > ul li p {font-size: 28px; font-weight: 500; line-height: normal; padding-bottom: 8px; position: relative;}
.statistics td > ul li p::before {bottom: 0px; content: ''; height: 2px; left: 50%; margin-left: -5px; position: absolute; width: 10px; }
.statistics td > ul li span {display: block; font-size: 13px; margin-top: 10px;}
.statistics td .most_viewed {}
.statistics td .most_viewed ul {}
.statistics td .most_viewed li {}
.statistics td .most_viewed li:first-child {}
/* 필터링 관리 */
.filter {margin-top: 20px; width: 100%; }
.filter td {padding: 20px; position: relative; }
.filter td.v_top {vertical-align: top;}
.filter td h4 { font-size: 15px; font-weight: 500;}
.filter td span.date {position: absolute; right: 20px; top: 20px;}
.filter td > ul {margin-top: 30px; overflow: hidden;}
.filter td > ul li {display: table-cell; text-align: center; vertical-align: middle; width: 400px;}
.filter td > ul li:last-child {width: 500px;}
.filter td > ul li p {font-size: 28px; font-weight: 500; line-height: normal; padding-bottom: 8px; position: relative;}
.filter td > ul li p::before {bottom: 0px; content: ''; height: 2px; left: 50%; margin-left: -5px; position: absolute; width: 10px;}
.filter td > ul li span {display: block; font-size: 13px; margin-top: 10px;}
.filter td .filter_condition {display: table-cell; height: 370px; text-align: center; vertical-align: middle; width: 415px;}
.filter td .filter_condition p {font-size: 28px; font-weight: 500; line-height: normal; padding-bottom: 8px; position: relative;}
.filter td .filter_condition p::before {bottom: 0px; content: ''; height: 2px; left: 50%; margin-left: -5px; position: absolute; width: 10px; }
.filter td .filter_condition span {display: block; font-size: 13px; margin-top: 10px;}
.filter td .filter_condition ul {margin-top: 20px;}
.filter td .filter_condition a {border-radius: 3px; font-size: 11px; line-height: normal; padding: 4px 5px 4px 4px; position: absolute; right: 20px; text-align: center; top: 20px;}
.filter_list span {display: inline-block; font-size: 12px !important; margin: 0 2px;}
/* 메일발송 관리탭 */
.cms_tab {height: 39px; margin-bottom: 12px;}
.cms_tab ul li {float: left; margin-right: 5px;}
/* 스타일 가이드 */
.definition {margin: 0 0 10px 10px;}
.definition h3 {font-size: 16px; margin-bottom: 5px;}
.definition p { letter-spacing: 0;}
.example {border-radius: 10px 10px 0 0; padding: 15px; }
.example > div {margin-bottom: 10px; overflow: hidden;}
.example .color {float: left; margin-right: 10px; padding-top: 30px; width: 150px;}
.example .color div { border-top: none; padding: 5px;}
.explanation {border-radius: 0 0 10px 10px; border-top: none; padding: 15px;}
.explanation td {border-bottom: none; padding: 0 !important;}
.explanation td div {padding: 0 !important;}
/* PAGE STYLES */
/* member */
ul.temp_ul {position: relative;}
ul.temp_ul::before {background: url("/resources/images/cms/menu/drag_01_on.png") no-repeat 0px 0px; content: ''; height: 14px; left: -24px; position: absolute; top: -23px; width: 17px;}
.mCSB_outside + .mCSB_scrollTools {right: -15px;}
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom: -15px;}
.ui-state-highlight {height: 20px;}
/* 회원관리 팝업 */
.popup_navi {font-family: "Doutm"; overflow: hidden; /* margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #d9d9d9; */}
.popup_navi span {}
.popup_tit {margin-bottom: 10px; position: relative;}
.popup_tit p {font-family: "Doutm"; font-size: 16px; margin-bottom: 10px; padding-top: 3px;}
.popup_tit select {position: absolute; right: 0; top: 20px;}
.pop_stat {font-size: 12px; margin-right: 5px; padding: 2px 3px 3px 3px; }
.all_chk {font-size: 11px !important; margin-left: 3px; }
.chk_list {margin-top: 10px;}
.chk_list div {height: 80px; overflow: auto; padding: 10px; }
.chk_list div span {border-radius: 3px; display: inline-block; margin: 0 5px 5px 0; padding: 3px 5px;}
[scrollable="scrollOption"] {overflow-x: hidden !important;overflow-y: scroll !important;}
.paging a .fa { font-size: 18px; line-height: 0.7; position: relative; top: 2px; }
/* under construction */
.underConstruction {padding: 5rem text-align: center;}
.underConstruction h1 {margin-bottom: 3rem}
.underConstruction h2 {font-size: 5rem; font-weight: bold; margin-bottom: 3rem;}
.underConstruction p { font-size: 1.5rem; line-height: 20px;}

.loginbody{background: #f7f7f7}

.memboxlogin .form .ico input{background: url('') 15px center no-repeat;}
.memboxlogin .form .ico-user input{background-image: url('/resources/cms/img/ico-user.png')}
.memboxlogin .form .ico-lock input{background-image: url('/resources/cms/img/ico-lock.png')}