@charset "utf-8";

body{}

.wrap{height:100%; min-width:1400px;}

/* 헤더 */
#headerwrap{position:fixed; top:0px; z-index:499; width: 100%; min-width:1200px; height: 50px; background:#212330; clear: both; border-bottom:solid 1px #373946;}
.headerlogo_wrap{width: 100%;}
.headerlogo_wrap:AFTER{content: ""; display: block; overflow: hidden; clear: both;}
.headerlogo_wrap h1{display:block; float:left; overflow:hidden; margin:9px 0px 0px 20px; color: #c3ccda; font-size: 12px;}
.headerlogo_wrap h1 a{display:inline-block; float:left; margin-right:7px;}
.headerlogo_wrap h1 > span{display:inline-block; float:left; margin:5px 0 0 5px; font-weight:normal; font-family:"NanumBarunGothicB"; line-height:18px;}
.headerlogo_wrap h1 > span > span{font-weight: normal; color: #91a0b7;}
.headerlogo_wrap h1 > span > span > b{color:#fff; padding:2px 5px 2px 4px; margin-left:3px; font-size:10px; font-family:"Verdana"; font-weight:500; background:#3e70c9; border-radius:2px;}
.admin_profile{display:block; float:right; position:relative; padding-left:13px; margin:0px 20px 0px 0px; color:#efefef;}
.admin_profile > ul:after{display:block; content:""; clear:both;}
.admin_profile > ul > li{float:left; position:relative; height:50px; padding:0 10px; transition:all .3s;}
.admin_profile > ul > li::before{content:''; position:absolute; top:20px; left:0; width:1px; height:10px; background:#7c8fb1;}
.admin_profile > ul > li:first-child::before{display:none;}
.admin_profile > ul > li.connect{overflow:hidden; cursor:default;} /* 접속중인관리자 */
.admin_profile > ul > li.connect::before{display:none;}
.admin_profile > ul > li.connect p{overflow:hidden; float:right; padding:13px 0px 14px 0px; margin-top:5px; margin-right:10px;}
.admin_profile > ul > li.connect p span{color:#fff;}
.admin_profile > ul > li.connect input{float:right; padding:3px 5px; margin-top:16px; border:none; color:#fff; font-size:11px; background:#535f75; border-radius:3px; letter-spacing:-0.5px; cursor:pointer;}
.admin_profile > ul > li.alarm{position:relative; cursor:default; color:#808080;} /* 알림 */
.admin_profile > ul > li.alarm:after{display:block; content:""; clear:both;}
.admin_profile > ul > li.alarm::before{display:none;}
.admin_profile > ul > li.alarm > p{overflow:hidden; float:right; padding:13px 0px 14px 0px; margin-top:5px; margin-right:10px;}
.admin_profile > ul > li.alarm > p span{color:#fff;}
.admin_profile > ul > li.alarm > input[type="button"]{float:right; padding:3px 5px; margin-top:16px; border:none; color:#fff; font-size:11px; background:#658ed7; border-radius:3px; letter-spacing:-0.5px; cursor:pointer;}
.admin_profile > ul > li.alarm .newAlarm{position:absolute; top:65px; right:0; width:242px; height:378px; padding:10px 8px; background-color:#f5f5f5; border:1px solid #ccc;}
.admin_profile > ul > li.alarm .newAlarm:before{display:block; content:""; position:absolute; top:-9px; right:18px; width:12px; height:9px; background:url(/images/cms/header/alarm_arr.png) 0 0 no-repeat;}
.admin_profile > ul > li.alarm .newAlarm .tit{overflow:hidden; margin-bottom:10px;}
.admin_profile > ul > li.alarm .newAlarm .tit p{float:left; padding:4px 0 4px 24px; background:url(/images/cms/header/alarm_ico.gif) 0 4px no-repeat; font-size:13px; font-family:"NanumBarunGothicB"; color:#333;}
.admin_profile > ul > li.alarm .newAlarm .tit a{float:right; padding:4px 6px; background-color:#fff; border:1px solid #ddd; border-radius:3px;}
.admin_profile > ul > li.alarm .newAlarm .con{height:345px !important;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li{margin-bottom:6px; background-color:#fff; border:1px solid #ddd; border-radius:3px;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li > .top{border-bottom:1px solid #ddd;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li > .top p{padding:9px 8px; font-family:"NanumBarunGothicB"; color:#333;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li.on > .top p{background:url(/images/cms/header/alarmNew_ico.gif) 96% 10px no-repeat;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li > .top p span{display:block; margin-top:2px; font-size:12px; color:#888;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li > .bottom{padding:9px 8px;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li > .bottom p{overflow:hidden; height:34px; margin-bottom:5px;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li > .bottom ul{margin-bottom:8px; padding:9px; background-color:#fafafa;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li > .bottom ul li{margin-bottom:5px;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li > .bottom ul li:first-child{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li > .bottom ul li:last-child{margin-bottom:0;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li > .bottom input{width:100%; padding:7px 0; background-color:#f5f5f5; border:1px solid #ddd; border-radius:3px; font-family:"NanumBarunGothicB"; color:#888; cursor:pointer;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li.on > .bottom ul{background-color:#f5f9ff;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_container > ul > li.on > .bottom input{background-color:#fff; color:#658ed7;}
.admin_profile > ul > li.alarm .newAlarm .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px; background-color:#ccc;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_scrollTools .mCSB_draggerRail{width:3px; background-color:#e5e5e5;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_scrollTools .mCSB_draggerContainer{right:-5px;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px; background-color:#ccc;}
.admin_profile > ul > li.alarm .newAlarm .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#ccc;}
.admin_profile > ul > li.site_select{overflow:hidden;} /* 사이트 선택 */
.admin_profile > ul > li.site_select p{float:left; padding:0; margin:17px 10px 16px 0;}
.admin_profile > ul > li.site_select select{float:right; cursor:pointer;}
.admin_profile > ul > li.the_latest::before{display:none;} /* 최근접속시간 */
.admin_profile > ul > li.the_latest p{overflow:hidden; padding:13px 0px 14px 0px; margin-top:5px; margin-right:10px;}
.admin_profile > ul > li.timer{overflow:hidden; width:125px; cursor:default;}
.admin_profile > ul > li.timer p{overflow:hidden; float:right; padding:13px 0px 14px 0px; margin-top:5px; margin-right:10px; max-width:85px; text-overflow:ellipsis; white-space:nowrap;}
.admin_profile > ul > li.timer input{float:right; padding:3px 5px; margin-top:16px; border:none; color:#fff; font-size:11px; background:#35c3b9; border-radius:3px; letter-spacing:-0.5px; cursor:pointer;}
.admin_profile > ul > li:hover{background:#303341;}
.admin_profile > ul > li.acnt_menu_open{overflow:hidden; cursor:pointer;}
.admin_profile > ul > li.acnt_menu_open p{display:block; float:left; position:relative; padding:17px 0px 16px 30px; color:#42a5f5; font-weight:500;}
.admin_profile > ul > li.acnt_menu_open p::before{content:''; position:absolute; top:13px; left:0px; width:24px; height:24px; background:url(/images/cms/header/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; margin-left:5px; background:url(/images/cms/header/caret_arrow.gif) no-repeat 15px center; color:#fff;}
.lastprofile{background: url("/images/cms/header/heard_07.gif") no-repeat right 0px #282d38; overflow: hidden; padding-right: 22px; height:29px;}
.profileicoa{margin: 6px 0px 0px 24px;}
.profileicob{margin: 6px 0px 0px 4px;}
.adm_menu{display:none; position:fixed; top:51px; right:20px; width:150px; border:solid 1px #ccced3; border-top:none; background:#fff;}
.adm_menu::after{content:''; position:absolute; top:-8px; right:30px; border-top:none; border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent;}
.adm_menu li{height:auto;}
.adm_menu li a{display:block; padding:12px 0 12px 40px; color:#555; transition:all .3s;}
.adm_menu li a.acnt_set{background: url("/images/cms/header/account_setting.png") no-repeat 17px 13px;}
.adm_menu li:hover a.acnt_set{background: url("/images/cms/header/account_setting.png") no-repeat 17px 13px #eee;}
.adm_menu li a.log_out{background: url("/images/cms/header/log_out.png") no-repeat 15px 12px;}
.adm_menu li:hover a.log_out{background: url("/images/cms/header/log_out.png") no-repeat 15px 12px #eee;}
.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{float:right; min-width:180px; height:24px; padding:0 3px; color:#fff; background:#494d5e; border:solid 1px #22232e; border-radius:3px; outline:0;}


/* 콘테이너 */
.container{overflow:hidden; width:100%; min-width:1800px; padding-top:50px;}

/* 메인콘텐츠 */
#main{height:auto; margin:0 0 0 281px; /* padding-top: 47px; */}
#main:AFTER{content: "" ; clear: both; display: block;}

/* 타이틀바 */
.titlebar{/* background: url("/images/cms/title/title_03.png") repeat-x 0px 0px; */background:#fff; border-bottom:solid 1px #c9c9c9;}
.titlebar:AFTER{content: "" ; clear: both; display: block;}
.titlebar h2{display:block; float:left; font-size: 16px; font-weight: bold; color: #333b49; padding: 22px 0px 22px 20px;}
.titlebar div{display:block; float:right; background: url("/images/cms/title/title_homebt_08.gif") no-repeat 20px 24px; padding: 22px 37px 22px 35px;}
.titlebar div span{margin:0 3px;}
.bar_tx{font-family:"NanumBarunGothicB";}

/* 콘텐츠 */
.contents_wrap{position:relative; padding:20px;}
.ct_wrap{overflow:hidden; padding:20px; margin-right:242px; background:#fff; border:solid 1px rgba(0, 0, 0, 0.125); border-radius:3px;}
.contents{position:relative; top:-1px; min-height:670px; padding:20px 21px 60px 21px; background:#fff; border:1px solid #c9c9c9;}
.contents:after{display:block; clear:both; content:"";}

/* 콘텐츠탭 */
.conwrap_tap{position:relative; z-index:90;}
.conwrap_tap ul{}
.conwrap_tap ul:AFTER{content:""; display:block; clear:both;}
.conwrap_tap ul li{float:left;}
.conwrap_tap ul li a{display:block; padding:15px 30px; color:#919da6; background:#f3f3f3; font-size:15px; transition:all .3s;}
.conwrap_tap ul li:hover a{color:#fff; background:#658ed7;}
.conwrap_tap ul li.on a{color:#658ed7; background:#fff; font-family:"NanumBarunGothicB"; border:solid 1px #c9c9c9; border-bottom:none;}


/* 레프트메뉴 */
/* 레프트 탭 */
.left_wrap{position:fixed; top:51px; left:0px; width:281px; height:100%; z-index:100;}
.menutap{position: relative; top:0px; left:0px; z-index: 200;}
.menutap ul{overflow:hidden; display:table; table-layout:fixed; width:94%;}
.menutap ul.site_setting{}
.menutap ul.system_setting{display:none;}
.menutap ul li{display:table-cell; position:relative; margin-right:4px; text-align:center;}
.menutap ul li a{display:block; padding:35px 0 8px 0; color:#6e7786;}
.menutap ul li a:hover{color:#fff;}
.menutap ul li a.on{color:#fff;}
.menutap ul li.leftmenu1_1 a{background:url("/images/cms/header/menutap1_off.png") no-repeat 50% 20% #303341;}
.menutap ul li.leftmenu1_1 a:hover{background:url("/images/cms/header/menutap1_on.png") no-repeat 50% 20% #434759;}
.menutap ul li.leftmenu1_1 a.on{background:url("/images/cms/header/menutap1_on.png") no-repeat 50% 20% #212330;}
.menutap ul li.leftmenu1_2 a{background:url("/images/cms/header/menutap2_off.png") no-repeat 50% 20% #303341;}
.menutap ul li.leftmenu1_2 a:hover{background:url("/images/cms/header/menutap2_on.png") no-repeat 50% 20% #434759;}
.menutap ul li.leftmenu1_2 a.on{background:url("/images/cms/header/menutap2_on.png") no-repeat 50% 20% #212330;}
.menutap ul li.leftmenu1_3 a{background:url("/images/cms/header/menutap3_off.png") no-repeat 50% 20% #303341;}
.menutap ul li.leftmenu1_3 a:hover{background:url("/images/cms/header/menutap3_on.png") no-repeat 50% 20% #434759;}
.menutap ul li.leftmenu1_3 a.on{background:url("/images/cms/header/menutap3_on.png") no-repeat 50% 20% #212330;}
.menutap ul > li:hover > a:before{width:100%;}
.menutap > div{position: absolute; top:0px; right:0px;}

/* 레프트메뉴-메뉴관리 */
/* 메뉴토글, 대메뉴추가 */
.menuwrap{display:inline-block; width:281px; height:100%; background-color:#212330; position:relative; left:0px; z-index: 100}
.menuwrap .menu_top{overflow:hidden; padding:7px 0px; margin:0 auto; width:245px; border-bottom:1px solid #1c2428;}
.menuwrap .menu_top p{float: left; margin-top:3px; margin-bottom:3px;}
.menu_top .bt_open{text-indent:-9999px; background: url("/images/cms/left/Left_top_09.gif") no-repeat; width: 79px ; height: 19px;}
.menu_top .bt_re{text-indent:-9999px; background: url("/images/cms/left/Left_top_18.gif") no-repeat; width: 79px ; height: 19px; margin-left: 5px;}
.menu_top .bt_plus{text-indent:-9999px; background: url("/images/cms/left/Left_top_13.gif") no-repeat; width: 71px ; height: 19px; margin-left: 5px;}
.menu_top .bt_open:HOVER{background: url("/images/cms/left/Left_top_20.gif") no-repeat; width: 79px ; height: 19px;}
.menu_top .bt_re:HOVER{background: url("/images/cms/left/Left_top_26.gif") no-repeat; width: 79px ; height: 19px;}
.menu_top .bt_plus:HOVER{background: url("/images/cms/left/Left_top_22.gif") no-repeat; width: 71px ; height: 19px;}
.menu_top .new{position:relative; padding:6px 0px 4px 10px; width:calc(100%/2 - 4px); background:#292f3a; border:1px solid #41506c; color:#5f7096; font-size:13px; border-radius:2px; box-sizing:border-box; box-shadow:inset 0px 0px 0px 1px #222732; cursor:pointer;}
.menu_top .new span{display:block; position:relative; line-height:16px;}
.menu_top .new span::before{content:''; position:absolute; top:-1px; right:25px; width:1px; height:16px; background:#354053;}
.menu_top .bt_toggle{margin-right:8px;}
.menu_top .bt_toggle::before{content:''; position:absolute; top:10px; right:7px; border-top:7px solid #566586; border-bottom:none; border-left:5px solid transparent; border-right:5px solid transparent;}
.menu_top .bt_toggle.open::before{border-top:none; border-bottom:7px solid #566586;}
.menu_top .bt_add{}
.menu_top .bt_add::before{content:''; position:absolute; top:8px; right:11px; width:2px; height:10px; background:#566586;}
.menu_top .bt_add::after{content:''; position:absolute; top:12px; right:7px; width:10px; height:2px; background:#566586;}

/* 메뉴검색 */
.menu_sch{margin-bottom:10px; text-align:center;}
.menu_sch input{width:233px; height:32px; padding-left:10px; background:#212330 url(/images/cms/left/search.png) 96% center no-repeat; border:1px solid #434759; border-radius:3px; color:#9fa1af;}
.menu_sch input::placeholder{color:#9fa1af;}

/* 1뎁스 */
.menu_scroll{margin-bottom:50px;}
.menu_scroll > ul{}
.menu_scroll > ul > li{background:#212330; color:#c4ccd9; border-bottom:solid 1px #212330; transition:all .3s;}
.menu_scroll > ul > li.selected{background:#aaa;}
.menu_scroll > ul > li:hover{color:#5d82cb; background:#111117;}
.menu_scroll > ul > li.active{color:#fff; background:#334066;}
.menu_scroll > ul > li > div{overflow:hidden; height:13px; padding:13px 0;}
.menu_scroll > ul > li > div.on2{background: url("/images/cms/left/drag_01_on.png") no-repeat 85% 50% #2f3243;}
.menu_scroll ul li div span.name{overflow:hidden; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}
.menu_scroll ul li.on > div span.name{overflow:hidden; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}
.menu_scroll > ul > li > div > span.name{display:block; float:left; width:200px; background:url("/images/cms/left/leftbt_41.png") no-repeat 20px 1px; padding-left:36px;}
.menu_scroll > ul > li:hover > div > span.name{background:url("/images/cms/left/leftbt_41_hover.png") no-repeat 20px 1px;}
.menu_scroll > ul > li.on:hover > div > span.name{background:url("/images/cms/left/leftbt_41_hover2.png") no-repeat 18px 3px;}
.menu_scroll > ul > li.on > div > span.name > a{transition:all .3s;}
.menu_scroll > ul > li.on:hover > div > span.name > a.on{color:#5d82cb;}
.menu_scroll > ul > li > div > span.nameplus{display:block; float:right; margin:0 18px 0 0; background: url("/images/cms/left/leftbt_40.png") no-repeat 0px 0px; width:15px; height:15px; text-indent:-99999px; line-height:normal;}
.menu_scroll > ul > li > div > span.nameplus a{display:block;}
.menu_scroll > ul > li.on > div{overflow:hidden; color:#fff;}
.menu_scroll > ul > li.on > div > span.name{display:block; float:left; background:url("/images/cms/left/leftbt_42.png") no-repeat 18px 3px;}
.menu_scroll > ul > li.active > div > span.name{background: url("/images/cms/left/leftbt_41_on.png") no-repeat 20px 1px;}
.menu_scroll > ul > li.active.on > div > span.name{background: url("/images/cms/left/leftbt_42_on.png") no-repeat 18px 3px; transition:all .3s;}
.menu_scroll > ul > li.active.on:hover > div > span.name{background:url("/images/cms/left/leftbt_41_hover2.png") no-repeat 18px 3px;}
.menu_scroll > ul > li.last > div > span.name{background:none;}

/* 2뎁스 */
.menu_scroll > ul > li > ul{background:#1a1b24; font-size:12px; border-bottom:solid 1px #181818; border-top:solid 1px #181818;}
.menu_scroll > ul > li > ul > li{color:#6e7786; border-bottom:solid 1px #1a1b24;}
.menu_scroll > ul > li > ul > li+li{margin-top:1px;}
.menu_scroll > ul > li > ul > li.active{color:#fff;}
.menu_scroll > ul > li > ul > li.selected{background:#aaa;}
.menu_scroll > ul > li > ul > li > div{overflow:hidden; padding:7px 0;}
.menu_scroll > ul > li > ul > li > div:HOVER{color:#446ec0;}
.menu_scroll > ul > li > ul > li > div.on2{background: url("/images/cms/left/drag_01_on.png") no-repeat 10px 7px #2196f3;}
.menu_scroll > ul > li > ul > li > div.on2 > span{color:#fff;}
.menu_scroll > ul > li > ul > li > div > span.name{display: block; float: left; width:170px; background: url("/images/cms/left/leftbt_41.png") no-repeat 34px 2px; padding-left:50px;}
.menu_scroll > ul > li > ul > li > div > span.nameplus{display:block; float:right; margin-right:18px; text-indent:-999998px; /* width:32px; height:15px; */}
.menu_scroll > ul > li > ul > li > div > span.nameplus > a{display:block; float:left; width:14px; height:15px; margin-left:4px;}
.menu_scroll > ul > li > ul > li > div > span.nameplus > a:first-child{margin-left:0px;}
.menu_scroll > ul > li > ul > li > div > span.nameplus > a{display:block; width:14px; height:15px; background:url("/images/cms/left/leftbt_11.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > div > span.nameplus > a.favorite{width:14px; height:15px; background:url("/images/cms/left/bookmark_icon_off.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > div > span.nameplus > a.on{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite:hover{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > div:HOVER > span.nameplus > a.on{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li.on > div{overflow:hidden;}
.menu_scroll > ul > li > ul > li.on > div > span.name{background: url("/images/cms/left/leftbt_42.png") no-repeat 32px 3px;}
.menu_scroll > ul > li > ul > li.active > div > span.name{background: url("/images/cms/left/leftbt_41_on.png") no-repeat 34px 2px;}
.menu_scroll > ul > li > ul > li.active > div:hover > span.name{background: url("/images/cms/left/leftbt_41_hover.png") no-repeat 34px 2px;}
.menu_scroll > ul > li > ul > li.active.on > div > span.name{background: url("/images/cms/left/leftbt_42_on.png") no-repeat 32px 3px;}
.menu_scroll > ul > li > ul > li.active.on > div:hover > span.name{background: url("/images/cms/left/leftbt_41_hover2.png") no-repeat 32px 3px;}
.menu_scroll > ul > li > ul > li.active > div > span.nameplus > a:last-child{display:block; width:14px; height:15px; background:url("/images/cms/left/leftbt_11.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li.last > div > span.name{background:none;}

/* 3뎁스 */
.menu_scroll > ul > li > ul > li > ul{padding: 0px 0px 0px 0px; background:#1a1b24; font-size:12px;}
.menu_scroll > ul > li > ul > li > ul > li{color:#6e7786; border-bottom:solid 1px #1a1b24;}
.menu_scroll > ul > li > ul > li > ul > li+li{margin-top:1px;}
.menu_scroll > ul > li > ul > li > ul > li.active{color:#fff;}
.menu_scroll > ul > li > ul > li > ul > li.selected{background:#aaa;}
.menu_scroll > ul > li > ul > li > ul > li > div{overflow:hidden; padding:7px 0;}
.menu_scroll > ul > li > ul > li > ul > li > div:HOVER{color:#446ec0;}
.menu_scroll > ul > li > ul > li > ul > li > div.on2{background: url("/images/cms/left/drag_01_on.png") no-repeat 97% 50% #2196f3;}
.menu_scroll > ul > li > ul > li > ul > li > div.on2 > span{color:#fff;}
.menu_scroll > ul > li > ul > li > ul > li > div > span.name{display: block; float: left; width:156px; background: url("/images/cms/left/leftbt_41.png") no-repeat 46px 2px; padding-left:64px;}
.menu_scroll > ul > li > ul > li > ul > li > div > span.nameplus{display:block; float:right; margin-right:18px; text-indent:-999998px; /* width:32px; height:15px; */}
.menu_scroll > ul > li > ul > li > ul > li > div > span.nameplus > a{display:block; float:left; width:14px; height:15px; margin-left:4px;}
.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 > a{display:block; width:14px; height:15px; background:url("/images/cms/left/leftbt_11.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > div > span.nameplus > a.favorite{width:14px; height:15px; background:url("/images/cms/left/bookmark_icon_off.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > div > span.nameplus > a.on{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite:hover{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.on{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.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("/images/cms/left/leftbt_42.png") no-repeat 46px 3px;}
.menu_scroll > ul > li > ul > li > ul > li.active > div > span.name{background: url("/images/cms/left/leftbt_41_on.png") no-repeat 46px 2px;}
.menu_scroll > ul > li > ul > li > ul > li.active > div:hover > span.name{background: url("/images/cms/left/leftbt_41_hover.png") no-repeat 46px 2px;}
.menu_scroll > ul > li > ul > li > ul > li.active.on > div > span.name{background: url("/images/cms/left/leftbt_42_on.png") no-repeat 46px 3px;}
.menu_scroll > ul > li > ul > li > ul > li.active.on > div:hover > span.name{background: url("/images/cms/left/leftbt_41_hover2.png") no-repeat 46px 3px;}
.menu_scroll > ul > li > ul > li > ul > li.active > div > span.nameplus > a:last-child{display:block; width:14px; height:15px; background:url("/images/cms/left/leftbt_11.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li.last > div > span.name{background:none;}

/* 4뎁스 */
.menu_scroll > ul > li > ul > li > ul > li > ul{background-color:#1a1b24; font-size:12px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li{color:#6e7786; border-bottom:solid 1px #1a1b24;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li+li{margin-top:1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.active{color:#fff;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.selected{background:#aaa;}
.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:HOVER{color:#446ec0;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div.on2{background: url("/images/cms/left/drag_01_on.png") no-repeat 97% 50% #2196f3;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div.on2 > span{color:#fff;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div > span.name{display: block; float: left; width:142px; background: url("/images/cms/left/leftbt_41.png") no-repeat 62px 2px; padding-left:78px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div > span.nameplus{display:block; float:right; margin-right:18px; 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; width:14px; height:15px; margin-left:4px;}
.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 > a{display:block; width:14px; height:15px; background:url("/images/cms/left/leftbt_11.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a.favorite{width:14px; height:15px; background:url("/images/cms/left/bookmark_icon_off.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a.on{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite:hover{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.on{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.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("/images/cms/left/leftbt_42.png") no-repeat 62px 3px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.active > div > span.name{background: url("/images/cms/left/leftbt_41_on.png") no-repeat 62px 2px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.active > div:hover > span.name{background: url("/images/cms/left/leftbt_41_hover.png") no-repeat 62px 2px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.active.on > div > span.name{background: url("/images/cms/left/leftbt_42_on.png") no-repeat 62px 3px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.active.on > div:hover > span.name{background: url("/images/cms/left/leftbt_41_hover2.png") no-repeat 62px 3px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.active > div > span.nameplus > a:last-child{display:block; width:14px; height:15px; background:url("/images/cms/left/leftbt_11.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li.last > 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{color:#6e7786; border-bottom:solid 1px #1a1b24;}
.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.active{color:#fff;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.selected{background:#aaa;}
.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:HOVER{color:#446ec0;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div.on2{background: url("/images/cms/left/drag_01_on.png") no-repeat 97% 50% #2196f3;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div.on2 > span{color:#fff;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.name{display: block; float: left; width:128px; background: url("/images/cms/left/leftbt_41.png") no-repeat 34px 2px; padding-left:92px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus{display:block; float:right; margin-right:18px; 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; width:14px; height:15px; margin-left:4px;}
.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 > a{display:block; width:14px; height:15px; background:url("/images/cms/left/leftbt_11.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a.favorite{width:14px; height:15px; background:url("/images/cms/left/bookmark_icon_off.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a.on{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.favorite:hover{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > div:HOVER > span.nameplus > a.on{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.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("/images/cms/left/leftbt_42.png") no-repeat 32px 3px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.active > div > span.name{background: url("/images/cms/left/leftbt_41_on.png") no-repeat 34px 2px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.active > div:hover > span.name{background: url("/images/cms/left/leftbt_41_hover.png") no-repeat 34px 2px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.active.on > div > span.name{background: url("/images/cms/left/leftbt_42_on.png") no-repeat 32px 3px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.active.on > div:hover > span.name{background: url("/images/cms/left/leftbt_41_hover2.png") no-repeat 32px 3px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.active > div > span.nameplus > a:last-child{display:block; width:14px; height:15px; background:url("/images/cms/left/leftbt_11.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.last > div > span.name{background:none;}

/* 6뎁스 */
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul{padding: 0px 0px 0px 0px; background-color: #0e1319; font-size: 12px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li{color: #6e7786; border-bottom:solid 1px #1a1b24;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div{overflow: hidden;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.name{display: block; float: left; background: url("/images/cms/left/leftbt_41.png") no-repeat 46px 10px; padding-left: 58px; height: 14px; padding-top: 7px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.name > a{background: url("/images/cms/left/leftbt_14.png") no-repeat 0px 3px; padding-left: 16px; padding-top: 4px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.name > a.on{background: url("/images/cms/left/leftbt_14_on.png") no-repeat 0px 3px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.name > a.on2{background: url("/images/cms/left/drag_02_on.png") no-repeat 0px 3px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus{display: block; float: right; text-indent: -999998px; width: 32px; height: 15px; margin: 5px 11px 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a{display: block;float:left; width: 14px; height: 15px; margin-left: 3px;}
.menu_scroll > ul > li > 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 > ul > li.active{color: #25c9ff; background-color: #1e2735; border-top:1px solid #2c3748; border-bottom:1px solid #0c1016;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.active:HOVER{color: #25c9ff; background-color: #1e2735;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:HOVER{color: #639bb5;background-color: #1b212c;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:HOVER > div > span.nameplus > a{display: block; width: 14px; height: 15px; background: url("/images/cms/left/leftbt_11.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:HOVER > div > span.nameplus > a:first-child{width: 14px; height: 15px; background: url("/images/cms/left/bookmark_icon_off.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:HOVER > div > span.nameplus > a:first-child:hover{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.on > div{overflow: hidden; height: 24px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.on > div > span.name{display: block; float: left; background: url("/images/cms/left/leftbt_42.png") no-repeat 42px 12px; padding-left: 58px; height: 14px; padding-top: 7px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.on > div > span.name > a{background: url("/images/cms/left/leftbt_14.png") no-repeat 0px 3px; padding-left: 16px;padding-top: 4px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.on > div > span.name > a.on{background: url("/images/cms/left/leftbt_14_on.png") no-repeat 0px 3px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.on > div > span.name > a.on2{background: url("/images/cms/left/drag_02_on.png") no-repeat 0px 3px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.active > div > span.nameplus{display: block; float: right; text-indent: -999998px; width: 32px; height: 15px; margin: 5px 11px 0px 0px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.active > div > span.nameplus > a{display: block; width: 14px; height: 15px; background: url("/images/cms/left/leftbt_11.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.active > div > span.nameplus > a:first-child{width: 14px; height: 15px; background: url("/images/cms/left/bookmark_icon_off.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li.active > div > span.nameplus > a.on:first-child{width: 14px; height: 15px; background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.nameplus > a.on:first-child{background: url("/images/cms/left/bookmark_icon_on.png") no-repeat 0px 1px;}
.menu_scroll > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.last > div > span.name{background:none;}

/* 레프트메뉴 type_2 */
.menu_scroll > ul > li.type_2{background:#212330;}
.menu_scroll > ul > li.type_2:hover{color:#5d82cb; background:#111117;}
.menu_scroll > ul > li.type_2.active{background:#3e4154;}
.menu_scroll > ul > li.type_2 > div > span.nameplus{background:url("/images/cms/left/leftbt_40.png") no-repeat 0px 0px;}
.menu_scroll > ul > li.type_2.on > div > span.nameplus{background:url("/images/cms/left/leftbt_40.png") no-repeat 0px 0px;}
.menu_scroll > ul > li.type_2 ul{background-color:#1a1b24;}
.menu_scroll > ul > li.type_2 ul li:hover{color:#DADD7E;}
.menu_scroll > ul > li.type_2 ul li.on{color:#DADD7E; border-top:1px solid #212936; border-bottom:1px solid #0c1016;}
.menu_scroll:last-child > ul > li.type_2.last.active{background-color:#3e4154;}

/* 레프트메뉴-사이트관리 */
.menu_scroll.site_left > ul > li > div > span.name{padding-left:36px;}
.menu_scroll.site_left > ul > li:nth-child(1) > div > span.name{background:url(/images/cms/left/menu_icon_1.png) no-repeat 12px 0px !important;}
.menu_scroll.site_left > ul > li:nth-child(2) > div > span.name{background:url(/images/cms/left/menu_icon_2.png) no-repeat 12px 0px !important;}
.menu_scroll.site_left > ul > li:nth-child(3) > div > span.name{background:url(/images/cms/left/menu_icon_3.png) no-repeat 12px 1px !important;}
.menu_scroll.site_left > ul > li:nth-child(4) > div > span.name{background:url(/images/cms/left/menu_icon_4.png) no-repeat 12px 1px !important;}
.menu_scroll.site_left > ul > li:nth-child(5) > div > span.name{background:url(/images/cms/left/menu_icon_5.png) no-repeat 12px 0px !important;}
.menu_scroll.site_left > ul > li:nth-child(6) > div > span.name{background:url(/images/cms/left/menu_icon_6.png) no-repeat 12px 1px !important;}
.cj_management td span{color:#777 !important; letter-spacing:0px !important;}

/* 레프트메뉴-시스템관리 */
.mode_notice{display:none; position:fixed; top:0; width:100%; z-index:200000; background:#e55869; color:#fff7da; font-size:16px; font-family:"NanumBarunGothicB"; padding:5px 0; text-align:center; letter-spacing:-1px; line-height:23px;}
.mode_notice input{padding:2px 6px 3px 6px; color:#fff; margin-left:10px; font-size:12px; font-family:"NanumBarunGothicB"; font-family:'MalgunGothic', 'applegothic', sans-serif; border:solid 1px #bb293b; border-radius:3px; background:#c43647; cursor:pointer;}
.menu_scroll.system_left > ul > li > div > span.name{position:relative; width:245px; background:none;}
.menu_scroll.system_left > ul > li > div > span.name::before{content:''; position:absolute; top:3px; right:15px; width:7px; height:11px; background:url(/images/cms/left/leftbt_41.png) no-repeat 0px 0px; transition:all 0.35s;}
.menu_scroll.system_left > ul > li:hover > div > span.name::before{background:url(/images/cms/left/leftbt_41_hover.png) no-repeat 0px 0px;}
.menu_scroll.system_left > ul > li.on > div > span.name{background:none;}
.menu_scroll.system_left > ul > li.on > div > span.name::before{transform:rotate(90deg); background:url(/images/cms/left/leftbt_41_hover.png) no-repeat 0px 0px;}
.menu_scroll.system_left > ul > li.active > div > span.name::before{background:url(/images/cms/left/leftbt_41_hover.png) no-repeat 0px 0px;}
.menu_scroll.system_left > ul > li.last > div > span.name::before{display:none;}
.menu_scroll.system_left > ul > li:nth-child(1) > div > span.name{background:url(/images/cms/left/menu_icon_7.png) no-repeat 12px 0px !important;}
.menu_scroll.system_left > ul > li:nth-child(2) > div > span.name{background:url(/images/cms/left/menu_icon_8.png) no-repeat 12px 0px !important;}
.menu_scroll.system_left > ul > li:nth-child(3) > div > span.name{background:url(/images/cms/left/menu_icon_9.png) no-repeat 12px 0px !important; padding:1px 0 1px 36px;}
.menu_scroll.system_left > ul > li:nth-child(4) > div > span.name{background:url(/images/cms/left/menu_icon_10.png) no-repeat 12px 0px !important;}
.menu_scroll.system_left > ul > li:nth-child(5) > div > span.name{background:url(/images/cms/left/menu_icon_11.png) no-repeat 12px 0px !important;}
.menu_scroll.system_left > ul > li:nth-child(6) > div > span.name{background:url(/images/cms/left/menu_icon_12.png) no-repeat 12px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_01{background: url("/images/super/icon_sys_03.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_01_1{background: url("/images/super/icon_sys_04.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_02{background: url("/images/super/icon_sys_06.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_03{background: url("/images/super/icon_sys_08.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_04{background: url("/images/super/icon_sys_10.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_05{background: url("/images/super/icon_sys_12.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_06{background: url("/images/super/icon_sys_14.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_07{background: url("/images/super/icon_sys_16.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_08{background: url("/images/super/icon_sys_18.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_09{background: url("/images/super/icon_sys_20.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_10{background: url("/images/super/icon_sys_22.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_11{background: url("/images/super/icon_sys_24.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_12{background: url("/images/super/icon_sys_26.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_13{background: url("/images/super/icon_sys_28.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_14{background: url("/images/super/icon_sys_30.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_15{background: url("/images/super/icon_sys_32.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_16{background: url("/images/super/icon_sys_33.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_17{background: url("/images/super/icon_sys_34.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_18{background: url("/images/super/icon_sys_35.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_19{background: url("/images/super/icon_sys_36.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_20{background: url("/images/super/icon_sys_37.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_21{background: url("/images/super/icon_sys_38.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_22{background: url("/images/super/icon_sys_39.png") no-repeat 24px 0px !important;}
.menu_scroll > ul > li > ul > li > div > span.name.system_23{background: url("/images/super/icon_sys_40.png") no-repeat 24px 0px !important;}
.all_chk{margin-left:3px; font-size:11px !important; color:#777;}
.update_stat{display:inline-block; text-align:center; float:right; padding:2px 6px; margin-right:10px; min-width:13px; color:#fff !important; background:#dd4b39; border-radius:3px;}


/* 대시보드 */
/* 대시보드 테이블 */
table.dash{width:100%; table-layout:fixed;}
/* table.dash tr:nth-child(even){background:#fafafa;} */
table.dash th{text-align:center; padding:10px; color:#777; background:#f5f5f5; border-bottom:solid 2px #e3e5e6; font-family:"NanumBarunGothicB";}
table.dash td{border-bottom:1px solid #e3e5e6;}
table.dash td{text-align:left; padding:10px; color:#555; vertical-align:middle; overflow:hidden; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}
table.dash td.center{text-align:center;}
table.dash td.pointcolor{color:#3e70c9; font-family:"NanumBarunGothicB";}

/* 대시보드-메뉴관리 */
.dash_top{overflow:hidden; margin-bottom:20px;}
.dash_bottom{overflow:hidden;}
.dash_title{padding:25px; height:63px; color:#333; font-size:15px; box-sizing:border-box;}
.dash_title.bdb{border-bottom:solid 1px rgba(0, 0, 0, 0.125);}

/* 메뉴현황 */
.current_state{padding-bottom:20px; border:solid 1px rgba(0, 0, 0, 0.125); border-radius:3px; background:#fff; /* border-top:solid 4px #8ebeeb; */}
.current_state > ul{display:table; table-layout:fixed; width:100%;}
.current_state > ul > li{display:table-cell; padding:0 20px; border-left:solid 1px #ddd;}
.current_state > ul > li:first-child{border-left:none;}
.cs_wrap{}
.cs_depth{overflow:hidden; padding-bottom:10px; color:#777; font-size:16px; font-family:"NanumBarunGothicB"; border-bottom:solid 1px #ddd;}
.cs_depth p{float:left; font-family:"NanumBarunGothicB";}
.cs_depth span{float:right; color:#3e70c9;}
.cs_text{overflow:hidden; text-align:left; padding:10px 0;}
.cs_text span{display:inline-block; padding:3px 7px 1px 7px; font-size:11px; background:#fff; letter-spacing:-0.5px;}
.cs_text span.cs_l{color:#fff; font-family:"NanumBarunGothicB"; background:#7bacdb; box-sizing:border-box;}
.cs_text span.cs_r{color:#777; font-family:"NanumBarunGothicB"; background:#e7eaee;}
.cs_status{}
.cs_status p{overflow:hidden; padding-top:8px;}
.cs_status span{display:inline-block; float:right; color:#999;}

/* 그래프 */
.graph{padding-top:11px; border:solid 1px rgba(0, 0, 0, 0.125); border-radius:3px; background:#fff; text-align:center;}

/* 최신게시글 */
.dash_left{float:left; width:70%; border:solid 1px rgba(0, 0, 0, 0.125); border-radius:3px; box-sizing:border-box; background:#fff; /* border-top:solid 4px #7bdbc4; */}

/* 인기페이지 & 접속자현황 */
.dash_right{float:right; width:28.5%; box-sizing:border-box;}
.dash_r1{width:100%; border:solid 1px rgba(0, 0, 0, 0.125); border-radius:3px; box-sizing:border-box; background:#fff; /* border-top:solid 4px #7bdbc4; */}
.dash_r2{width:100%; background:#fff; border-radius:3px; border:solid 1px rgba(0, 0, 0, 0.125); box-sizing:border-box;}
.user_statistics{overflow:hidden; padding:0 20px 34px 20px;}
.user_statistics > li{float:left; width:46%; border-right:double 3px #ddd;}
.user_statistics > li:last-child{width:53%; border-right:none;}
.user_statistics > li div.us_1{text-align:center; padding:13px 20px 2px 0;}
.user_statistics > li div.us_2{padding:4px 0 3px 20px;}
.us_stats{margin-bottom:15px; color:#2f65b0; font-size:32px; font-family:"NanumSquareB";}
.us_1 span{/* color:#999; */ font-size:11px;}
.us_2 p{overflow:hidden; padding:4px 0 3px 0; border-bottom:solid 1px #ddd;}
.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; margin-bottom:20px;}
.site_dash .sd_wrap > div{position:relative; background:#fff; border:solid 1px #ccced3; border-radius:3px; box-sizing:border-box;}
.site_dash .sd_wrap h4{color:#3e70c9; font-size:16px; font-family:"NanumBarunGothicB"; line-height:normal;}
.site_dash .sd_wrap h4 b{font-size:46px; font-family:"NanumSquareB";}
.site_dash .sd_wrap a.more{display:block; position:absolute; bottom:25px; left:50%; text-align:center; transform:translateX(-50%); min-width:140px; height:32px; background:#45b6b0; border:1px solid #45b6b0; color:#fff; font-size:13px; line-height:32px; border-radius:16px; box-sizing:border-box; transition:all 0.3s;}
.site_dash .sd_wrap a.more:hover{background:#fff; color:#45b6b0;}

/* 사이트설정 현황 */
.site_dash .sd1{float:left; width:calc(100%/4*3 - 20px);}
.site_dash .sd1 > div{padding:0 26px; height:330px;}
.site_dash .sd1 table.dash2{width:100%; table-layout:fixed; border:1px solid #e3e5e6;}
.site_dash .sd1 table.dash2 td{border-right:1px solid #e3e5e6;}
.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{margin-bottom:10px; color:#3e70c9; font-size:22px; font-family:"NanumSquareB";}
.site_dash .sd1 .left > p{margin-bottom:20px; color:#494949; font-size:13px;}
.site_dash .sd1 .left ul{overflow:hidden; position:relative; padding-top:23px; margin:0 auto; width:145px;}
.site_dash .sd1 .left ul::before{content:''; position:absolute; top:0px; left:50%; margin-left:-20px; width:40px; height:3px; background:#d5d8df;}
.site_dash .sd1 .left ul li{margin-bottom:5px; color:#596781; font-size:13px;}
.site_dash .sd1 .left ul li:last-child{margin-bottom:0px;}
.site_dash .sd1 table.dash2 td.right{padding:0px 20px; height:63px;}
.site_dash .sd1 .right p{float:left; color:#494949; line-height:30px;}
.site_dash .sd1 .right span{float:right; text-align:center; height:30px; color:#596781; line-height:30px;}
.site_dash .sd1 .right span b{color:#596781; font-size:24px; font-family:"NanumSquareB";}

/* 예약업데이트 현황 */
.site_dash .sd_wrap .sd2{float:right; width:calc(100%/4);}
.site_dash .sd_wrap .sd2 > div{height:330px;}
.site_dash .sd_wrap .sd2 ul{margin:0 26px;}
.site_dash .sd_wrap .sd2 ul li{text-align:center; padding:23px 0 22px 0; margin-bottom:20px; background:#fafbfd;}
.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{overflow:hidden; margin:0 26px; height:410px;}
.site_dash .sd_wrap .sd3 .using{overflow:hidden; float:left; width:calc(100%/5*3);}
.site_dash .sd_wrap .sd3 .using > li{overflow:hidden; float:left; margin:20px 20px 0px 0px; ;width:calc(100%/2 - 20px);}
.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; text-align:center; padding:15px 0 14px 0; width:115px;}
.site_dash .sd_wrap .sd3 .using .left.type_1{background:#4a97d3;}
.site_dash .sd_wrap .sd3 .using .left.type_2{background:#2eacd4;}
.site_dash .sd_wrap .sd3 .using .left.type_3{background:#75c549;}
.site_dash .sd_wrap .sd3 .using .left.type_4{background:#7b85c6;}
.site_dash .sd_wrap .sd3 .using .left.type_5{background:#39b2a8;}
.site_dash .sd_wrap .sd3 .using .left.type_6{background:#768d9d;}
.site_dash .sd_wrap .sd3 .using .left p{color:#fff;}
.site_dash .sd_wrap .sd3 .using .left h4{color:#fff;}
.site_dash .sd_wrap .sd3 .using .left span{color:#fff;}
.site_dash .sd_wrap .sd3 .using .right{overflow:hidden; float:right; width:calc(100% - 115px); background:#fafbfd;}
.site_dash .sd_wrap .sd3 .using .right li{float:left; text-align:center; padding:34px 0 33px 0; width:50%;}
.site_dash .sd_wrap .sd3 .using .right li p{color:#596781;}
.site_dash .sd_wrap .sd3 .using .right li span{display:block; margin-top:10px; color:#596781;}
.site_dash .sd_wrap .sd3 .using .right li span b{color:#596781; font-size:24px; font-family:"NanumSquareB";}
.site_dash .sd_wrap .sd3 .end_schedule{overflow-y:scroll; float:right; padding:20px; margin-left:20px; width:calc(100%/5*2 - 20px); height:385px; background:#fafbfd; box-sizing:border-box;}
.site_dash .sd_wrap .sd3 .end_schedule > p{color:#333; font-size:15px;}
.site_dash .sd_wrap .sd3 .end_schedule ul{margin-top:25px;}
.site_dash .sd_wrap .sd3 .end_schedule ul li{overflow:hidden; margin-top:12px;}
.site_dash .sd_wrap .sd3 .end_schedule ul li:first-child{margin-top:0px;}
.site_dash .sd_wrap .sd3 .end_schedule ul li > span{float:left; text-align:center; width:65px; color:#fff; line-height:28px; border-radius:3px;}
.site_dash .sd_wrap .sd3 .end_schedule ul li > span.type_1{background:#4a97d3;}
.site_dash .sd_wrap .sd3 .end_schedule ul li > span.type_2{background:#2eacd4;}
.site_dash .sd_wrap .sd3 .end_schedule ul li > span.type_3{background:#75c549;}
.site_dash .sd_wrap .sd3 .end_schedule ul li > span.type_4{background:#7b85c6;}
.site_dash .sd_wrap .sd3 .end_schedule ul li > span.type_5{background:#39b2a8;}
.site_dash .sd_wrap .sd3 .end_schedule ul li > span.type_6{background:#768d9d;}
.site_dash .sd_wrap .sd3 .end_schedule ul li p{overflow:hidden; float:left; margin-left:10px; width:calc(100% - 75px); line-height:28px;}
.site_dash .sd_wrap .sd3 .end_schedule ul li p b{overflow:hidden; float:left; text-overflow: ellipsis; white-space:nowrap; width:calc(100% - 80px); font-family:"NanumBarunGothicB";}
.site_dash .sd_wrap .sd3 .end_schedule ul li p span{float:right; width:70px; color:#777; font-size:11px; line-height:14px;}

/* 대시보드-시스템관리 */
.system_dash{overflow:hidden;}
.system_dash .sd_wrap{overflow:hidden; float:left; margin:0 0 17px 20px; width:calc(50% - 10px);}
.system_dash .sd_wrap > div{position:relative; height:320px; background:#fff; border:solid 1px #ccced3; border-radius:3px; box-sizing:border-box;}
.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{color:#3e70c9; font-size:16px; font-family:"NanumBarunGothicB"; line-height:normal;}
.system_dash .sd_wrap h4 b{font-size:46px; font-family:"NanumSquareB";}
.system_dash .sd_wrap .today_date{position:absolute; top:25px; right:20px;}
.system_dash .sd_wrap a.more{display:block; position:absolute; bottom:25px; left:50%; text-align:center; transform:translateX(-50%); min-width:140px; height:32px; background:#45b6b0; border:1px solid #45b6b0; color:#fff; font-size:13px; line-height:32px; border-radius:16px; box-sizing:border-box; transition:all 0.3s;}
.system_dash .sd_wrap a.more:hover{background:#fff; color:#45b6b0;}

/* 실시간 접속 현황 */
.system_dash .sd_wrap > div.sd1{overflow:hidden;}
.system_dash .sd1 > div{float:left; position:relative; text-align:center; margin-top:10px; width:50%; line-height:normal;}
.system_dash .sd1 .left{position:relative; height:245px;}
.system_dash .sd1 .left::before{content:''; position:absolute; width:1px; height:173px; top:-10px; right:0px; background:#e7e9ec;}
.system_dash .sd1 .left > p{margin-bottom:20px; color:#494949; font-size:13px;}
.system_dash .sd1 .left ul{overflow:hidden; position:relative; padding-top:23px; margin:0 auto; width:145px;}
.system_dash .sd1 .left ul::before{content:''; position:absolute; top:0px; left:50%; margin-left:-20px; width:40px; height:3px; background:#d5d8df;}
.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 p{color:#596781;}
.system_dash .sd1 .left ul li span{display:block; margin-top:10px; color:#596781;}
.system_dash .sd1 .left ul li span b{color:#596781; font-size:24px; font-family:"NanumSquareB";}
.system_dash .sd1 .left a{}
.system_dash .sd1 .right{padding:43px 0; height:245px; box-sizing:border-box;}
.system_dash .sd1 .right p{color:#494949; font-size:13px;}
.system_dash .sd1 .right a{}

/* 관리자 접속 통계(누적) */
.system_dash .sd_wrap > div.sd2{}
.system_dash .sd_wrap > div.sd2 h4{margin-bottom:10px; color:#ff9f1c;}
.system_dash .sd2 div{position:relative; text-align:center; padding:22px 0; margin-top:10px; height:245px; box-sizing:border-box;}
.system_dash .sd2 div ul{overflow:hidden; position:relative; padding-top:23px; margin:0 20px;}
.system_dash .sd2 div ul::before{content:''; position:absolute; top:0px; left:50%; margin-left:-20px; width:40px; height:3px; background:#d5d8df;}
.system_dash .sd2 div ul li{float:left; width:calc(100%/3); border-left:1px solid rgba(255, 255, 255, 0.5); color:#555; box-sizing:border-box;}
.system_dash .sd2 div ul li:first-child{border-left:none;}
.system_dash .sd2 ul li p{color:#596781;}
.system_dash .sd2 ul li span{display:block; margin-top:10px; color:#596781;}
.system_dash .sd2 ul li span b{color:#596781; font-size:24px; font-family:"NanumSquareB";}

/* 회원 현황 */
.system_dash .sd_wrap > div.sd3{}
.system_dash .sd3 > div{position:relative; height:255px;}
.system_dash .sd3 > div > ul{overflow:hidden; height:175px;}
.system_dash .sd3 > div > ul > li{float:left; text-align:center; width:calc(100%/2 - 7.5px); height:173px; box-sizing:border-box;}
.system_dash .sd3 ul li.left{position:relative; padding:30px 0;}
.system_dash .sd3 ul li.left::before{content:''; position:absolute; width:1px; height:173px; top:0px; right:0px; background:#e7e9ec;}
.system_dash .sd3 ul li.left h4{margin-bottom:10px;}
.system_dash .sd3 ul li.left ul{overflow:hidden; position:relative; padding-top:23px; margin:0 20px;}
.system_dash .sd3 ul li.left ul::before{content:''; position:absolute; top:0px; left:50%; margin-left:-20px; width:40px; height:3px; background:#d5d8df;}
.system_dash .sd3 ul li.left ul li{display:inline-block; width:70px; font-size:12px; line-height:26px;}
.system_dash .sd3 ul li.left ul li.withdraw{background:#f26c4f; color:#fff;}
.system_dash .sd3 ul li.left ul li.sleep{background:#e7eaee; color:#777;}
.system_dash .sd3 ul li.right{}
.system_dash .sd3 ul li.right ul{overflow:hidden;}
.system_dash .sd3 ul li.right ul li{float:left; padding:52px 0; margin-left:20px; width:calc(50% - 20px); background:#fafbfd;}
.system_dash .sd3 ul li.right ul li:hover{background:#f6f7f9;}
.system_dash .sd3 ul li.right ul li p{font-size:13px;}

/* 보안설정 현황 */
.system_dash .sd_wrap > div.sd4{}
.system_dash .sd4 div{position:relative; height:255px;}
.system_dash .sd4 div ul{border-top:solid 1px #e7e9ec;}
.system_dash .sd4 div ul li{overflow:hidden; padding:18px 25px; padding-right:0px; border-bottom:solid 1px rgba(0, 0, 0, 0.125);}
.system_dash .sd4 div p{float:left;}
.system_dash .sd4 div span{display:block; float:right; text-align:center; width:100px; color:#596781;}
.system_dash .sd4 div span b{color:#596781; font-size:24px; font-family:"NanumSquareB";}

/* 게시판사용 현황 */
.system_dash .sd_wrap > div.sd5{}
.system_dash .sd_wrap > div.sd5 h4{margin-bottom:10px; color:#ff9f1c;}
.system_dash .sd_wrap > div.sd5 h4 span.block{display:block; font-family:"NanumBarunGothic"; font-weight:normal; font-size:15px;}
.system_dash .sd5 div > ul{overflow:hidden;}
.system_dash .sd5 div > ul > li{float:left; height:173px; box-sizing:border-box;}
.system_dash .sd5 div ul li.left{position:relative; text-align:center; padding:35px 0; width:calc(100%/3); box-sizing:border-box;}
.system_dash .sd5 div ul li.left::before{content:''; position:absolute; width:1px; height:173px; top:0px; right:0px; background:#e7e9ec;}
.system_dash .sd5 div ul li.left ul{overflow:hidden; position:relative; padding-top:23px; margin:0 20px;}
.system_dash .sd5 div ul li.left ul::before{content:''; position:absolute; top:0px; left:50%; margin-left:-20px; width:40px; height:3px; background:#d5d8df;}
.system_dash .sd5 div ul li.left ul li{display:inline-block; width:70px; font-size:12px; font-weight:500; line-height:26px;}
.system_dash .sd5 div ul li.left ul li.use{background:#7bacdb; color:#fff;}
.system_dash .sd5 div ul li.left ul li.unuse{background:#e7eaee; color:#777;}
.system_dash .sd5 div ul li.right{overflow:hidden; margin-left:20px; width:calc(100%/3*2 - 20px);}
.system_dash .sd5 div ul li.right ul{overflow:hidden; float:left; width:calc(100%/4*3); height:173px;}
.system_dash .sd5 div ul li.right ul li{float:left; position:relative; text-align:center; padding:15px 0; margin:0px 20px 20px 0px; width:calc(100%/3 - 20px); background:#fafbfd;}
.system_dash .sd5 div ul li.right ul li:hover{background:#f6f7f9;}
.system_dash .sd5 div ul li.right ul li p.tit{color:#596781; font-size:12px;}
.system_dash .sd5 div ul li.right ul li p.cnt{margin-top:10px; color:#596781; font-size:12px;}
.system_dash .sd5 div ul li.right ul li p.cnt b{color:#596781; font-size:24px; font-family:"NanumSquareB";}
.system_dash .sd5 div ul li.right ul li p.cnt span{font-size:14px;}
.system_dash .sd5 div ul li.right div{float:left; text-align:center; padding:63px 0 62px 0; width:calc(100%/4 - 20px); background:#fafbfd;}
.system_dash .sd5 div ul li.right div:hover{background:#f6f7f9;}
.system_dash .sd5 div ul li.right div p{color:#596781; font-size:12px;}
.system_dash .sd5 div ul li.right div span{display:block; margin-top:10px; color:#596781; font-size:12px;}
.system_dash .sd5 div ul li.right div span b{color:#596781; font-size:24px; font-family:"NanumSquareB";}

/* 시스템 현황 */
.system_dash .sd_wrap > div.sd6{}
.system_dash .sd6 ul{overflow:hidden;}
.system_dash .sd6 ul li{position:relative; overflow:hidden; float:left; width:50%; padding:25px 17px; border-bottom:solid 1px rgba(0, 0, 0, 0.125); box-sizing:border-box;}
.system_dash .sd6 ul li:last-child{border-bottom:none;}
.system_dash .sd6 ul li p{float:left; width:calc(100%/2 - 25px); color:#494949; font-size:12px; line-height:34px;}
.system_dash .sd6 ul li span{float:left; text-align:center; width:calc(100%/2 - 25px); color:#596781; font-size:12px; line-height:30px;}
.system_dash .sd6 ul li span b{color:#596781; font-size:24px; font-family:"NanumSquareB";}
.system_dash .sd_wrap .sd6 ul li a{float:right; text-align:center; padding:5px 0 4px 0; width:50px; background:#768d9d; color:#fff; font-size:12px; border-radius:3px;}
.system_dash .sd_wrap .sd6 ul li a:hover{background:#85a0b3;}

/* 필터링 내역 */
.system_dash .sd7 div{text-align:center; padding:40px 0; margin-top:10px; height:245px;}
.system_dash .sd_wrap > div.sd7 h4{color:#e86561;}
.system_dash .sd7 div span{margin-top:10px; color:#494949; font-size:13px;}


/* 콘텐츠 */
/* modal 팝업 */
.ui-widget-header{color:#fff; background:#658ede;}
.ui-dialog .ui-dialog-title{font-family:"NanumBarunGothicB";}

/* 하단 버튼라인 */
.btn_bottom{margin:20px 0 0 0; overflow: hidden;}
.btn_bottom.fixed{position:fixed; bottom:0; left:281px; z-index:10; text-align:center; padding:10px 0; margin:0; width:calc(100% - 281px); background:rgba(0, 0, 0, 0.7); transition:background 0.35s;}
.btn_bottom .l_btn{text-align:left;}
.btn_bottom .r_btn{text-align:right;}
.btn_bottom.fixed .r_btn{text-align:center;}
.top_list1{display:block; float:left;}
.top_list2{display:block; float:right;}
.left_box_cms{display:block; float:left; margin-top:13px; line-height:14px;}
.board_listing{font-size:13px; line-height:normal;}
.right_box_cms{display: block; float: right;}
span b{color:#2c7bca; font-family:"NanumBarunGothicB";}

/* 버튼 */
.btall{padding:8px 15px; text-align: center; border:1px solid #bbb; font-family:"NanumBarunGothicB"; cursor:pointer;}
.btall_on{padding:8px 15px; text-align: center; border:1px solid #bbb; font-family:"NanumBarunGothicB"; cursor:pointer; color:#fff; background:#658ede; border-color:#658ede;}
.bt_all span input{padding:8px 15px; color:#555; font-size:13px; background:#fff; font-family:"NanumBarunGothicB"; border:1px solid #bbb; cursor:pointer;}
.bt_all span.active input{color:#fff; background:#658ede; border-color:#658ede;}
.bt_alls{display:inline-block;}
.bt_alls > span{display:inline-block;}
.btalls{padding:4px 5px 4px 4px; text-align:center; font-size:11px; font-family:"NanumBarunGothicB"; cursor: pointer; color:#ff7a1a; border:solid 1px #aaa; border-radius:3px; background:#fff; outline:0; letter-spacing:-1px;}
.btalls:hover{color:#fff; background:#ff7a1a; border-color:#ff7a1a;}
.btalls2{padding:4px 5px; text-align:center; font-size:11px; font-family:"NanumBarunGothicB"; cursor: pointer; color:#20b9ae; border:solid 1px #aaa; border-radius:3px; background:#fff; outline:0; letter-spacing:-1px;}
.btalls2:hover{color:#fff; background:#20b9ae; border-color:#20b9ae;}
span.on{background: url("/images/super/contents/bt_all_s_left_on.gif") no-repeat 0px 0px;padding-left: 3px;height: 21px; display: inline-block;}
span.on > span{background: url("/images/super/contents/bt_all_s_right_on.gif") no-repeat right 0px; padding-right: 3px;height: 21px; display: inline-block;}
span.on > span > input{background: url("/images/super/contents/bt_all_s_center_on.gif"); padding: 0px 15px 0px 15px; text-align: center; height: 21px; border:0px; font-size: 12px; cursor: pointer; font-weight:bold; color:#3c5795;}
.bt_all_box{text-align:right; margin-top:10px;}

.sch_btn{display:inline-block; text-align:center; margin-left:4px; width:40px; background:#666; color:#fff !important; font-size:12px; line-height:28px;}

/* 페이징 */
.paging{width:100%; text-align:center; margin-top:30px;}
.paging span a{display:inline-block; padding:9px 10px 7px 10px; margin-left:-1px; min-width:13px; font-size:12px; border:1px solid #ddd; color:#999; 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:hover{color:#555; background:#eaedf1;}
.paging span a.on{font-weight:bold; color:#fff; background:#658ede; border:1px solid #658ede;}

/* bg */
.info_bg{text-align:center; padding-top:140px;}

/* 로그인 */
#login_wrap{position:absolute; overflow:hidden; margin:auto; top:0; bottom:0; left:0; right:0; width:450px; height:366px; z-index:100;}
.loginbox{position:relative; z-index:100; padding:30px; background:rgba(123, 132, 147, 0.2); border-radius:5px;}
.login_logo{margin-bottom:20px;}
.memboxlogin{position:relative; text-align:center;}
.memboxlogin input.input_lo{padding:10px; width:100%; color:#000; font-size:13px; background:#f0f0f0; border:none; box-sizing:border-box; border-radius:3px; opacity:0.7; outline:0;}
.memboxlogin input.input_lo:focus{background:#fff; opacity:1;}
#capslock{position:absolute; right:0px; top:50px; padding:10px 6px 9px 6px; height:35px; background:#dd4b39; color:#fff; box-sizing:border-box;; line-height:normal;}
#capslock::before{content:''; position:absolute; top:0px; left:-12px; border-bottom:18px solid #dd4b39; border-left:12px solid transparent; border-right:none;}
#capslock::after{content:''; position:absolute; bottom:0px; left:-12px; border-top:18px solid #dd4b39; border-left:12px solid transparent; border-right:none;}
.id_check{text-align:left; padding-bottom:25px; margin-top:10px; color:#fff; border-bottom:solid 1px #f0f0f0;}
.id_check input.check{vertical-align:middle;}
.login_btn{display:inline-block; margin-top:20px;}
.login_btn input{padding:0px 20px; height:36px; color:#fff; font-family:"NanumBarunGothic"; background:#3e70c9; border:none; border-radius:3px; cursor:pointer;}
.login_btn input:hover{background:#5182d9;}
p.copyright{text-align:center; margin-top:30px; line-height:16px; color:#fff;}

/* cms 작은버튼(NEW) */
.bt_small{position:relative; padding:3px 8px 3px 28px; margin:0 2px; height:21px; background:#fff; color:#444; font-size:11px; font-family:Dotum, "돋움",sans-serif; letter-spacing:-0.1em; cursor:pointer;}
.bt_small::before{content:''; position:absolute; top:0; left:0; z-index:1; width:21px; height:21px;}
.bt_small::after{content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #ccc;}

/* 파랑버튼 */
/* cms 작은버튼 추가 */
.bt_small.add::before{background:url(/images/super/bt_small_add.png) no-repeat 0px 0px;}
/* cms 작은버튼 변경 & 수정 */
.bt_small.modify::before{background:url(/images/super/bt_small_modify.png) no-repeat 0px 0px;}
/* cms 작은버튼 페이지 담당설정 */
.bt_small.page::before{background:url(/images/super/bt_small_page.png) no-repeat 0px 0px;}
/* cms 작은버튼 페이지 권한설정 */
.bt_small.page2::before{background:url(/images/super/bt_small_page2.png) no-repeat 0px 0px;}

/* 빨강버튼 */
/* cms 작은버튼 삭제 */
.bt_small.delete::before{background:url(/images/super/bt_small_delete.png) no-repeat 0px 0px;}
/* cms 작은버튼 완전삭제 */
.bt_small.delete2::before{background:url(/images/super/bt_small_delete2.png) no-repeat 0px 0px;}
/* cms 작은버튼 정보삭제 */
.bt_small.delete3::before{background:url(/images/super/bt_small_delete3.png) no-repeat 0px 0px;}
/* cms 작은버튼 탈퇴 */
.bt_small.withdrawal::before{background:url(/images/super/bt_small_withdrawal.png) no-repeat 0px 0px;}

/* 청록버튼 */
/* cms 작은버튼 초기화 */
.bt_small.refresh::before{background:url(/images/super/bt_small_refresh.png) no-repeat 0px 0px;}
/* cms 작은버튼 로그보기 */
.bt_small.log::before{background:url(/images/super/bt_small_log.png) no-repeat 0px 0px;}
/* cms 작은버튼 이동 & 바로가기 */
.bt_small.move::before{background:url(/images/super/bt_small_move.png) no-repeat 0px 0px;}
/* cms 작은버튼 검색 */
.bt_small.search::before{background:url(/images/super/bt_small_search.png) no-repeat 0px 0px;}
/* cms 작은버튼 보기 */
.bt_small.view::before{background:url(/images/super/bt_small_view.png) no-repeat 0px 0px;}
/* cms 작은버튼 권한보기 */
.bt_small.authority::before{background:url(/images/super/bt_small_authority.png) no-repeat 0px 0px;}
/* cms 작은버튼 발송하기 */
.bt_small.mail::before{background:url(/images/super/bt_small_mail.png) no-repeat 0px 0px;}
/* cms 작은버튼 이동추적 */
.bt_small.chase::before{background:url(/images/super/bt_small_chase.png) no-repeat 0px 0px;}
/* cms 작은버튼 코드추가 */
.bt_small.code::before{background:url(/images/super/bt_small_code.png) no-repeat 0px 0px;}

/* 주황버튼 */
/* cms 작은버튼 로그아웃 */
.bt_small.logout::before{background:url(/images/super/bt_small_logout.png) no-repeat 0px 0px;}
/* cms 작은버튼 휴면해제 */
.bt_small.sleep::before{background:url(/images/super/bt_small_sleep.png) no-repeat 0px 0px;}
/* cms 작은버튼 잠금해제 */
.bt_small.lock::before{background:url(/images/super/bt_small_lock.png) no-repeat 0px 0px;}
/* cms 작은버튼 탈퇴철회 */
.bt_small.recover::before{background:url(/images/super/bt_small_recover.png) no-repeat 0px 0px;}

/* cms 큰버튼 */
/* cms 버튼 엑셀다운로드 */
.bt_big_bt1{display:block; width:132px; border:solid 1px #43b968; padding:6px 22px; color:#fff; background:#43b968; font-size:15px; font-family:"NanumBarunGothicB"; cursor:pointer; transition:margin .3s ease-in-out; outline:0;}
a:hover .bt_big_bt1{/* background:#51c977; border-color:#51c977; */margin-bottom:-30px;}
.bt_big_bt1_2{display:block; border:solid 1px #43b968; padding:7px 65px 6px 65px; margin-top:-30px; background:url("/images/super/excel_download.png") no-repeat center center #43b968; cursor:pointer; transition:margin .3s ease-in-out;}
a:hover .bt_big_bt1_2{margin-top:0;}
/* cms 버튼 목록 */
.bt_big_bt2{border:solid 1px #bbb; padding:6px 20px; color:#777; background:#fff; font-size:15px; font-family:"NanumBarunGothicB"; cursor:pointer; transition:all .3s; outline:0;}
.bt_big_bt2:hover{background:#ddd;}
/* cms 버튼 취소/삭제 */
.bt_big_bt3{border:solid 1px #bbb; padding:6px 20px; color:#dd4b39; background:#fff; font-size:15px; font-family:"NanumBarunGothicB"; cursor:pointer; transition:all .3s; outline:0;}
.bt_big_bt3:hover{color:#fff; background:#dd4b39; border-color:#dd4b39;}
/* cms 버튼 수정/등록 */
.bt_big_bt4{border:solid 1px #bbb; padding:6px 20px; color:#3e70c9; background:#fff; font-size:15px; font-family:"NanumBarunGothicB"; cursor:pointer; transition:all .3s; outline:0;}
.bt_big_bt4:hover{color:#fff; background:#3e70c9; border-color:#3e70c9;}
/* cms 버튼 검색 */
.bt_big_bt5{display:inline-block; border:solid 1px #658ede; padding:6px 10px 6px 30px; color:#658ede !important; background:url("/images/super/search_btn.png") no-repeat 0px 0px #fff; font-size:15px; font-family:"NanumBarunGothicB"; border-radius:3px; cursor:pointer; transition:all .2s ease-in-out; outline:0;}
.bt_big_bt5:hover{color:#fff !important; background:url("/images/super/search_btn_1.png") no-repeat 0px 0px #658ede; border:solid 1px #658ede;}

/* 콘텐츠-메뉴관리 */
/* 메뉴 수정이력 */
#topBar{position:absolute; top:20px; right:20px; z-index:10;}
.topBar_inner{width:210px; padding:10px; background-color:#758196;}
div.history{/* width:250px; */ z-index:4; margin-bottom:20px; background:#fff; border-radius:3px 3px 0 0; border:solid 1px rgba(0, 0, 0, 0.125); /* border-top:solid 4px #20b9ae; */}
div.history dl{padding:0 0 10px 0;}
div.history dl dt{border-bottom:1px solid #dedede; text-align:center; padding:10px 0px; margin:0 0 10px 0;}
div.history dl dd a{display:block; overflow:hidden; padding:4px 15px; color:#555; transition:all .3s;}
div.history dl dd a:hover{color:#2193d2; background:#eee;}
div.history dl dd span.history_1{float:left; padding:0 20px 0 0; font-size:11px;}
div.history dl dd span.history_2{float:left; font-size:11px;}
div.history dl dd span.history_btn{display:block; float:right; padding:0px 3px; margin-top:-1px; color:#fff; background:#20b9ae; font-size:11px; font-family:'Dotum'; border-radius:3px;}
div.history p{padding:8px 0; border-top:1px solid #dedede;}
div.history p span{display:block; text-align:center;}
div.history p a{display:inline-block; padding:2px 4px 1px 4px; margin:0 1px 0 0; color:#888; font-size:11px; line-height:12px; border:1px solid #e3e3e3;}
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; */ background:#fff; border-radius:3px; border:solid 1px rgba(0, 0, 0, 0.125); border-top:solid 4px #ffd560;}
.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; padding:5px 10px; font-size:11px; border:solid 1px #ddd; border-radius:3px; color:#8b9dbc; background:#f3f3f3;}
.bookmark ul li:hover a{color:#fff; background:#f7d25d; border:solid 1px #f4c450;}
.bm_tit{background:url("/images/cms/left/bookmark_icon_on.png") no-repeat 32% 11px; text-align:center; color:#555; font-size: 12px; padding:10px 0 !important; border-bottom:solid 1px #dedede;}

/* 댓글 */
.commentbox{border-top:2px solid #ddd; margin-top:30px;}
.comment{position: relative;top:0px; left: 0px; padding-right: 100px; border:none; height:66px;}
.comment_text{position: relative; width: 100%; margin-top:10px;}
.comment_text textarea{width:100%; height:54px; padding:5px;}
.comment_bt{position: absolute; top:0px; right:0px;}
.comment_date{margin:0 5px; font-size:12px !important; color:#919191;}
.textcomment{margin-top:10px;}
.next{border-top:1px solid #ddd; margin-top:15px; padding: 10px 0px 0px 15px; background: url("/images/super/contents/comm_line.png") no-repeat 2px 9px;}
.textname{font-weight: bold; color: #2a7fff; margin-right: 5px;}
.ctfirst{margin-top:20px;}
.commentnum{font-size: 12px; color: #4587ff;}
.comm_txt{margin:10px 0 15px 0; color:#3e70c9;}
.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; border:solid 1px #bbb; color:#777; background:#fff;}
.commentlist span input.c_btn:hover{background:#ddd;}

/* 신고내역 */
.siren{padding-left:20px; font-size:15px; font-family:"NanumBarunGothicB"; letter-spacing:-0.5px; background:url(/images/super/siren.png) no-repeat 0px 0px;}

/* 시스템 경고 */ 
.system_warning_box{overflow: hidden; padding-top: 50px; padding-left: 43px;}
.system_warning_box > p{display: block; float: left;}
.system_warning_box > p.system_warning_text_{font-weight: bold; font-size: 22px; color: #b03030; line-height: 180%; margin: 10px 0px 0px 45px;}
h4.system_warning_h4{background: url("/images/super/system_pop_07.png") no-repeat 0px 3px; padding-left: 15px; font-size: 16px; font-weight: bold; margin-top: 45px;}
.system_warning_box2{margin-top: 5px;}
.system_warning_textarea{width: 94%; height: 150px; overflow-y:scroll; padding: 3%;}
.system_warning_box2_text{color: #707070; padding: 5px 0px 0px 5px;}
.system_bot_bt{text-align: center; margin-top: 20px;}
.system_warning_bt1{border:none; background: url("/images/super/system_pop_01.png") no-repeat 0px 0px; width: 98px; height: 35px; text-indent: 999999px; cursor: pointer;}
.system_warning_bt2{border:none; background: url("/images/super/system_pop_02.png") no-repeat 0px 0px; width: 98px; height: 35px; text-indent: 999999px; cursor: pointer;}
.system_warning_h4_1{background: url("/images/super/system_pop_07.png") no-repeat 0px 3px; padding-left: 15px; font-size: 16px; font-weight: bold; margin-top: 45px;}
.system_warning_h4_2{background: url("/images/super/system_pop_07.png") no-repeat 0px 3px; padding-left: 15px; font-size: 16px; font-weight: bold; margin-top: 10px;}
.system_warning_textarea2{width: 96%; height: 40px; overflow-y:scroll; padding: 2%;}
.system_warning_textarea3{width: 96%; height: 60px; overflow-y:scroll; padding: 2%;}

/* 스마트에디터 */
span.se2_file_icon{}
.ui-widget-overlay{background:#000 !important; opacity:0.7 !important; filter:Alpha(Opacity = 70) !important;}

/* 캘린더 */
.cal_icon{position:relative; z-index:101; margin-left:-25px !important;}
.cal_icon + span{margin-left:5px;}

/* 폼검증 */
input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid{color: #b94a48; border-color: #ee5f5b;}
:focus.ng-invalid{border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7;	box-shadow: 0 0 6px #f8b9b7;}

/* 콘텐츠-시스템관리 */
/* 그룹선택 박스 */
.nav_style_1{position:absolute; top:20px; left:19px; background:#f8f8f8; border:solid 1px #dedede; height: 430px;}
.nav_style_1 .group_sch{padding:15px 18px; margin-bottom:10px; border-bottom:1px solid #d9d9d9;}

/* 회원관리 */
.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{float:left; padding:0px; margin:0 2px; border:none;}
.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; border:solid 1px #ddd;}
.member_top .word_box ul li a.on{color:#fff; background:#658ede; font-family:"NanumBarunGothicB"; border:solid 1px #658ede;}
.member_top .word_box ul li.group a{padding-right:13px; background:url(/images/super/down_arrow_1.png) no-repeat right 4px;}
.member_top .word_box ul li.group a.on{background:url(/images/super/down_arrow_2.png) no-repeat right 4px;}
.member_top .word_box ul li.last{padding:0 3px 0 6px; background:none;}

/* 회원 트리 */
#sidetree{padding:20px;}
.treeview .hitarea{background: url('/images/super/member_06.png') no-repeat 0px 0px ; height: 9px;	width: 9px;	display:inline-block; cursor: pointer;} 
ul.treeview{padding:5px 15px; font-size:13px;}
ul.treeview .expandable-hitarea{background: url('/images/super/member_28.png') no-repeat 0px 0px ;}
ul.treeview .ui-droppable-hover{background:#ffc107;}
ul.treeview li{position:relative;}
ul.treeview li::after{content:''; display:block; clear:both;}
ul.treeview li a{padding:7px 0px; color:#555;}
ul.treeview li a span:hover{text-decoration:underline;}
ul.treeview li.on a span{color:#2c7bca; font-family:"NanumBarunGothicB"; text-decoration:underline;}
ul.treeview li div{position:absolute; top:8px; left:0px; z-index: 99;}
ul.treeview li span{overflow:hidden;}
ul.treeview li span.tree_util{display:inline-block; padding-top:6px; margin-left:3px;}
ul.treeview li span a{display:inline-block; padding:0px;}
ul.treeview li span a.tree_add{width:26px; height:15px; margin-right:2px; background:url(/images/super/tree_util.gif) 0 0 no-repeat; text-indent:-9999px; vertical-align:top;}
ul.treeview li span a.tree_del{width:26px; height:15px; margin-right:2px; background:url(/images/super/tree_util.gif) 0 -30px no-repeat; text-indent:-9999px; vertical-align:top;}
ul.treeview li span a.tree_mod{width:26px; height:15px; margin-right:2px; background:url(/images/super/tree_util.gif) 0 -15px no-repeat; text-indent:-9999px; vertical-align:top;}
ul.treeview li span a img{vertical-align: top; padding-top: 6px;}
ul.treeview > li{background:url(/images/super/back_line_hight_07.png) repeat-y 0px 0px; padding-left:1px;}
ul.treeview > li > a{float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:calc(100% - 70px); background:url(/images/super/m1_icon_off_03.png) no-repeat 0px 0px; padding-left:23px; padding-top:5px; display:inline-block;}
ul.treeview > li.last{background:none; padding-left:0px;}
ul.treeview > li.last > a{background:url(/images/super/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(/images/super/back_line_hight_07.png) repeat-y 0px 0px;padding-left:1px;}
ul.treeview > li > ul > li > a{float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:calc(100% - 70px); background:url(/images/super/m2_icon_off_03.png) no-repeat 0px 0px; padding-left:23px; padding-top:5px; display:inline-block;}
ul.treeview > li > ul > li.last{background:none; padding-left:0px;}
ul.treeview > li > ul > li.last > a{background:url(/images/super/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(/images/super/back_line_hight_07.png) repeat-y 0px 0px; padding-left:1px;}
ul.treeview > li > ul > li > ul > li > a{float:left; background:url(/images/super/m3_icon_off_03.png) no-repeat 0px 0px ;padding-left:23px; padding-top:5px; display:inline-block;}
ul.treeview > li > ul > li > ul > li.last{background:none; padding-left:0px;}
ul.treeview > li > ul > li > ul > li.last > a{background:url(/images/super/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(/images/super/back_line_hight_07.png) repeat-y 0px 0px;padding-left:1px;}
ul.treeview > li > ul > li > ul > li > ul > li > a{float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:calc(100% - 70px); background:url(/images/super/m3_icon_off_03.png) no-repeat 0px 0px; padding-left:23px; padding-top:5px; display:inline-block;}
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(/images/super/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(/images/super/back_line_hight_07.png) repeat-y 0px 0px; padding-left:1px;}
ul.treeview > li > ul > li > ul > li > ul > li > ul > li > a{float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:calc(100% - 70px); background:url(/images/super/m3_icon_off_03.png) no-repeat 0px 0px ; padding-left:23px; padding-top:5px; display:inline-block;}
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(/images/super/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(/images/super/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{float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:calc(100% - 70px); background:url(/images/super/m3_icon_off_03.png) no-repeat 0px 0px; padding-left:23px; padding-top:3px; display:inline-block;}
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(/images/super/m3_icon_03.png) no-repeat 0px 0px ;padding-left:23px;}

/* 정렬하기 */
ul.treeview2 .hitarea{background: url('/images/super/member_06.png') no-repeat 0px 0px;	height: 9px; width: 9px; display:inline-block; cursor: pointer;} 
ul.treeview2{padding-left: 20px;}
.treeview2 .expandable-hitarea{background: url('/images/super/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{position:absolute; top:10px; left:-3px; 	z-index: 999;}
ul.treeview2 li span a{padding: 0px;}
ul.treeview2 li span a img{vertical-align: top; padding-top: 4px;}
ul.treeview2 > li{background:url(/images/super/back_line_hight_07.png) repeat-y 0px 0px; padding-left:1px;}
ul.treeview2 > li > span{background:url(/images/super/m1_icon_off_03.png) no-repeat 0px 0px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
ul.treeview2 > li.last{background:none; padding-left:0px;}
ul.treeview2 > li.last > span{background:url(/images/super/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(/images/super/back_line_hight_07.png) repeat-y 0px 0px;padding-left:1px;}

ul.treeview2 > li > ul > li > span{background:url(/images/super/m2_icon_off_03.png) no-repeat 0px 0px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
ul.treeview2 > li > ul > li.last{background:none; padding-left:0px;}
ul.treeview2 > li > ul > li.last > span{background:url(/images/super/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(/images/super/back_line_hight_07.png) repeat-y 0px 0px; padding-left:1px;}
ul.treeview2 > li > ul > li > ul > li > span{background:url(/images/super/m3_icon_off_03.png) no-repeat 0px 0px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
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(/images/super/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(/images/super/back_line_hight_07.png) repeat-y 0px 0px;padding-left:1px;}
ul.treeview2 > li > ul > li > ul > li > ul > li > span{background:url(/images/super/m3_icon_off_03.png) no-repeat 0px 0px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
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(/images/super/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(/images/super/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(/images/super/m3_icon_off_03.png) no-repeat 0px 0px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
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(/images/super/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(/images/super/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(/images/super/m3_icon_off_03.png) no-repeat 0px 0px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
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(/images/super/m3_icon_03.png) no-repeat 0px 0px ;padding-left:23px;}

ul.treeview3{padding-left: 20px;}
.treeview3 .expandable-hitarea{background: url('/images/super/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{position:absolute; top:10px; left:-3px; 	z-index: 999;}
ul.treeview3 li span a{padding: 0px;}
ul.treeview3 li span a img{vertical-align: top; padding-top: 4px;}
ul.treeview3 > li{background:url(/images/super/back_line_hight_07.png) repeat-y 0px 0px; padding-left:1px;}
ul.treeview3 > li > span{background:url(/images/super/m1_icon_off_03.png) no-repeat 0px 0px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
ul.treeview3 > li.last{background:none; padding-left:0px;}
ul.treeview3 > li.last > span{background:url(/images/super/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(/images/super/back_line_hight_07.png) repeat-y 0px 0px;padding-left:1px;}

ul.treeview3 > li > ul > li > span{background:url(/images/super/depth_icon_02.png) no-repeat 0px 6px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
ul.treeview3 > li > ul > li > span.on a{font-weight: bold; border-bottom: 1px solid #000;}
ul.treeview3 > li > ul > li.last{background:none; padding-left:0px;}
ul.treeview3 > li > ul > li.last > span{background:url(/images/super/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(/images/super/back_line_hight_07.png) repeat-y 0px 0px; padding-left:1px;}
ul.treeview3 > li > ul > li > ul > li > span{background:url(/images/super/depth_icon_03.png) no-repeat 0px 6px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
ul.treeview3 > li > ul > li > ul > li > span.on a{font-family:"NanumBarunGothicB"; border-bottom: 1px solid #000;}
ul.treeview3 > li > ul > li > ul > li.last{background:none; padding-left:0px;}
ul.treeview3 > li > ul > li > ul > li.last > span{background:url(/images/super/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(/images/super/back_line_hight_07.png) repeat-y 0px 0px;padding-left:1px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > span{background:url(/images/super/depth_icon_03.png) no-repeat 0px 6px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > span.on a{font-weight: bold; border-bottom: 1px solid #000;}
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(/images/super/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(/images/super/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(/images/super/m3_icon_off_03.png) no-repeat 0px 0px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li > span.on a{font-weight: bold; border-bottom: 1px solid #000;}
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(/images/super/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(/images/super/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(/images/super/m3_icon_off_03.png) no-repeat 0px 0px ;padding-left:23px; padding-top:3px; display:inline-block; height:15px;}
ul.treeview3 > li > ul > li > ul > li > ul > li > ul > li > ul > li > span.on a{font-weight: bold; border-bottom: 1px solid #000;}
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(/images/super/depth_icon_03_01.png) no-repeat 0px 0px ;padding-left:23px;}

.membercontents{padding-left:441px;}

/* 회원관리 */
.group_intro{padding:15px 20px; margin-top:10px; border:1px solid #ddd; border-left:5px solid #ddd;}
.group_intro h4{color:#3e70c9; font-size:15px; font-family:"NanumBarunGothicB";}
.group_intro ul{margin-top:12px;}
.group_intro ul li{margin-top:6px; color:#555;}
.group_intro ul li b{color:#658ede; font-weight:normal;}

/* 게시판 관리 사용자 등록허용 */
.regi_permit{padding-top:5px; margin-top:10px; border-top:solid 1px #ddd;}
.rp_wrap{display:table; overflow:hidden; margin:15px 0; width:100%; border:solid 1px #ddd; border-left:none;}
.rp_add{padding-top:5px;}
.rp_add span{display:inline-block; float:left; margin:4px 7px 0 0; font-size:12px !important;}
.rp_number{display:table-cell; text-align:center; padding:0 5px; margin-right:5px; color:#353535; background:#eee;}

/* 예약업데이트 관리 */
table.type1 td.rsv_status_S{color:#3e70c9;}
table.type1 td.rsv_status_F{color:#dd4b39;}
table.type1 td.rsv_status_W{color:#555;}
table.type1 td.rsv_status_C{color:#aaa}

/* 방문자 통계 */
.statistics{width:100%; margin-top:20px; border:1px solid #dedede;}
.statistics td{padding:20px; border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
.statistics td.v_top{vertical-align:top;}
.statistics td h4{display:inline-block; color:#333; font-size:15px; font-weight:500;}
.statistics td > ul{overflow:hidden; margin-top:30px;}
.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{position:relative; padding-bottom:8px; font-size:28px; color:#ff7171; font-weight:500; line-height:normal;}
.statistics td > ul li p::before{content:''; position:absolute; bottom:0px; left:50%; margin-left:-5px; width:10px; height:2px; background:#333;}
.statistics td > ul li span{display:block; margin-top:10px; font-size:13px;}
.statistics td .most_viewed{}
.statistics td .most_viewed ul{}
.statistics td .most_viewed li{}
.statistics td .most_viewed li:first-child{}

/* 필터링 관리 */
.filter{width:100%; margin-top:20px; border:1px solid #dedede;}
.filter td{position:relative; padding:20px; border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
.filter td.v_top{vertical-align:top;}
.filter td h4{color:#333; font-size:15px; font-weight:500;}
.filter td span.date{position:absolute; top:20px; right:20px;}
.filter td > ul{overflow:hidden; margin-top:30px;}
.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{position:relative; padding-bottom:8px; font-size:28px; color:#ff7171; font-weight:500; line-height:normal;}
.filter td > ul li p::before{content:''; position:absolute; bottom:0px; left:50%; margin-left:-5px; width:10px; height:2px; background:#333;}
.filter td > ul li span{display:block; margin-top:10px; font-size:13px;}
.filter td .filter_condition{display:table-cell; text-align:center; vertical-align:middle; width:415px; height:370px;}
.filter td .filter_condition p{position:relative; padding-bottom:8px; font-size:28px; color:#ff7171; font-weight:500; line-height:normal;}
.filter td .filter_condition p::before{content:''; position:absolute; bottom:0px; left:50%; margin-left:-5px; width:10px; height:2px; background:#333;}
.filter td .filter_condition span{display:block; margin-top:10px; font-size:13px;}
.filter td .filter_condition ul{margin-top:20px;}
.filter td .filter_condition a{position:absolute; top:20px; right:20px; text-align:center; padding:4px 5px 4px 4px; background:#fff; font-size:11px; color:#ff7a1a; border:solid 1px #aaa; border-radius:3px; line-height:normal;}
.filter td .filter_condition a:hover{color:#fff; background:#ff7a1a; border-color:#ff7a1a;}
.filter_list span{display:inline-block; margin:0 2px; color:#ff7a1a !important; font-size:12px !important;}

/* 메일발송 관리탭 */
.cms_tab{height: 39px; margin-bottom: 12px;}
.cms_tab ul li{float: left; margin-right: 5px;}

/* 스타일 가이드 */
.definition{margin:0 0 10px 10px;}
.definition h3{margin-bottom:5px; color:#333; font-size:16px;}
.definition p{color:#777; letter-spacing:0;}
.example{padding:15px; background:#fff; border-radius:10px 10px 0 0; border:solid 1px #ddd;}
.example > div{overflow:hidden; margin-bottom:10px;}
.example .color{float:left; padding-top:30px; margin-right:10px; width:150px;}
.example .color div{background:#fff; padding:5px; border:solid 1px #ddd; border-top:none;}
.explanation{padding:15px; background:#f5f5f5; border-radius:0 0 10px 10px; border:solid 1px #ddd; border-top:none;}
.explanation td{padding:0 !important; background:#f5f5f5; border-bottom:none;}
.explanation td div{padding:0 !important;}

/* 검색 데이터 갱신 */
.solr_sch{padding:15px 20px; border:1px solid #ddd; border-left:5px solid #ddd;}
.solr_sch h6{color:#333; font-size:15px; font-family:"NanumBarunGothicB"; font-weight:normal;}
.solr_sch p{margin-top:12px; color:#555;}
.solr_sch div{padding:15px 20px; margin-top:12px; background:#f5f5f5;}
.solr_sch div span{}
.solr_sch div span b{color:#3e70c9;}
.solr_sch > span{display:block; padding-left:22px; margin-top:10px; background:url(/images/super/solr_check.png) no-repeat 0px 0px; color:#666; line-height:18px;}

/* 시스템 공지사항 박스(프로그램 관리, 사이트 추가관리) */
.cms_notice{padding:25px; margin-top:35px; background:#fafafa;}
.cms_notice h5{color:#333; font-size:17px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.cms_notice ul{margin-top:20px;}
.cms_notice ul li{margin-top:20px;}
.cms_notice ul li:first-child{margin-top:0;}
.cms_notice ul li h6{margin-bottom:8px; color:#333; font-size:15px; font-family:"NanumBarunGothicB"; font-weight:normal;}
.cms_notice ul li p{margin-bottom:8px; font-size:13px;}
.cms_notice ul li span{display:block; position:relative; margin:2px 0 0 20px;}
.cms_notice ul li span::before{content:''; position:absolute; top:6px; left:-10px; width:6px; height:2px; background:#aaa;}
.cms_notice ul li b{color:#2c7bca; font-family:"NanumBarunGothicB";}

/* 시스템정보 */
.mccms{overflow:hidden; position:relative; z-index:1; font-size:13px;}
.mccms .left{float:left; padding:20px; width:260px; box-sizing:border-box;}
.mccms .left div{padding:28px 23px; height:200px; color:#fff; box-sizing:border-box;}
.mccms .left div.identify{background:url(/images/super/mccms_iden.png) no-repeat 0 0;}
.mccms .left div.ing{background:url(/images/super/mccms_ing.png) no-repeat 0 0;}
.mccms .left div .tit{font-family:'Noto Sans KR', sans-serif; font-size:34px; font-weight:bold; line-height:34px;}
.mccms .left div span{display:block; margin-top:10px; font-size:15px; font-family:"NanumBarunGothicB";}
.mccms .left div ul{margin-top:25px;}
.mccms .left div ul li{margin-top:5px; font-size:13px;}
.mccms .left div ul li b{font-family:"NanumBarunGothicB";}
.mccms .right{float:left; padding:30px; width:calc(100% - 260px); min-height:670px; border-left:1px solid #ddd; box-sizing:border-box;}
.mccms .right p.tit{padding-bottom:26px; margin-bottom:26px; border-bottom:2px solid #333;}
.mccms .certi > li{overflow:hidden; margin-top:15px;}
.mccms .certi > li:first-child{margin-top:0;}
.mccms .certi > li:last-child{position:relative; padding-bottom:33px; margin-top:30px;}
.mccms .certi > li:last-child::before{content:''; position:absolute; bottom:0; left:115px; z-index:-1; width:calc(100% - 115px); height:200px; background:#f5f5f5;}
.mccms .certi > li span{position:relative; float:left; width:71px; padding:0 20px 0 12px; margin-right:12px; color:#333; font-size:15px; font-family:"NanumBarunGothicB";}
.mccms .certi > li span:before{content:""; display:block; position:absolute; top:6px; left:0; width:4px; height:4px; background-color:#ccc; border-radius:50%;}
.mccms .certi > li span:after{content:""; display:block; position:absolute; top:1px; right:0; width:1px; height:13px; background-color:#ccc;}
.mccms .certi > li div{float:left;}
.mccms .certi > li div b{display:block; color:#333; font-size:15px; font-family:"NanumBarunGothicB";}
.mccms .certi > li div b ~ b{margin-top:16px;}
.mccms .certi > li div ul{margin-top:12px;}
.mccms .certi > li div ul li{margin-top:6px;}
.mccms .certi > li div ul li:first-child{margin-top:0;}
.mccms .certi > li div ul li strong{color:#3e70c9; font-weight:normal; text-decoration:underline;}
.mccms .certi > li div .certi_list{}
.mccms .certi > li div .certi_list img{margin-left:25px; border:1px solid #eee; box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.05);}
.mccms .bottom{padding-top:23px; margin-top:23px; border-top:1px solid #ddd;}
.mccms .bottom p.txt{margin-bottom:10px; line-height:24px;}
.mccms .bottom p.copy{color:#888;}