html {overflow:auto;height:100%; min-height: 650px;min-width:1280px;  }
body {margin:0;padding:0;font-size:0.75em; height:100%;font-family:'Pretendard';  -webkit-font-smoothing: antialiased;overflow:auto; -moz-osx-font-smoothing: grayscale;  position: relative; width: 100%; min-width:1280px;margin:0 auto; background:#F6F6F6;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard'; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; font-family:'Pretendard'; }
input, button {margin:0;padding:0;font-size:1em;font-family:'Pretendard'; ;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em; -webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Pretendard'; }
textarea {border-radius:0;-webkit-appearance:none;font-family:'Pretendard'; }
select {margin:0;background:none;font-family:'Pretendard'; }
p {margin:0;padding:0;word-break:break-all; font-family:'Pretendard'; }
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; font-weight:400; font-family:'Pretendard';  !important;}
ul,li,dl,dt,dd {padding:0;margin:0; font-family:'Pretendard'; }
ul {list-style:none}
*,:after,:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
input[type="text"]:focus {outline: none;}
input[type="password"]:focus {outline: none;}
textarea:focus {outline: none;}
input[type="text"]::placeholder {color:#bbb;  }
input[type="password"]::placeholder {color:#bbb;}
textarea::placeholder {color:#bbb;}

body::-webkit-scrollbar {
    width: 10px;
 }
body::-webkit-scrollbar-thumb {
    background-color: #DFDFDF;
    border-radius: 10px;
 }
body::-webkit-scrollbar-track {
    background-color: #F7F7F7;
    border-radius: 10px;
 }



header {position: fixed; right:0; top:0; width:calc(100% - 260px); height:60px; background:#fff; padding:0 40px; z-index: 100}
header:after {content:''; clear:both; display: table;}
header .hd_tab {margin-top:20px;width:100%; padding:0 0px;}
header .hd_tab:after {content:''; clear: both;; display: table;}
header .hd_tab li {margin:0px 35px 0 0; float:left;}
header .hd_tab li a{float:left; padding:0 2px 24px 2px; font-size:15px; color:#888; position: relative; font-weight:400; cursor:pointer; }
header .hd_tab li span {font-size:11px; font-weight:500; color:#999;  padding:3px 4px 2px 4px; border-radius:4px; background:#eee; display: inline-block; margin-left:6px; position: relative; top:-1px; }
header .hd_tab li.on a { color:#111; font-weight:600;}
header .hd_tab li.on span {background:#111; color:#fff; font-weight:400; padding:3px 5px 2px 4px;}
header .hd_tab li.on a:after {content:''; position: absolute; bottom:2px; left:0; width:100%; height:3px; background:#111; border-radius:10px;}

header .right_bt {position: absolute; right:0; top:0; height:60px; paddinG:0 25px; background:#222; color:#fff; border:none; font-size:15px; font-weight:500;}
header .tag_btn {position: absolute; right:169px; height:36px;  width:124px; border-radius:8px; background:none; border:1px solid #111; color:#111; font-size:14px; top:11px;}
header .open_stat {position: absolute; right:193px; height:36px;  width:135px; border-radius:8px; background:none; border:1px solid #111; color:#111; font-size:14px; top:11px;}

header .page_update {position: absolute; right:40px; height:36px;  width:147px; border-radius:8px; background:none; border:1px solid #111; color:#111; font-size:14px; top:11px;}
header .page_update img {margin:-2px 0 0 5px;}


nav {position: fixed; left:0; top:0px; height:100vh; background:#fff; width:260px;}
nav .logo {height:60px; padding:16px 25px;}
nav .logo img {width:151px;}
nav .profile {padding:12px 20px 15px 20px; background:#fbfbfb; border-top:1px solid #f5f5f5}
nav .profile:after {content:''; clear:both; display: table;}
nav .profile .img {float:left; width:50px; height:50px; border-radius:50%; background:url('../img/profile_img.jpg')no-repeat center; background-size:cover; border:1px solid #eee;}
nav .profile .txt {float:right; width:calc(100% - 59px); background:url('../img/right_arrow.svg')no-repeat right;}
nav .profile .txt p {font-size:14px; color:#444; font-weight:600; margin-top:8px;}
nav .profile .txt span {display: inline-block; width:100%; margin-top:2px; color:#b9b9b9; font-size:12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right:10px;}
nav .profile button {float:left; width:100%; height:33px; font-size:13.5px; color:#fff; font-weight:500; background:#222; border-radius:5px; margin-top:10px; border:none;}
nav .profile button img {margin:-2px 5px 0 -3px;}

nav .menu {height:calc(100vh - 215px); overflow-y: scroll; padding-bottom:30px;}
nav .menu::-webkit-scrollbar {display: none;}
nav .menu ul {border-top:1px solid #f5f5f5; padding:10px 0;}
nav .menu ul li { position: relative;}
nav .menu ul li.on:after {content:''; position: absolute; left:0; top:0px; height:45px; width:3px; background:#222;}
nav .menu ul li a {padding:12px 20px 10px 20px; position: relative; display: inline-block; width:100%; font-size:15px; color:#999;  font-weight:400; transition: .3s;}
nav .menu ul li a:hover {background:#fafafa;}
nav .menu ul li a img {margin:-2px 10px 0 0 ; opacity: .3;}
nav .menu ul li a .arrow_down {position: absolute; right:22px; top:19px;
    opacity: 1; margin:0; transition: .3s;}
nav .menu ul li.more {margin-bottom:0px;}
nav .menu ul li .s_menu {padding:0px 0 0px 34px; overflow: hidden; height:0; transition: .3s;}
nav .menu ul li .s_menu a {padding:6px 20px 6px 20px; font-size:14px;}
nav .menu ul li .s_menu a:hover {background:none; color:#222;}
nav .menu ul li .s_menu a.on {color:#222; font-weight:500;}
nav .menu ul li.on a .arrow_down {transform: rotate(180deg)}
nav .menu ul li.on .s_menu {height:auto; padding:5px 0 10px 34px; top:18px}
nav .menu ul li.on .s_menu2 {height:73px}

/*nav .menu ul li.more>a:after {content:url('../img/down_arrow.svg'); position: absolute; right:0; top:50%; transform: translate(0,-50%); }*/

nav .menu ul li .more_menu { height:0px; overflow: hidden; margin:0; transition:.3s; }
nav .menu ul li .more_menu a {padding:5px 0 5px 36px; font-size:13px; font-weight:400;}

nav .menu ul li.memo {font-size:12px; color:#bdbdbd; font-weight:400; margin-top:10px; padding:0 0 10px 20px; letter-spacing: .2px;}

nav .menu ul li.on>a {color:#111; background:#F8F8F8; font-weight:500;}
nav .menu ul li.on .more_menu {height:145px; margin:-4px 0 15px 0;}
nav .menu ul li.on .more_menu2 {height:53px; }
nav .menu ul li.on .more_menu3 {height:110px; }
nav .menu ul li.on>a img {opacity: 1;}
nav .menu ul li.on .more_menu a.on {color:#222; font-weight:600;}
nav .ft_bt {position: absolute;left: 20px;bottom: 17px;width: calc(100% - 40px);}
nav .ft_bt button {float: left;width: calc(100% - 3px);margin-right: 6px;height: 40px;font-size: 14px;font-weight: 500;color: #999;border-radius: 10px;background:#f0f0f0;border-width: initial;border-style: none;border-color: initial;border-image: initial;}
nav .ft_bt button img {margin:0 6px 0 -5px; filter:grayscale(100);}

nav .ft_bt2 {position: absolute;left: 20px;bottom: 17px;width: calc(100% - 40px);}
nav .ft_bt2 button {float: left;width: calc(100% - 46px);height: 40px;font-size: 14px;font-weight: 500;color: #999;border-radius: 10px;background:#f0f0f0;border-width: initial;border-style: none;border-color: initial;border-image: initial;}
nav .ft_bt2 button:first-child img {margin:0 4px 0 0; opacity: .4;}
nav .ft_bt2 button:last-child {floaT:right; width:40px ;}



.content {float:right; width:calc(100% - 260px); min-height:calc(100vh - 60px); margin-top:60px; padding:30px 40px 30px 40px; position: relative;}
.content:after {content:''; clear:both; display: table;}
.clear:after {content:''; clear:both; display: table;}

.content .hd { position: relative; }
.content .hd h1 {font-size:28px;   color:#222; font-weight:700; margin-top:12px;}
.content .hd h2 {font-size:14px; color:#999; font-weight:400;}
.content .hd h2 b {color:#222; font-weight:600;}
.content .hd h2 img {margin:-2px 8px 0 8px;}

.content .hd .hd_bt {position: absolute; right:0px; top:-7px; }
.content .hd .hd_bt button {height:45px; border-radius:50px; background:#111; padding:0 28px; font-size:15px; color:#fff;  letter-spacing: .5px; border:none; margin-left:2px; font-weight:400; }

.content .hd .search {margin-top:25px; position: relative}
.content .hd .search:after {content:''; clear:both; display: table;}
.content .hd .search .box {background:#fff; width:470px; border-radius:8px; height:40px;  box-shadow: 0 0 10px rgba(0,0,0,.01);float:left; margin-right:8px;}
.content .hd .search .box2 {width:400px;}
.content .hd .search .box3 {width:280px;}
.content .hd .search .box:after {content:''; clear:both; display: table;}
.content .hd .search .box .select {cursor: pointer; float:left; width:125px; height:40px;  position: relative; z-index: 10;}
.content .hd .search .box .select:after {content:''; position: absolute; right:0; width:1px; top:7px; height:26px; background:#f0f0f0}
.content .hd .search .box .select .label {width:100%; text-align:left; border:none; height:40px; padding-left: 15px; background: none; cursor: pointer; font-size:14px; padding-bottom:1px; color:#888; background:url('../img/down_arrow.svg')no-repeat center right 15px; border-radius:20px;font-weight:400;}
.content .hd .search .box .select .optionList {position: absolute; top:45px; left: 0px; width: 100%;  max-height: 0; transition: .3s ease-in;   z-index: 1;   overflow:hidden; border-radius:8px; font-weight:400; }
.content .hd .search .box .select.active .optionList {max-height: 170px;overflow:auto; background:#fff; box-shadow: 1px 1px 6px rgba(0,0,0,.1);}
.content .hd .search .box .select .optionItem { padding:13px 17px 0 15px; font-size:14.5px; color:#888; font-weight:400;}
.content .hd .search .box .select .optionItem:last-child {padding-bottom:16px;}
.content .hd .search .box .select .optionList::-webkit-scrollbar {width: 6px;}
.content .hd .search .box .select .optionList::-webkit-scrollbar-thumb {background:  none; border-radius: 45px;} 

.content .hd .search .box .input_box {float:left; width:calc(100% - 125px); position: relative;}
.content .hd .search .box .input_box input[type="text"] {width:100%; height:40px; border:none; background:none; color:#222; padding:0 0px 2px 38px; font-size:14px; font-weight:300;}
.content .hd .search .box .input_box input[type="text"]::placeholder {color:#ccc;}
.content .hd .search .box .input_box img {position: absolute; left:15px; top:11px;}
.content .hd .search .box .input_box .search_bt {position: absolute; right:8px; top:-2px; height:44px; width:90px; border-radius:50px; border:none; background:#111; color:#fff; font-size:15px;}

.content .hd .search .box2 .input_box:after {content:''; clear:both; display: table;}
.content .hd .search .box2 .input_box .cal_box {float:left; width:calc((100% - 25px) / 2); position: relative;}
.content .hd .search .box2 .input_box .cal_box input[type="text"] {padding:0 0 0 38px;}
.content .hd .search .box2 .input_box .cal_box img {width:auto; top:11px;}
.content .hd .search .box2 .input_box .cal_box:last-child img {left:5px;}
.content .hd .search .box2 .input_box .cal_box:last-child input[type="text"] {padding-left:28px;} 
.content .hd .search .box2 .input_box span {float:left; width:25px; text-align: center; font-size:15px; color:#bbb; padding-top:10px; padding-right:3px;}

.content .hd .search .box .rd_ul:after {content:''; clear:both; display: table;}
.content .hd .search .box .rd_ul li {float:left ;width:calc(100% / 3);}
.content .hd .search .box .rd_ul li input[type="radio"] {display: none;}
.content .hd .search .box .rd_ul li input[type="radio"] + label {display: inline-block; width:100%; height:40px; line-height:39px; text-align: center; font-size:14px; color:#999; border:1px solid #fff; border-radius:8px; cursor: pointer;}
.content .hd .search .box .rd_ul li input[type="radio"]:checked + label {color:#222; font-weight:500; border:1px solid #222;} 

.content .hd .search .box4 {width:220px;}
.content .hd .search .box .rd_ul2 li {float:left ;width:calc(100% / 3);}


.content .hd .search .search_bt {height:40px; padding:0 20px; font-size:14px; color:#fff; background:#222; border:none; border-radius:8px; padding-bottom:2px;}
.content .hd .search  .search_bt img {filter:brightness(100); margin:-1px 5px 0 -5px;}

.content .hd .search .reset {width:40px; height:40px; border:1px solid #222; background:none; border-radius:8px; margin-left:2px;}
.content .hd .search .reset img {margin:-1px 0 0 0; width:18px;}

.content .hd .search .right_tg {position: absolute; right:0; top:0; width:180px; background:#fff; border-radius:8px;}
.content .hd .search .right_tg:after {content:''; clear:both; display: table}
.content .hd .search .right_tg button {float:left; width:50%; height:40px; border-radius:8px; border:none; background:none; font-size:14px; color:#999; transition: .3s;}
.content .hd .search .right_tg button.on {background:#222; color:#fff; font-weight:500;}



.content .add_info {width:100%; margin-top:21px; position: relative;}
.content .add_info:after {content:''; clear:both; display: table;}
.content .add_info .sel_right {position: absolute; right:0; top:0;}
.content .add_info .cate li {display: inline-block; margin-right:7px; font-size:13px; color:#acacac; background:#fff; padding:7px 10px 8px 13px; border-radius:7px; position: relative; cursor: pointer;}
.content .add_info .cate li:after {content:''; clear:both; display: table;}
.content .add_info .cate li b {background:#f0f0f0; border-radius:50px; color:#acacac; font-size:11px; font-weight:600; padding:2px 4px 1px 4px; float:right; letter-spacing: -.3px; min-width:20px; text-align: center; margin-left:10px;}
.content .add_info .cate li.on {color:#fff; background:#222;}
.content .add_info .cate li.on a{color:#fff;}
.content .add_info .cate li.on b {color:#222; background:#fff;}

.content .add_info .tb_type {float:left; margin-right:8px;}
.content .add_info .tb_type:after {content:''; clear:both; display: table;}
.content .add_info .tb_type li {float:left ; margin-left:5px;}
.content .add_info .tb_type li input[type="radio"] {display: none;}
.content .add_info .tb_type li input[type="radio"] + label {display: inline-block; height:30px; line-height:29px; width:30px; text-align: center; border-radius:5px; cursor: pointer; opacity: .4;}
.content .add_info .tb_type li input[type="radio"]:checked + label {background:#fff; opacity: 1;} 

.content .add_info .select {cursor: pointer;width:102px; height:30px; border:none; background:#F7F6FA; border-radius:30px;  z-index: 2; float:left; position: relative;}
.content .add_info .select .label {width:100%; text-align:left; border:none; height:30px; padding-left: 13px; background: none; cursor: pointer; font-size:13px; padding-bottom:1px; color:#888; background:url('../img/down_arrow.svg')no-repeat center right 11px #fff; background-size:9px; border-radius:6px;font-weight:400;}
.content .add_info .select .optionList {position: absolute; top:35px; left: 0px; width: 100%;  max-height: 0; transition: .3s ease-in;   z-index: 1;   overflow:hidden; border-radius:6px; font-weight:400; }
.content .add_info .select.active .optionList {max-height: 170px;overflow:auto; background:#fff; box-shadow: 1px 1px 6px rgba(0,0,0,.1);}
.content .add_info .select .optionItem { padding:13px 13px 0 13px; font-size:13px; color:#888; font-weight:400;}
.content .add_info .select .optionItem:last-child {padding-bottom:13px;}
.content .add_info .select .optionList::-webkit-scrollbar {width: 6px;}
.content .add_info .select .optionList::-webkit-scrollbar-thumb {background:  none; border-radius: 45px;} 


.content .right {position: absolute; right:40px; top:117px;}
.content .right:after {content:'';  clear:both; display: table;}
.content .right .select {cursor: pointer; float:left; width:130px; height:40px; border:none; background:#F7F6FA; border-radius:30px; margin-right:7px; position: relative; z-index: 2;}
.content .right .select .label {width:100%; text-align:left; border:none; height:40px; padding-left: 22px; background: none; cursor: pointer; font-size:15px; padding-bottom:1px; color:#888; background:url('../img/down_arrow.svg')no-repeat center right 15px; border-radius:20px;font-weight:400;}
.content .right .select .optionList {position: absolute; top:45px; left: 0px; width: 100%;  max-height: 0; transition: .3s ease-in;   z-index: 1;   overflow:hidden; border-radius:20px; font-weight:400; }
.content .right .select.active .optionList {max-height: 170px;overflow:auto; background:#F7F6FA; box-shadow: 1px 1px 6px rgba(0,0,0,.1);}
.content .right .select .optionItem { padding:13px 17px 0 25px; font-size:14.5px; color:#888; font-weight:400;}
.content .right .select .optionItem:last-child {padding-bottom:18px;}
.content .right .select .optionList::-webkit-scrollbar {width: 6px;}
.content .right .select .optionList::-webkit-scrollbar-thumb {background:  none; border-radius: 45px;} 
.content .right .bt1 {float:right; height:40px; border:none; background:#222; color:#fff; font-size:14px; border-radius:8px; padding:0 20px 2px 20px; margin-left:5px;}
.content .right .bt2 {float:right; height:40px; border:1px solid #111; background:none; color:#111; font-size:14px; border-radius:8px; padding:0 20px 2px 20px; margin-left:5px; font-weight:500;}
.content .right .all_ck { float:left; margin:10px 12px 0 0;}
.content .right input[type="checkbox"] {display: none;}
.content .right input[type="checkbox"] + .ck_label  {position:relative;display:inline-block ;font-size:14px; color:#999; padding-left:24px; cursor: pointer; position: relative; top:1px;}
.content .right input[type="checkbox"] + .ck_label span {position:absolute; width:18px; height:18px; border:1px solid #e4e4e4 ;border-radius:3px; background:#fff; left:0; TOP:0;;}
.content .right input[type="checkbox"]:checked + .ck_label {color:#111; font-weight:500;}
.content .right input[type="checkbox"]:checked + .ck_label span{background:url('../img/check_icon.svg')no-repeat center #111; border:1px solid #111; background-size:12px;}









.delete_pop {position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); display: none; z-index: 103;}
.delete_pop.on {display: block;}
.delete_pop .view {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:380px; border-radius:15px ; background:#fff; padding:45px 30px 27px 30px; text-align: center;}
.delete_pop .view h2 {font-size:20px; color :#222; margin-bottom:12px; font-weight:600;}
.delete_pop .view h3 {font-size:15px; color:#888; font-weight:300; line-height:1.35em;}

.delete_pop .btn_box {width:100%; margin-top:35px;}
.delete_pop .btn_box:after {content:''; clear:both; display: table;}
.delete_pop .btn_box button {height:45px; width:calc((100% - 8px) / 2); border-radius:8px; border:none; color:#888; font-size:15px; background:#f2f2f2;  float:left; padding-bottom:2px;}
.delete_pop .btn_box button.on {background:#111; color:#fff; border:none; margin-left:8px;}

.hide {display: none;}





.update_loading {position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.2); backdrop-filter: blur(14px); z-index: 101; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.update_loading #wrap {overflow: hidden; opacity: .4; width:200px; height:80px; position: relative}
.update_loading #wrap canvas { width: 500px; height: 500px;  -outline: 1px solid #222; background:none; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%)}
.update_loading span {display: inline-block; width:100%; margin-top:10px; font-size:14px; color:#777; text-align: center; line-height:1.35em;}







.upload_pop {position: fixed; left:0; top:0 ;width:100%; height:100%; background:rgba(0,0,0,.7); display: none; z-index: 103}
.upload_pop.on {display: block;}
.upload_pop .view {position: absolute; left:50%; top:50%; width:400px; border-radius:20px; padding:0 20px 20px 20px; background:#fff; text-align:center; transform: translate(-50%,-50%)}
.upload_pop .view img {margin-top:-33px; width:80px;}
.upload_pop .view h2 {font-size:20px; color:#111; font-weight:700; margin-top:16px;}
.upload_pop .view p {margin-top:7px; font-size:15px; color:#999;}
.upload_pop .view button {width:100%; height:45px; border-radius:10px; font-size:15px; color:#fff; font-weight:600; background:#111; border :none; margin-top:30px;}