/*
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700,500,600|Roboto:400,700,500|Quicksand:700");
@font-face {
	font-family: "NotoSans CJK KR-Bold";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/NotoSansMonoCJKkr-Bold.otf") format("opentype");
}
@font-face {
	font-family: "NotoSans CJK KR-Regular";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/NotoSansCJKkr-Regular.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 400;
	font-stretch: 1% 500%;
	src: url("../fonts/NotoSansCJKkr-Regular.otf") format("opentype");
}

@font-face {
	font-family: "NotoSans CJK KR-Medium";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/NotoSansCJKkr-Medium.otf") format("opentype");
}
@font-face {
	font-family: "SpoqaHan Sans Neo-Medium";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/SpoqaHanSansNeo-Medium.otf") format("opentype");
}
@font-face {
	font-family: "SpoqaHan Sans Neo-Regular";
	font-style: normal;
	font-weight: 400;
	font-stretch: 1% 500%;
	src: url("../fonts/SpoqaHanSansNeo-Regular.otf") format("opentype");
}
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

html {
   font-family: "Noto Sans KR";
   font-weight: 500;
   width: 100%;
   height: 100%;
}
body {
   font-family: "Noto Sans KR";
   width: 100%;
   height: 100%;
}
/*div{font-family: 'Noto Sans KR';}*/

label {
   font-weight: 400;
   cursor: pointer;
}

label p {
   margin-top: -40px;
   margin-left: 40px;
}

input[type="checkbox"] {
   display: none;
}

input[type="checkbox"] + span:before {
   font-family: "FontAwesome";
   font-size: 20px;
}

input[type="checkbox"] + span:before {
   content: "\f096";
}

input[type="checkbox"]:checked + span:before {
   content: "\f14a"; /* check */
   color: #a096f0;
}

.rlrl_top {
   width: 100%;
   position: absolute;
   height: 20px;
   background: #eeeeee;
   border-bottom: solid rgba(0, 0, 0, 0.2) 1px;
   left: 0px;
   top: 50px;
   z-index: 2;
}
.rlrl_left {
   width: 20px;
   position: absolute;
   height: 100%;
   background: #eeeeee;
   border-right: solid rgba(0, 0, 0, 0.2) 1px;
   left: 420px;
   top: 50px;
   z-index: 2;
}

.ruler {
   font-family: "Noto Sans KR" !important;
}
.ef-ruler .top {
   border-bottom: solid #ccc 1px !important; /*width:100% !important;*/
}
.ef-ruler .left {
   border-right: solid #ccc 1px !important; /*height:calc(100% + 100px) !important;*/
}
.ef-ruler .corner {
   border-color: #ccc !important;
}
.ef-ruler .tick {
   background: none repeat scroll 0% 0% #aaa !important;
}
.ruler.left {
   cursor: col-resize;
}
.ruler.top {
   cursor: row-resize;
}

.cke_blayer {
   background: rgba(0, 0, 0, 0.4);
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 9999998;
   display: none;
}

.cke_login_md {
   width: 432px;
   height: auto;
   background: #fff;
   position: fixed;
   left: calc(50% - 216px);
   z-index: 9999999;
   border-radius: 10px;
   top: calc(50% - 307px);
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.3);
   display: none;
}
.cke_login_md_wrap {
   width: 100%;
   padding: 55px 50px 50px 50px;
   position: relative;
}
.cke_login_md_close {
   color: #aaaaaa;
   font-size: 22px;
   width: fit-content;
   position: absolute;
   right: 30px;
   top: 30px;
   cursor: pointer;
}

.md_tt {
   font-size: 21px;
   font-weight: 600;
   text-align: center;
   color: #222;
}
.md_desc {
   font-size: 13px;
   font-weight: 400;
   text-align: center;
   color: #666;
   padding-top: 20px;
   padding-bottom: 30px;
   line-height: 20px;
}
.md_input_wrap {
   width: 100%;
   margin-bottom: 15px;
}
.md_input_wrap input {
   width: 100%;
   height: 50px;
   border-radius: 5px;
   border: solid 1px #999999;
   font-size: 15px;
   font-weight: 400;
   color: #222;
   padding-left: 15px;
}
.md_input_wrap input:focus {
   border: solid 2px #a096f0;
}
.chk_box {
   font-size: 15px;
   font-weight: 400;
   color: #666;
}
.chk_box label {
   font-size: 15px;
   font-weight: 400;
   color: #666;
   display: inline-block;
}
#chk_top {
   width: 20px;
   display: inline-block;
}
.cke_login_secu {
   font-size: 15px;
   font-weight: 400;
   color: #666;
   text-align: right;
   float: right;
   width: 150px;
}
.cke_login_secu em {
   position: absolute;
   right: 110px;
   margin-top: 3px;
}
.cke_login_secu .tcc_form_option_r .wrapper {
   margin-top: -2px;
}

.tcc_form_option_r {
   display: inline-block;
}
.cke_login_md_btn {
   width: 100%;
   height: 45px;
   text-align: center;
   background: #a096f0;
   font-size: 15px;
   font-weight: 600;
   color: #fff;
   border-radius: 5px;
   line-height: 43px;
   cursor: pointer;
}
.cke_login_md_btn_sub {
   text-align: center;
   font-size: 13px;
   font-weight: 400;
   color: #999;
   padding-top: 15px;
}
.cke_login_md_btn_sub span {
   text-align: center;
   margin-left: 5px;
   margin-right: 5px;
   cursor: pointer;
}
.cke_login_md_ft {
   margin-top: 25px;
   border-top: solid 1px #cccccc;
   padding-top: 25px;
}
.cke_login_md_ft_tt {
   text-align: center;
   font-size: 15px;
   font-weight: 400;
   color: #222;
}
.cke_login_md_ft_tt a {
   margin-left: 13px;
   color: #a096f0;
}
.cke_login_md_ft_box {
   padding: 15px;
   border-radius: 5px;
   background: #eeeeee;
   margin-top: 20px;
   text-align: center;
   font-size: 13px;
   font-weight: 400;
   color: #222;
   line-height: 20px;
}
.cke_login_md_ft_box span {
   font-weight: 600;
   text-decoration: underline;
   letter-spacing: -1;
}
.cke_empty {
   display: none;
}

.cke_rename_md_close {
   color: #aaaaaa;
   font-size: 22px;
   width: fit-content;
   position: absolute;
   right: 30px;
   top: 25px;
   cursor: pointer;
}
.md_ttt {
   font-size: 15px;
   font-weight: 600;
   text-align: left;
   color: #222;
}

.wrapper {
   position: relative;
}
.switch_id {
   position: absolute;
   /* hidden */
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   border: 0px !important;
}
.switch_label {
   position: relative;
   cursor: pointer;
   display: inline-block;
   width: 50px;
   height: 26px;
   background: #fff;
   border: 2px solid #a096f0;
   border-radius: 20px;
   transition: 0.2s;
}
.switch_label:hover {
   background: #efefef;
}
.onf_btn {
   position: absolute;
   top: 3px;
   left: 3px;
   display: inline-block;
   width: 16px;
   height: 16px;
   border-radius: 16px;
   background: #a096f0;
   transition: 0.2s;
}
/* checking style */
.switch_id:checked + .switch_label {
   background: #a096f0;
   border: 2px solid #a096f0;
}

.switch_id:checked + .switch_label:hover {
   background: #a096f0;
}

/* move */
.switch_id:checked + .switch_label .onf_btn {
   left: 26px;
   background: #fff;
   box-shadow: 1px 2px 3px #00000020;
}

.cke_tlist_list {
   padding-top: 30px;
}
.cke_tlist_table {
   width: 100%;
}
.cke_tlist_table thead tr {
   width: 100%;
   height: 40px;
   background: #f5f5f5;
   font-size: 12px;
   color: #222;
   border-radius: 5px;
}
.cke_tlist_table thead td {
   padding-left: 10px;
   padding-right: 10px;
}
.cke_tlist_table tbody td {
   height: 90px;
   border-bottom: solid #dcdcdc 1px;
   font-size: 15px;
   color: #222;
   cursor: pointer;
   padding-left: 10px;
   padding-right: 10px;
}
.cke_tlist_more {
   color: #cbcbcb;
}
.cke_tlist_more .fa-ellipsis-vertical {
   padding: 5px;
}

.ckl_list_icon_a {
   width: 50px;
   height: 50px;
   border: solid #cdcdcd 1px;
   border-radius: 5px;
   display: inline-block;
   vertical-align: top;
   margin-right: 20px;
   text-align: center;
   font-size: 21px;
   color: #a096f0;
   padding-top: 13px;
}
.ckl_list_icon_b {
   width: 50px;
   height: 50px;
   border: solid #cdcdcd 1px;
   border-radius: 5px;
   background: #efefef;
   display: inline-block;
   vertical-align: top;
   margin-right: 20px;
}
.ckl_list_icon_tt {
   display: inline-block;
   height: 50px;
   line-height: 50px;
   vertical-align: top;
}

.ckee_tp_detail_list_more {
   width: 100%;
   height: 1px;
   background: #ccc;
   margin-top: 45px;
   position: relative;
   margin-bottom: 60px;
}
.ckee_tp_detail_list_more_btn {
   width: 36px;
   height: 36px;
   border-radius: 50px;
   border: solid 1px #ddd;
   box-shadow: 0 2px 3px rgb(33 33 33 / 20%);
   background: #fff;
   position: absolute;
   left: calc(50% - 18px);
   margin-top: -18px;
   cursor: pointer;
   text-align: center;
   font-size: 16px;
   color: #222;
   padding-top: 9px;
}

.cke_check_con_box {
   width: 295px;
   height: 57px;
   background: rgba(77, 71, 103, 0.9) /*#4d4767*/;
   border-radius: 28.5px;
   position: fixed;
   z-index: 11;
   top: 100px;
   left: calc(50% - 147.5px + 146px);
   color: #fff;
   display: none;
}
.cke_check_con_box_in {
   position: relative;
   width: 100%;
   height: 100%;
}

.cke_check_con_box_in .cke_ttt_oc_i_check {
   display: block;
   top: 21px;
   left: 20px;
}
.cke_ck_con_tt {
   font-size: 13px;
   font-weight: 400;
   color: #fff;
   height: 57px;
   line-height: 57px;
   padding-left: 50px;
}
.cke_ck_con_rt {
   position: absolute;
   right: 20px;
   top: 20px;
   font-size: 15px;
}
.cke_ck_con_rt i {
   margin-left: 10px;
   cursor: pointer;
}

.cke_rename_md {
   position: fixed;
   width: 440px;
   height: auto;
   top: 100px;
   background: #fff;
   z-index: 11;
   top: calc(50% - 103px);
   left: calc(50% - 220px + 146px);
   padding: 30px 30px 20px 30px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border-radius: 5px;
   border: solid 1px #ccc;
   display: none;
}
.cke_md_in {
   width: 100%;
   height: 100%;
}

.cke_create_fd_md {
   position: fixed;
   width: 440px;
   height: auto;
   top: 100px;
   background: #fff;
   z-index: 11;
   top: calc(50% - 103px);
   left: calc(50% - 220px + 146px);
   padding: 30px 30px 20px 30px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border-radius: 5px;
   border: solid 1px #ccc;
   display: none;
}
.cke_create_fd_md_close {
   color: #aaaaaa;
   font-size: 22px;
   width: fit-content;
   position: absolute;
   right: 30px;
   top: 25px;
   cursor: pointer;
}

.cke_delete_md {
   position: fixed;
   width: 440px;
   height: auto;
   top: 100px;
   background: #fff;
   z-index: 11;
   top: calc(50% - 114px);
   left: calc(50% - 220px + 146px);
   padding: 30px 30px 20px 30px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border-radius: 5px;
   border: solid 1px #ccc;
   display: none;
}
.cke_delete_md_close {
   color: #aaaaaa;
   font-size: 22px;
   width: fit-content;
   position: absolute;
   right: 30px;
   top: 25px;
   cursor: pointer;
}

.md_tt_a {
   font-size: 18px;
   color: #222;
   text-align: center;
}
.md_tt_b {
   font-size: 13px;
   color: #999;
   padding-top: 10px;
   text-align: center;
   padding-bottom: 20px;
}

.hd_login_mn_top {
   color: #222;
   font-size: 12px;
   padding-bottom: 15px;
   padding-top: 5px;
   border-bottom: solid #ccc 1px;
   margin-bottom: 10px;
   padding-left: 20px;
}

.ed_l_op_wrap {
   position: absolute;
   right: 0px;
   top: 7px;
}
.ed_l_op_btn {
   width: 40px;
   height: 40px;
   text-align: center;
   line-height: 40px;
   color: #222;
   border: solid #ccc 1px;
   display: inline-block;
   margin-left: 10px;
   border-radius: 5px;
   font-size: 18px;
   padding-top: 0px;
   cursor: pointer;
}
.ed_l_op_btn.on {
   border: solid #a096f0 1px;
   color: #a096f0;
   background: #ecebf1;
}

.url_confirm_btn {
   width: 100%;
   height: 40px;
   background: #dddddd;
   color: #fff;
   border-radius: 5px;
   line-height: 40px;
   text-align: center;
   font-size: 15px;
   font-weight: 600;
   cursor: pointer;
   margin: 0 auto;
   margin-bottom: 10px;
   margin-top: 10px;
   margin-bottom: 20px;
}
.url_confirm_btn.on {
   background: #a096f0;
   color: #fff;
}

.ed_l_dtt_btop_item_mn {
   width: 300px;
   height: auto;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: fixed;
   margin-top: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   display: none;
   z-index: 21;
   top: 180px;
}
.ed_l_dtt_btop_item_mn_l {
   float: left;
   width: 50%;
}
.ed_l_dtt_btop_item_mn_r {
   float: right;
   width: 50%;
}

.ed_text_op_lf {
   width: 110px;
   float: left;
}
.ed_text_op_rf {
   width: calc(100% - 110px);
   float: right;
}
.ed_text_op_rf i {
   font-size: 20px;
   margin-top: 20px;
   margin-left: 20px;
   cursor: pointer;
}

.cke_right_wrap {
   right: 25px;
   top: 45px;
   position: absolute;
}
.cke_itr_rt_btn {
   font-size: 20px;
   color: #ccc;
   margin-right: 25px;
   cursor: pointer;
   display: inline-block;
   width: fit-content;
}
.cke_itr_rt_btn.on {
   color: #222;
}
.cke_itr_rt_btn[data="3"] {
   color: #222 !important;
}

.cke_table_line_i.on {
   background: #efefef;
}

.ed_l_dtt_select {
   font-size: 15px;
   color: #222;
   margin-bottom: 10px;
   cursor: pointer;
   width: fit-content;
}
.ed_l_dtt_select i {
   color: #999;
}

.ed_l_dtt_input {
   width: 100%;
   height: 40px;
   border: solid #ccc 1px;
   border-radius: 5px;
}

.similar_search_btn {
   width: 100%;
   height: 40px;
   background: #a096f0;
   color: #fff;
   border-radius: 5px;
   line-height: 40px;
   text-align: center;
   font-size: 15px;
   font-weight: 600;
   cursor: pointer;
   margin: 0 auto;
   margin-bottom: 10px;
   margin-top: 40px;
}

.file_upload_btn {
   width: 100%;
   height: 40px;
   background: #a096f0;
   color: #fff;
   border-radius: 5px;
   line-height: 40px;
   text-align: center;
   font-size: 15px;
   font-weight: 600;
   cursor: pointer;
   margin: 0 auto;
   margin-bottom: 10px;
   margin-top: 0px;
}

.file_drag_zone {
   border: dotted 1px #666;
   width: 100%;
   height: 250px;
   margin-top: 10px;
   border-radius: 5px;
   margin-bottom: 30px;
}
.file_drag_zone_icon {
   text-align: center;
   font-size: 40px;
   padding-top: 60px;
   color: #666;
}
.file_drag_zone_desc {
   color: #979797;
   font-size: 13px;
   text-align: center;
   padding-top: 30px;
   line-height: 20px;
   font-weight: 500;
}

.ed_st_tt {
   width: 100%;
   position: relative;
   font-size: 15px;
   color: #222;
   padding-bottom: 10px;
}
.ed_st_item {
   width: calc(50% - 10px);
   display: inline-block;
   height: 40px;
   border-radius: 5px;
   background: #eee;
   cursor: pointer;
   margin-bottom: 17px;
   margin-right: 17px;
}
.ed_st_item:nth-child(2n) {
   margin-right: 0px;
}
.ed_st_color {
}

.ed_hd_logged {
   float: left;
   position: relative;
   margin-right: 20px;
}
.ed_hd_logged_pfimg {
   width: 30px;
   height: 30px;
   background: #ee7c57;
   color: rgba(255, 255, 255, 0.8);
   overflow: hidden;
   line-height: 30px;
   border-radius: 50%;
   float: left;
   text-align: center;
   font-size: 15px;
   letter-spacing: -1px;
   font-weight: 500;
   margin-right: 5px;
   margin-top: 5px;
   cursor: pointer;
   padding-top: 7px;
   line-height: 15px;
}
.ed_hd_logged_name {
   float: left;
   height: 40px;
   line-height: 40px;
   margin-right: 10px;
   cursor: pointer;
}
.ed_hd_logged_bar {
   float: left;
   width: 1px;
   height: 14px;
   background: #cdcdcd;
   margin-right: 10px;
   margin-top: 14px;
}
.ed_hd_logged_info {
   float: left;
   height: 40px;
   line-height: 40px;
   cursor: pointer;
}
.ed_hd_logged_info span {
   color: #a096f0;
}

.cke_exit_md {
   position: fixed;
   width: 540px;
   height: auto;
   background: #fff;
   z-index: 11;
   top: calc(50% - 102px);
   left: calc(50% - 270px);
   padding: 30px 30px 20px 30px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border-radius: 5px;
   border: solid 1px #ccc;
   display: none;
}
.cke_exit_md_close {
   color: #aaaaaa;
   font-size: 22px;
   width: fit-content;
   position: absolute;
   right: 30px;
   top: 25px;
   cursor: pointer;
}
.ed_md_tt {
   text-align: center;
   font-weight: 600;
   font-size: 15px;
   padding-bottom: 10px;
}
.ed_md_sub {
   text-align: center;
   font-weight: 400;
   font-size: 12px;
}

.cke_download_md {
   position: fixed;
   width: 350px;
   height: auto;
   top: 70px;
   background: #fff;
   z-index: 11;
   right: 85px;
   padding: 30px 30px 20px 30px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border-radius: 5px;
   border: solid 1px #ccc;
   display: none;
}
.cke_download_md_close {
   color: #aaaaaa;
   font-size: 22px;
   width: fit-content;
   position: absolute;
   right: 30px;
   top: 25px;
   cursor: pointer;
}

.md_tab_two {
   width: calc(50% - 5px);
   float: left;
   height: 40px;
   margin-right: 10px;
   color: #999999;
   border: solid #999 1px;
   border-radius: 5px;
   font-size: 15px;
   text-align: center;
   line-height: 38px;
   cursor: pointer;
}
.md_tab_two:nth-child(2n) {
   margin-right: 0px;
}
.md_tab_two.on {
   color: #a096f0;
   border: solid #a096f0 1px;
}

.md_tab_three {
   width: calc(33% - 6px);
   float: left;
   height: 40px;
   margin-right: 10px;
   color: #999999;
   border: solid #999 1px;
   border-radius: 5px;
   font-size: 15px;
   text-align: center;
   line-height: 38px;
   cursor: pointer;
}
.md_tab_three:nth-child(4n) {
   margin-right: 0px;
}
.md_tab_three.on {
   color: #a096f0;
   border: solid #a096f0 1px;
}

.md_df_wrap {
   width: 100%;
   padding-top: 20px;
}
.md_stt {
   font-size: 15px;
   color: #666666;
   font-weight: 400;
   padding-bottom: 10px;
}
.md_checkbox_wrap {
   padding-bottom: 10px;
   font-size: #666666;
   font-weight: 400;
   font-size: 15px;
}
.cke_md_df_btn {
   width: calc(50% - 5px);
   float: left;
   height: 40px;
   margin-right: 10px;
   color: #fff;
   border-radius: 5px;
   font-size: 15px;
   text-align: center;
   line-height: 40px;
   cursor: pointer;
   background: #a096f0;
   font-weight: 600;
}
.cke_md_df_btn:nth-child(2n) {
   margin-right: 0px;
}

.md_ipt_wrap {
   padding-top: 30px;
   padding-bottom: 30px;
}
.md_ipt_wrap input {
   height: 40px;
   border: solid 1px #ddd;
   width: 100%;
   font-size: 15px;
   color: #222;
   padding-left: 15px;
}

.md_btn_wrap {
   text-align: right;
}
.cke_md_cf_btn {
   width: 100px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   color: #fff;
   border-radius: 5px;
   background: #a096f0;
   display: inline-block;
   font-weight: 600;
   font-size: 15px;
   cursor: pointer;
}
.cke_md_cc_btn {
   width: 100px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   color: #fff;
   border-radius: 5px;
   background: #9691aa;
   display: inline-block;
   font-weight: 600;
   font-size: 15px;
   cursor: pointer;
   margin-left: 8px;
}

/*1140*/
body {
   font-family: "Noto Sans KR";
   color: #292929;
}
input:focus {
   outline: none;
}

.header {
   width: 100%;
   height: 70px;
   border-bottom: solid #cccccc 1px;
   position: fixed;
   left: 0px;
   top: 0px;
   background: #fff;
   z-index: 5;
}

.hd_logo {
   float: left;
   margin-left: 30px;
   margin-top: 26px;
   display: block;
}
.hd_right_wrap {
   padding-top: 14px;
   float: right;
   padding-right: 30px;
}
.hd_search {
   float: left;
   margin-right: 12px;
   position: relative;
}
.hd_search_input {
   width: 320px;
   height: 40px;
   border: solid #dddddd 1px;
   padding-left: 45px;
}
.hd_search i {
   font-size: 18px;
   color: #222;
   position: absolute;
   left: 15px;
   top: 10px;
}
.hd_create_btn {
   width: 170px;
   height: 40px;
   background: #a096f0;
   color: #fff;
   border-radius: 5px;
   line-height: 40px;
   text-align: center;
   font-size: 15px;
   font-weight: 500;
   float: left;
   cursor: pointer;
   margin-right: 10px;
}
.hd_create_btn i {
   margin-right: 10px;
}
.hd_login_btn {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   line-height: 40px;
   background: #e9e9e9;
   border: solid 1px #d8d8d8;
   float: left;
   text-align: center;
   font-size: 20px;
   padding-top: 8px;
   color: #666666;
   cursor: pointer;
}

.hd_login_mn {
   width: 160px;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: absolute;
   right: 30px;
   margin-top: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   display: none;
   z-index: 12;
}
.hd_login_mn_i {
   width: 100%;
   height: 50px;
   line-height: 50px;
   color: #222222;
   padding-left: 20px;
   cursor: pointer;
   font-size: 14px;
}
.hd_login_mn_i:hover {
   background: #eceaf2;
}

.ed_hd_login_mn {
   width: 160px;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: absolute;
   right: auto;
   left: 0px;
   margin-top: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   display: none;
   z-index: 12;
}

.ed_hd_top_mn {
   width: 370px;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: absolute;
   left: 80px;
   margin-top: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   z-index: 12;
   display: none;
}
.ed_hd_top_mn[data="1"] {
   left: -70px;
}
.ed_hd_top_mn[data="2"] {
   left: -40px;
}
.ed_hd_top_mn_i {
   width: 100%;
   height: 50px;
   line-height: 50px;
   color: #222222;
   padding-left: 20px;
   cursor: pointer;
   font-size: 14px;
   position: relative;
}
.ed_hd_top_mn_i:hover {
   background: #eceaf2;
}

.ed_hd_top_mn_i .tcc_form_option_r {
   position: absolute;
   top: 13px;
   right: 20px;
}

.cke_oc_i_mn_view {
   width: 160px;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: absolute;
   padding-top: 10px;
   padding-bottom: 10px;
   z-index: 12;
   bottom: 45px;
   display: none;
}
.cke_oc_i_mn_view .cke_oc_i_mn_i_bar {
   width: calc(100% - 60px);
   margin: 0 auto;
   height: 1px;
   background: #cdcdcd;
   margin-top: 10px;
   margin-bottom: 10px;
}
.cke_oc_i_mn_view .cke_oc_i_mn_i {
   padding-left: 30px;
}

.cke_oc_i_mn_t {
   width: 240px;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: fixed;
   padding-top: 10px;
   padding-bottom: 10px;
   z-index: 12;
}
.cke_oc_i_mn_t .cke_oc_i_mn_i_bar {
   width: calc(100% - 0px);
   margin: 0 auto;
   height: 1px;
   background: #cdcdcd;
   margin-top: 10px;
   margin-bottom: 10px;
}

.cke_oc_i_mn {
   width: 160px;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: fixed;
   padding-top: 10px;
   padding-bottom: 10px;
   z-index: 99999999;
}
.cke_oc_i_mn_i {
   width: 100%;
   height: 50px;
   line-height: 50px;
   color: #222222;
   padding-left: 20px;
   cursor: pointer;
   font-size: 14px;
}
.cke_oc_i_mn_i:hover {
   background: #eceaf2;
}
.cke_oc_i_mn_ii {
   width: 100%;
   height: auto;
   line-height: 26px;
   color: #222222;
   padding-left: 20px;
   padding-right: 20px;
   cursor: pointer;
   font-size: 14px;
   padding-top: 10px;
   padding-bottom: 15px;
   border-bottom: solid #ddd 1px;
}
.el_key_i:hover {
   text-decoration: underline;
   cursor: pointer;
}

.cke_oc_i_mn_i i {
   margin-right: 10px;
}

.cke_oc_i_mn_i_tt {
   width: 100%;
   padding: 20px;
   color: #222222;
   font-size: 15px;
}
.cke_oc_i_mn_i_tt span {
   font-size: 13px;
   display: block;
   padding-top: 8px;
   color: #999;
}
.cke_oc_i_mn[data="link_sel"] {
   position: absolute !important;
}

/*.ed_page_wrap{width:650px;height:100%;position:relative;margin:0 auto;margin-left:calc(50% - 720px);}*/
.ed_page_wrap {
   width: 100%;
   height: 100%;
   position: relative;
   margin: 0 auto;
   margin-left: 0px;
   background: #eee;
   touch-action: none;
}
.ed_canvas {
   width: 650px;
   height: 650px;
   background: #fff;
   box-shadow: 0 3px 3px 0 rgba(33, 33, 33, 0.2);
   position: relative;
}
.ed_page_top {
   width: 100%;
   padding-bottom: 10px;
}

.ed_lf {
   float: left;
   font-size: 15px;
   color: #222;
   cursor: pointer;
}
.ed_lf span {
   color: #a6a6a6;
}
.ed_lf span.tt {
   color: #000;
}
.ed_lf input {
   color: #a6a6a6;
   border: 0px;
   background: transparent;
   width: 100px;
   min-width: 100px;
}
.ed_lf input:hover {
   border-bottom: dotted 1px #a6a6a6;
}
.ed_rt {
   float: right;
   font-size: 16px;
   color: #222;
}
.ed_rt_in {
   position: relative;
}
.ed_rt i {
   margin-left: 20px;
   cursor: pointer;
}

.ed_rl_tt {
   font-size: 15px;
   font-weight: 600;
   padding-left: 30px;
   padding-top: 30px;
}
.ed_rl_list {
   width: 100%;
   height: calc(100% - 96px);
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 20px;
   overflow: hidden;
   position: relative;
}
.ed_rl_i {
   width: 100%;
   padding-left: 40px;
   height: 50px;
   line-height: 50px;
   font-size: 15px;
   color: #222;
   border-radius: 5px;
   cursor: pointer;
   position: relative;
   background: #fff;
}
.ed_rl_i:hover {
   background: #ecebf3;
}
.ed_rl_i.on {
   background: #ecebf3;
}
.ed_rl_i_s {
   width: 100%;
   padding-left: 80px;
   height: 50px;
   border-radius: 5px;
   cursor: pointer;
   font-size: 15px;
   color: #222;
   line-height: 50px;
}
.ed_rl_i_s.on {
   background: #ecebf3;
}
.ed_rl_i i {
   margin-right: 15px;
}
.ed_rl_i_s i {
   margin-right: 15px;
}
.rl_i_inbox {
   display: inline-block;
   width: 40px;
   height: 40px;
   margin-right: 15px;
   border-radius: 5px;
   border: solid #ddd 1px;
   vertical-align: middle;
   margin-bottom: 5px;
}
.ed_rl_i span {
   display: block;
   width: 40px;
   height: 40px;
   vertical-align: middle;
   border-radius: 5px;
}
.ed_rl_i span img {
   width: 40px;
   height: 40px;
}

.ed_hd_ttt_wrap {
   float: left;
   margin-left: 20px;
   position: relative;
}
.ed_hd_ttt_wrap i {
   position: absolute;
   right: -20px;
   top: 29px;
   font-size: 15px;
}
.ed_hd_ttt {
   border: 0px;
   background: transparent;
   width: 160px;
   margin-top: 26px;
}
.ed_hd_ttt:hover {
   border-bottom: dotted 1px #a6a6a6;
}

.ed_layer_group_ico {
   position: absolute;
   left: 15px;
   top: 0px;
   color: #9a999e;
   font-size: 13px;
}

.ed_rl_ir {
   position: absolute;
   right: 0px;
   top: 0px;
   color: #acacac;
   z-index: 9;
}
.ff_lock_btn {
   display: none !important;
}
.ed_rl_i:hover .ff_lock_btn {
   display: inline-block !important;
}

.ff_view_btn {
   display: none !important;
}
.ed_rl_i:hover .ff_view_btn {
   display: inline-block !important;
}

.ed_in_wrap {
   width: 100%;
   height: 100%;
   position: relative;
}
.ed_rl_bt {
   position: absolute;
   bottom: 0px;
   width: 100%;
   height: 50px;
   border-top: solid #cccccc 1px;
   line-height: 50px;
   font-size: 18px;
   text-align: right;
}
.ed_rl_bt i {
   color: #666666;
   margin-right: 20px;
   cursor: pointer;
}

.create_mn_cate {
   width: 100%;
   padding-top: 20px;
   padding-bottom: 20px;
   text-align: center;
}
.create_mn_cate_i {
   width: 100px;
   height: 40px;
   border: solid #ccc 1px;
   text-align: center;
   line-height: 38px;
   margin-right: 10px;
   color: #999999;
   font-size: 15px;
   font-weight: 400;
   border-radius: 5px;
   cursor: pointer;
   display: inline-block;
}
.create_mn_cate_i:nth-child(3n) {
   margin-right: 0px;
}
.create_mn_cate_i.on {
   border: solid #a096f0 1px;
   color: #a096f0;
}

.create_mn_cst_tt {
   padding: 15px 20px;
   background: #e7e6ec;
   font-size: 15px;
   font-weight: 400;
   color: #222;
}
.create_mn_cst_tt i {
   margin-right: 10px;
}

.create_mn_cst_set {
   padding: 15px 20px;
}
.create_mn_cst_input {
   width: 90px;
   height: 50px;
   border: solid #999999 1px;
   padding-left: 12px;
}
.create_mn_cst_lock {
   width: 30px;
   display: inline-block;
   height: 30px;
   line-height: 50px;
   text-align: center;
}
.create_mn_cst_lock i {
   font-size: 18px;
   color: #aaaaaa;
   cursor: pointer;
}
.create_mn_cst_select {
   width: 90px;
   height: 50px;
   margin-left: 9px;
   border: solid #999999 1px;
   padding-left: 12px;
}
.create_mn_cst_select {
   -webkit-appearance: none; /* for chrome */
   -moz-appearance: none; /*for firefox*/
   appearance: none;
   box-sizing: border-box;
   /*background:transparent!important;*/

   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right 10px center;
   background-size: 16px;
}
.create_mn_cst_select::-ms-expand {
   display: none; /*for IE10,11*/
}

.create_mn_cst_set_btn {
   width: calc(100% - 40px);
   margin: 0 auto;
   height: 40px;
   background: #a096f0;
   color: #fff;
   border-radius: 5px;
   line-height: 40px;
   text-align: center;
   font-size: 15px;
   font-weight: 500;
   cursor: pointer;
   margin-bottom: 20px;
}
.create_mn_i {
   font-family: "Noto Sans KR";
   width: 100%;
   height: 50px;
   padding-left: 20px;
   padding-right: 20px;
   line-height: 50px;
   cursor: pointer;
   color: #222222;
   font-size: 15px;
   font-weight: 400;
}
.create_mn_i i {
   margin-right: 10px;
   font-size: 18px;
}
.create_mn_i:hover {
   background: #eceaf2;
}
.create_mn_i.on {
   color: #a096f0;
}

.create_mn_scwrap_in .create_mn_i {
   position: relative;
   padding-left: 50px;
}
.create_mn_scwrap_in .create_mn_i i {
   position: absolute;
   left: 20px;
   top: 16px;
}
.pg_ttt_ok_btn {
   cursor: pointer;
}

.create_mn_scwrap {
   width: 100%;
   height: calc(100% - 51px);
   position: relative;
   overflow: hidden;
}
.create_mn_scwrap_in {
   width: 100%;
   height: 617px;
   overflow-y: scroll;
}
.create_mn_scwrap .ps-scrollbar-y-rail {
   top: 0px !important;
   z-index: 999;
}

.ed_l_dt_in .ps-scrollbar-y-rail {
   top: 0px !important;
   z-index: 999;
}

.cke_tlayer {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 5;
   background: transparent;
   display: none;
}
.cke_tlayer.inappl {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 99999998;
   left: 0px;
   top: 0px;
   background: transparent;
   display: none;
}

.cke_tlayerb {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 9999998;
   background: transparent;
   display: none;
}
.cke_tlayerc {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 9999998;
   background: transparent;
   display: none;
   left: 0px;
   top: 0px;
}
.cke_tlayerd {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 9999998;
   background: transparent;
   display: none;
}
.cke_tlayere {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 9999998;
   background: transparent;
   display: none;
}
.cke_xlll {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 9999998;
   background: transparent;
   display: none;
}

.sp-container {
   z-index: 99999999 !important;
}
.cke_trash_info {
   font-size: 13px;
   color: #222;
   margin-top: 40px;
   margin-bottom: 20px;
   padding: 20px;
   background: #eceaf2;
   border-radius: 5px;
   width: fit-content;
}
.cke_trash_info span {
   margin-left: 30px;
   cursor: pointer;
   text-decoration: underline;
   color: #999;
}

html::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera*/
}

.ed_page_btn {
   position: relative;
   border: solid #cbcbcb 1px;
   width: 400px;
   height: 50px;
   text-align: center;
   line-height: 50px;
   color: #666;
   font-size: 15px;
   margin-top: 20px;
   cursor: pointer;
   margin-bottom: 80px;
   z-index: 99999;
   margin-left: calc(50% - 145px);
}
.ed_page_btn i {
   margin-right: 10px;
}

.ed_hd_left_wrap {
   padding-left: 20px;
   float: left;
   position: relative;
}
.ed_hd_mn {
   padding: 12px 14px;
   margin-right: 15px;
   margin-top: 15px;
   float: left;
   font-size: 15px;
   color: #222;
   font-weight: 400;
   letter-spacing: -1px;
   cursor: pointer;
   border-radius: 5px;
}
.ed_hd_mn:hover {
   color: #a096f0;
}
.ed_hd_mn.on {
   background: #ecebf3;
}
.ed_hd_mn.on:hover {
   color: #222;
}

.ed_hd_bar {
   width: 1px;
   height: 30px;
   background: #d1d1d1;
   float: left;
   margin-top: 20px;
}
.ed_hd_undo {
   color: #ccc;
   font-size: 18px;
   padding: 12px 12px;
   margin-left: 10px;
   float: left;
   margin-top: 14px;
   cursor: pointer;
}
.ed_hd_undo.on {
   color: #000;
}
.ed_hd_redo {
   color: #ccc;
   font-size: 18px;
   padding: 12px 12px;
   margin-right: 10px;
   float: left;
   margin-top: 14px;
   cursor: pointer;
}
.ed_hd_redo.on {
   color: #000;
}

.ed_hd_login {
   float: left;
   font-size: 13px;
   color: #666;
   margin-top: 15px;
   margin-right: 10px;
   cursor: pointer;
}
.ed_hd_login i {
   margin-right: 8px;
}
.ed_hd_login_bar {
   float: left;
   width: 1px;
   height: 14px;
   background: #ccc;
   margin-right: 10px;
   margin-top: 15px;
}
.ed_hd_join {
   float: left;
   font-size: 13px;
   color: #666;
   margin-top: 15px;
   margin-right: 20px;
   cursor: pointer;
}

.ed_hd_show_btn {
   float: left;
   width: 110px;
   height: 40px;
   border-radius: 5px;
   background: #9591aa;
   color: #fff;
   border-radius: 5px;
   line-height: 40px;
   text-align: center;
   font-size: 14px;
   font-weight: 500;
   float: left;
   letter-spacing: -0.5px;
   cursor: pointer;
   margin-right: 3px;
}
.ed_hd_show_btn i {
   margin-right: 5px;
}

.ed_hd_save_btn {
   float: left;
   width: 110px;
   height: 40px;
   border-radius: 5px;
   background: #a096f0;
   color: #fff;
   border-radius: 5px;
   line-height: 40px;
   text-align: center;
   font-size: 14px;
   font-weight: 500;
   float: left;
   letter-spacing: -0.5px;
   cursor: pointer;
   margin-right: 3px;
}
.ed_hd_save_btn i {
   margin-right: 5px;
}

.ed_hd_down_btn {
   float: left;
   width: 110px;
   height: 40px;
   border-radius: 5px;
   background: #a096f0;
   color: #fff;
   border-radius: 5px;
   line-height: 40px;
   text-align: center;
   font-size: 14px;
   font-weight: 500;
   float: left;
   letter-spacing: -0.5px;
   cursor: pointer;
   margin-right: 3px;
}
.ed_hd_down_btn i {
   margin-right: 5px;
}

.ed_hd_exit_btn {
   float: left;
   width: 40px;
   height: 40px;
   background: #9591aa;
   color: #fff;
   border-radius: 5px;
   padding-top: 10px;
   text-align: center;
   font-size: 17px;
   font-weight: 500;
   float: left;
   cursor: pointer;
   margin-right: 10px;
}

.ed_lmn {
   width: 80px;
   height: 100%;
   position: fixed;
   left: 0px;
   top: 0px;
   background: #fff;
   z-index: 4;
   border-right: solid #ccc 1px;
   padding-top: 82px;
}
.ed_lmn_wrap {
   width: 80px;
   height: 100%;
   position: relative;
   overflow-y: scroll;
   overflow-x: hidden;
}

.ed_lmn_item {
   width: 64px;
   height: 64px;
   text-align: center;
   border-radius: 5px;
   margin: 0 auto;
   cursor: pointer;
}
.ed_lmn_item:hover .ed_lmn_item_icon {
   color: #a096ef;
}
.ed_lmn_item:hover .ed_lmn_item_tt {
   color: #a096ef;
}

.ed_lmn_item.on:hover .ed_lmn_item_icon {
   color: #fff;
}
.ed_lmn_item.on:hover .ed_lmn_item_tt {
   color: #fff;
}

.ed_lmn_item_icon {
   color: #656565;
   font-size: 16px;
   padding-top: 15px;
   padding-bottom: 10px;
}
.ed_lmn_item.on .ed_lmn_item_icon {
   color: #fff;
}
.ed_lmn_item_tt {
   font-size: 11px;
}
.ed_lmn_item.on {
   background: #a096ef;
   text-align: center;
   color: #fff;
}

.ed_l_dt {
   width: 442px;
   height: 100%;
   position: fixed;
   left: 0px;
   top: 0px;
   background: #fff;
   z-index: 3;
   border-right: solid #ccc 1px;
   padding-top: 70px;
   padding-right: 20px;
}
.ed_l_dt_in {
   width: 100%;
   height: 100%;
   padding-left: 100px;
   position: relative;
   padding-top: 20px;
   display: none;
}
.ed_l_dt_in[data="1"] {
   display: block;
}

.el_l_dt_onoff_btn {
   width: 20px;
   height: 50px;
   overflow: hidden;
   position: absolute;
   top: calc(50% - 25px);
   right: -20px;
   z-index: 1;
   border-left: 0px;
   cursor: pointer;
   text-align: center;
}
.el_l_dt_onoff_btn_in {
   position: relative;
   width: 100%;
   height: 100%;
}
.el_l_dt_onoff_btn_wrap {
   width: 40px;
   height: 50px;
   border: solid #ccc 1px;
   border-radius: 20px;
   padding-top: 17px;
   font-size: 12px;
   position: absolute;
   left: -20px;
   padding-left: 15px;
   color: #666;
   background: #fff;
}

.el_l_dt_top {
}

.el_l_input_wrap {
   position: relative;
}
.el_l_input {
   width: 100%;
   height: 50px;
   border: solid #dddddd 1px;
   padding-left: 45px;
}
.el_l_input_wrap .el_sch_ic {
   font-size: 18px;
   color: #222;
   position: absolute;
   left: 15px;
   top: 15px;
}
.el_l_input_wrap .el_sch_ft {
   font-size: 18px;
   color: #222;
   position: absolute;
   right: 10px;
   top: 10px;
   cursor: pointer;
}

.el_l_dt_top .el_sch_ft {
   padding: 5px;
   border-radius: 5px;
}
.el_l_dt_top .el_sch_ft.on {
   background: #eee;
}

.el_l_input_wrap .el_sch_ft_cnt {
   font-size: 10px;
   color: #fff;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   text-align: center;
   display: inline-block;
   line-height: 14px;
   background: rgb(255, 82, 82);
   z-index: 2;
   position: absolute;
   right: 7px;
   top: 7px;
   cursor: pointer;
}

.ed_l_depth {
   padding: 8px 10px;
   background: #eee;
   padding-right: 30px;
   position: relative;
   width: fit-content;
   border-radius: 0px;
   font-size: 15px;
   margin-left: 5px;
   margin-bottom: 10px;
   color: #777;
   display: inline-block;
}
.ed_l_depth i {
   position: absolute;
   right: 10px;
   cursor: pointer;
   top: 9px;
}

.el_l_input_wrap .el_sch_close {
   font-size: 18px;
   color: #cccccc;
   display: none;
   position: absolute;
   right: 45px;
   top: 15px;
   cursor: pointer;
}

.ed_l_dtt_top {
   width: 100%;
   height: 60px;
   background: #eee;
   line-height: 60px;
   border-bottom: solid #ccc 1px;
}
.ed_l_dtt_top_lt {
   font-size: 15px;
   color: #222;
   padding-left: 30px;
   font-weight: 400;
   float: left;
   width: 50%;
}
.ed_l_dtt_top_rt {
   float: right;
   width: 50%;
   text-align: right;
   padding-right: 20px;
}
.ed_l_dtt_top_rt i {
   color: #666;
   font-size: 16px;
   margin-left: 20px;
   cursor: pointer;
}
.lock .ed_l_dtt_top .fa-copy {
   display: none;
}
.lock .ed_l_dtt_top .fa-trash {
   display: none;
}

.ed_l_dtt_wrap {
   border-bottom: solid #ccc 1px;
   position: relative;
}
.ed_l_dtt_btop_ttt {
   height: 60px;
   line-height: 60px;
   position: relative;
}
.ed_l_dtt_btop_item {
   float: left;
   width: fit-content;
   padding: 10px;
   border-radius: 5px;
   margin-left: 10px;
   cursor: pointer;
   font-size: 15px;
   text-align: center;
   font-weight: 400;
   margin-top: 10px;
   line-height: 20px;
   height: auto;
}
.ed_l_dtt_btop_item.on {
   background: #ecebf3;
}

.ed_l_dtt_tt {
   padding-top: 20px;
   font-size: 15px;
   font-weight: 400;
   padding-bottom: 20px;
}
.ed_l_dtt_tts {
   padding-top: 20px;
   font-size: 15px;
   font-weight: 400;
   padding-bottom: 10px;
   position: relative;
}
.ed_l_dtt_tts .cke_chev_cc {
   right: 0px;
   left: auto;
   cursor: pointer;
   top: 15px;
}
.ed_l_dtt_tts .cke_chev_cc i {
   font-size: 10px;
   color: #a096f0;
}
.ed_l_dtt_lt_btn {
}

.ed_l_dtt_full {
   height: 100%;
}

.ed_l_dtt_slider_wrap {
}
.ed_l_dtt_slider {
}
.ed_l_dtt_slider_text {
}

.ed_ldt_tab_wrap {
   width: 100%;
}
.ed_filter_item {
   margin-top: 10px;
   width: 66px;
   height: auto;
   display: inline-block;
   margin-right: 15px;
   cursor: pointer;
}

.ed_filter_item_img {
   width: 66px;
   height: 66px;
   border-radius: 7px;
   border: solid #ddd 1px;
}
.ed_filter_item.on .ed_filter_item_img {
   border: solid #a096f0 3px;
   background-position: -3px !important;
}

.ed_filter_item_tt {
   text-align: center;
   padding-top: 5px;
   color: #a1a1a1;
   font-size: 13px;
}
.ed_filter_item.on .ed_filter_item_tt {
   color: #a096f0;
}

.ed_filter_item:nth-child(4n) {
   margin-right: 0px;
}

.ed_l_dtt_slider_wrap {
   width: 100%;
   height: 70px;
}
.ed_l_dtt_slider_text {
   float: left;
   width: 60px;
   height: 40px;
   border: solid #ccc 1px;
   border-radius: 5px;
   text-align: center;
   margin-left: 20px;
   margin-top: 10px;
}
.ed_l_dtt_slider {
   float: left;
   width: calc(100% - 80px);
   margin-top: 29px;
}
.ed_l_dtt_slider_wrap .ui-widget.ui-widget-content {
   height: 5px !important;
   border: 0px !important;
   background: #dddddd !important;
}
.ed_l_dtt_slider_wrap .ui-widget-header {
   background: #a29acb !important;
}
/*
			.ed_l_dtt_slider_wrap .ui-slider .ui-slider-handle{width:16px !important;height:16px !important;border-radius:50% !important;background:#a89bf3 !important;border:solid #fff 2px !important;box-shadow: 0 0 7px rgba(33,33,33,.3);}
			*/
.ed_l_dtt_slider_wrap .ui-slider .ui-slider-handle {
   width: 16px !important;
   height: 16px !important;
   border-radius: 50% !important;
   background: #fff !important;
   border: solid #ccc 1px !important;
   box-shadow: 0 0 7px rgba(33, 33, 33, 0.3);
}
.ed_l_dtt_slider_wrap .ui-slider-horizontal .ui-slider-handle {
   top: -5px !important;
}

.cke_color_cc {
   width: 36px;
   height: 36px;
   border-radius: 50%;
   background: #ddd;
   cursor: pointer;
}
.ab_right {
   position: absolute;
   right: 0px;
}
.ed_l_tag {
   cursor: pointer;
}
.ed_l_tag.on {
   border: solid #a096f0 1px;
   color: #fff;
   background: #a096f0;
}

.cel_l_selectbox {
   width: 120px;
   height: 40px;
   border: solid #999999 1px;
   padding-left: 15px;
   position: relative;
   margin-top: 10px;
   cursor: pointer;
   line-height: 38px;
   font-size: 15px;
   border-radius: 0px;
   display: inline-block;
   margin-right: 20px;
}
.cel_l_selectbox i {
   position: absolute;
   right: 20px;
   top: 12px;
}

.el_l_selectbox {
   width: 100%;
   height: 50px;
   border: solid #999999 1px;
   padding-left: 15px;
   position: relative;
   margin-top: 10px;
   cursor: pointer;
   line-height: 50px;
   font-size: 15px;
}
.el_l_selectbox i {
   position: absolute;
   right: 20px;
   top: 17px;
}

.el_l_selectbox_ii {
   width: 100%;
   height: 40px;
   border: solid #ddd 1px;
   padding-left: 15px;
   position: relative;
   margin-top: 10px;
   cursor: pointer;
   line-height: 40px;
   font-size: 13px;
}
.el_l_selectbox_ii i {
   position: absolute;
   right: 20px;
   top: 11px;
}

.ed_l_dt_in_sc {
   padding: 20px 0 50px;
   width: 100%;
   height: calc(100% - 20px);
}
.ed_l_dt_in_sc .ps-scrollbar-y-rail {
   top: 130px !important;
   right: -15px !important;
}

.ed_l_dt_in_scc {
   padding-top: 20px;
   width: 100%;
   height: calc(100% - 80px);
}
.ed_l_dt_in_scc .ps-scrollbar-y-rail {
   top: 80px !important;
   right: -15px !important;
}

.ed_l_dt_ll_tt_wrap {
   margin-top: 30px;
   position: relative;
}
.ed_l_dt_ll_tt {
   width: 100%;
   position: relative;
   padding-bottom: 13px;
   font-size: 13px;
}
.ed_l_dt_ll_tt_more {
   color: #a096f0;
   font-size: 13px;
   font-weight: 400;
   cursor: pointer;
   position: absolute;
   right: 10px;
   top: 0px;
}
.ed_l_dt_ll_tt_more i {
   margin-left: 7px;
}

.ed_l_dt_ll_swiper {
   width: 100%;
   overflow: hidden;
   position: relative;
}
.ed_l_dt_ll_swiper_in {
   width: 800px;
}
.ed_l_dt_ll_swiper_slide {
   width: 120px;
   height: 120px;
   display: inline-block;
   background: #eee;
   cursor: pointer;
   margin-right: 10px;
   position: relative;
   vertical-align: top;
}
.ed_l_dt_ll_swiper_slide_more {
   width: 46px;
   height: 46px;
   border-radius: 50%;
   border: solid #dedede 1px;
   color: #a396f2;
   text-align: center;
   padding-top: 17px;
   display: inline-block;
   vertical-align: top;
   margin-top: 36px;
   cursor: pointer;
}

.d_l_dt_ll_swiper_rt {
   width: 24px;
   height: 34px;
   border-radius: 15px;
   background: #fff;
   text-align: center;
   line-height: 24px;
   box-shadow: 0 0 7px rgba(33, 33, 33, 0.2);
   position: absolute;
   top: 40px;
   right: 10px;
   cursor: pointer;
   padding-top: 6px;
   color: #a096f0;
}

.d_l_dt_ll_swiper_lt {
   width: 24px;
   height: 34px;
   border-radius: 15px;
   background: #fff;
   text-align: center;
   line-height: 24px;
   box-shadow: 0 0 7px rgba(33, 33, 33, 0.2);
   position: absolute;
   top: 40px;
   left: 10px;
   cursor: pointer;
   padding-top: 6px;
   color: #a096f0;
   display: none;
}

.view_rate_wrap {
   float: left;
   width: 300px;
}
.view_rate_no {
   float: left;
   width: 50px;
   cursor: pointer;
   color: #1f1f1f;
}
.view_rate_slider {
   float: left;
   width: 240px;
   margin-top: 29px;
}
.view_rate_wrap .ui-widget-content {
   height: 2px !important;
   border: 0px !important;
}
.view_rate_wrap .ui-widget-header {
   background: #232323 !important;
}
.view_rate_wrap .ui-slider .ui-slider-handle {
   width: 16px !important;
   height: 16px !important;
   border-radius: 50% !important;
   background: #232323 !important;
   border: 0px !important;
}
.view_rate_wrap .ui-slider-horizontal .ui-slider-handle {
   top: -7px !important;
}

.ed_r_layer {
   width: 290px;
   height: calc(100% - 90px);
   background: #fff;
   border-radius: 5px;
   border: solid #ccc 1px;
   position: fixed;
   top: 80px;
   right: 10px;
   z-index: 3;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   overflow: hidden;
}
.cke_layer_md_close {
   color: #aaaaaa;
   font-size: 22px;
   width: fit-content;
   position: absolute;
   right: 30px;
   top: 25px;
   cursor: pointer;
}

.ed_bt_sec {
   width: 100%;
   height: 60px;
   background: #ddd;
   border-top: solid #ccc 1px;
   position: fixed;
   bottom: 0px;
   left: 0px;
   z-index: 2;
}
.ed_bt_sec_in {
   position: relative;
   width: 100%;
   height: 100%;
}

.ed_ft_lf {
   float: left;
   color: #666666;
   font-size: 15px;
   height: 60px;
   line-height: 60px;
   padding-left: 460px;
   letter-spacing: -1px;
}
.ed_ft_rt {
   float: right;
   color: #666666;
   font-size: 15px;
   height: 60px;
   line-height: 60px;
   padding-right: 320px;
}

.ed_ft_lf i {
   font-size: 17px;
   margin-right: 10px;
}
.ed_ft_rt i {
   font-size: 19px;
   margin-left: 20px;
   cursor: pointer;
}

.ed_ft_memo {
   cursor: pointer;
}

.ed_rt_palette {
   width: 360px;
   height: 467px;
   background: #fff;
   border-radius: 5px;
   border: solid #ccc 1px;
   position: absolute;
   top: 25px;
   z-index: 3;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   display: none;
}
.ed_rt_palette_close {
   color: #aaaaaa;
   font-size: 22px;
   width: fit-content;
   position: absolute;
   right: 30px;
   top: 25px;
   cursor: pointer;
}

.ed_bt_memo {
   width: 360px;
   height: auto;
   background: #fff;
   border-radius: 5px;
   border: solid #ccc 1px;
   position: absolute;
   bottom: 45px;
   z-index: 3;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   padding: 30px;
   padding-top: 15px;
   display: none;
}
.md_tttt {
   font-size: 15px;
   color: #222;
   font-weight: 600;
}
.md_memo textarea {
   border-radius: 5px;
   height: 200px;
   border: solid #dddddd 1px;
   width: 100%;
   resize: none;
}
/*.ed_bt_memo_close{color:#aaaaaa;font-size:22px;width:fit-content;position:absolute;right:30px;top:25px;cursor:pointer;}*/
.ed_bt_memo_btn {
   width: 100%;
   height: 40px;
   margin-right: 10px;
   color: #fff;
   border-radius: 5px;
   font-size: 15px;
   text-align: center;
   line-height: 40px;
   cursor: pointer;
   background: #a096f0;
   font-weight: 600;
   margin-top: 10px;
}

.cke_filter_md {
   position: fixed !important;
   width: 350px;
   height: auto;
   background: #fff;
   z-index: 12;
   padding: 30px 0px 20px 0px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border-radius: 5px;
   border: solid 1px #ccc;
   display: none;
   margin-top: -53px;
   margin-left: 340px;
}
.cked_bt_filter_btn {
   width: 100%;
   height: 40px;
   margin-right: 10px;
   color: #fff;
   border-radius: 5px;
   font-size: 15px;
   text-align: center;
   line-height: 40px;
   cursor: pointer;
   background: #a096f0;
   font-weight: 600;
   margin-top: 10px;
}
.cked_ft_tt {
   font-size: 13px;
   position: relative;
   width: 100%;
   padding-bottom: 10px;
   padding-top: 20px;
}
.cked_ft_tt_set_df {
   color: #a096f0;
   font-size: 13px;
   position: absolute;
   right: 0px;
   top: 0px;
   cursor: pointer;
}
.cked_input {
   width: 100%;
   height: 50px;
   border-radius: 5px;
   padding-left: 20px;
   border: solid #999999 1px;
}
.cke_filter_md .cked_item {
   width: 100%;
   height: 50px;
   line-height: 50px;
   cursor: pointer;
   font-size: 15px;
   position: relative;
   padding-left: 30px;
}
.cke_filter_md .cked_item i {
   margin-right: 10px;
   position: absolute;
   left: 30px;
   top: 18px;
}
.cke_filter_md .cked_item .fa-check {
   position: absolute;
   right: 10px;
   left: auto;
   top: 18px;
   color: #a096f0;
   display: none;
}
.cke_filter_md .cked_item.on .fa-check {
   display: block;
}
.cke_filter_md .cked_item:hover {
   background: #ecebf3;
}
.cke_filter_md .cked_item.on {
   background: #ecebf3;
}
.cke_md_inin {
   padding: 0px 30px;
}
.cke_filter_md .cked_item {
   padding-left: 60px;
   padding-right: 30px;
}
.cked_bar {
   width: 100%;
   height: 1px;
   background: #cccccc;
   margin-top: 10px;
   margin-bottom: 10px;
}
.cke_filter_md .cked_item.hf {
   width: 50%;
   float: left;
}

.lnb_lf {
   width: 292px;
   height: 100%;
   position: fixed;
   left: 0px;
   top: 0px;
   background: #fff;
   z-index: 2;
   border-right: solid #ccc 1px;
   padding-top: 70px;
   padding-left: 30px;
   padding-right: 20px;
}
.lnb_lf_login_wrap {
   width: 100%;
   height: 80px;
   border-bottom: solid #ccc 1px;
   padding-top: 30px;
}
.lnb_login_lf {
   color: #666666;
   font-size: 15px;
   width: 50%;
   display: block;
   float: left;
   text-align: center;
   height: 15px;
   cursor: pointer;
}
.lnb_login_lf i {
   margin-right: 8px;
   font-size: 17px;
}
.lnb_login_rt {
   color: #666666;
   font-size: 15px;
   width: 50%;
   display: block;
   float: left;
   text-align: center;
   cursor: pointer;
   border-left: solid #cccccc 1px;
   margin-top: 3px;
}
.clear {
   clear: both;
}

.lnb_lf_mn_list {
   width: 100%;
   padding-top: 10px;
}
.lnb_lf_mn_item {
   width: 100%;
   height: 68px;
   line-height: 66px;
   border-radius: 5px;
   margin-top: 10px;
   font-size: 15px;
   font-weight: 500;
   padding-left: 20px;
   cursor: pointer;
}
.lnb_lf_mn_item:hover {
   background: #eceaf2;
}
.lnb_lf_mn_item i {
   margin-right: 17px;
}
.lnb_lf_mn_item.on {
   background: #eceaf2;
}

.content_ed {
   margin-left: 292px;
   margin-top: 70px;
   width: 100%;
   height: 100%;
   overflow: scroll;
   background: #eee;
}
.content {
   padding-left: 292px;
   padding-top: 70px;
   width: 100%;
   height: 100%;
   overflow: scroll;
}
.content_wrap {
   width: 100%;
   position: relative;
   padding: 45px 50px;
   display: none;
}
.content_wrap[data="1"] {
   display: block;
}
.content_wrap[data="2"] {
   padding: 0px;
}
.content_wrap[data="2"] .cke_tt_a {
   padding: 45px 50px;
}

.content_wrap_ed {
   width: 100%;
   height: 100%;
   position: relative;
   padding: 45px 50px;
}

.cke_tt_a {
   font-size: 21px;
   color: #222;
   font-weight: 600;
   letter-spacing: -0.3px;
}

.cke_empty {
   text-align: center;
   margin-top: 80px;
}
.cke_empty_info {
   font-size: 18px;
   color: #222;
   font-weight: 400;
   letter-spacing: -0.3px;
   margin-top: 45px;
}
.cke_login_btn {
   width: 190px;
   height: 40px;
   background: #a096f0;
   color: #fff;
   border-radius: 5px;
   line-height: 40px;
   text-align: center;
   font-size: 15px;
   font-weight: 600;
   cursor: pointer;
   margin: 0 auto;
   margin-top: 40px;
}
.cke_empty_ss {
   font-size: 13px;
   color: #999999;
   font-weight: 400;
   letter-spacing: -0.3px;
   text-align: center;
   margin-top: 20px;
}

.cke_create_btn {
   width: 190px;
   height: 40px;
   background: #a096f0;
   color: #fff;
   border-radius: 5px;
   line-height: 40px;
   text-align: center;
   font-size: 15px;
   font-weight: 600;
   cursor: pointer;
   margin: 0 auto;
   margin-top: 40px;
}

.cke_create_btn i {
   margin-right: 10px;
}

.cel_l_selectbox_mn {
   width: 120px;
   height: auto;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: absolute;
   margin-top: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   display: none;
   z-index: 4;
}
.cel_l_selectbox_mn .create_mn_cate_i {
   width: calc(33% - 20px);
}
.cel_l_selectbox_mn .cke_oc_i_mn_i_bar {
   width: calc(100% - 0px);
   margin: 0 auto;
   height: 1px;
   background: #cdcdcd;
   margin-top: 10px;
   margin-bottom: 10px;
}

.cke_upload_notice {
   position: absolute;
   left: 20px;
   top: 0px;
   background: rgba(0, 0, 0, 0.85);
   width: 100%;
   height: 100%;
   padding-left: 80px;
   padding-right: 20px;
   z-index: 2;
}
.cke_upload_noti_icon {
   font-size: 60px;
   text-align: center;
   color: #fff;
   padding-top: 100px;
}
.cke_upload_noti_tt {
   font-size: 15px;
   color: #fff;
   text-align: center;
   padding-top: 20px;
   padding-bottom: 30px;
   line-height: 23px;
}
.cke_upload_noti_btn_a {
   width: calc(100% - 120px);
   height: 40px;
   border: solid 1px #fff;
   text-align: center;
   font-weight: 600;
   font-size: 15px;
   cursor: pointer;
   line-height: 38px;
   color: #fff;
   margin-right: 10px;
   float: left;
   border-radius: 5px;
}
.cke_upload_noti_btn_b {
   width: 110px;
   height: 40px;
   border: solid 1px #fff;
   text-align: center;
   font-weight: 600;
   font-size: 15px;
   cursor: pointer;
   line-height: 38px;
   color: #fff;
   float: right;
   border-radius: 5px;
}
.ed_l_upchk_btbox_no {
   font-size: 15px;
   line-height: 40px;
}
.ed_l_upchk_btbox_rt {
   position: absolute;
   right: 20px;
   font-size: 20px;
   top: 15px;
}
.ed_l_upchk_btbox_rt i {
   margin-left: 20px;
   cursor: pointer;
}

.hd_template_mn {
   width: 320px;
   height: auto;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: absolute;
   margin-top: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   display: none;
   z-index: 11;
}
.hd_template_mn .create_mn_cate_i {
   width: calc(33% - 20px);
}
.hd_template_mn .create_mn_i {
   font-size: 13px;
   height: 40px;
   line-height: 40px;
}

.hd_template_e_mn {
   width: 320px;
   height: auto;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: absolute;
   margin-top: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   display: none;
   z-index: 11;
}
.hd_template_e_mn .create_mn_cate_i {
   width: calc(33% - 20px);
}
.hd_template_e_mn .create_mn_i {
   font-size: 13px;
   height: 40px;
   line-height: 40px;
   width: 50%;
   float: left;
}

.all_template_s_btn {
   margin-top: 0px;
}
.hd_template_mn_s {
   width: 288px;
   height: auto;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: absolute;
   margin-top: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   display: none;
   z-index: 11;
}
.hd_template_mn_s .create_mn_cate_i {
   width: calc(33% - 20px);
}
.hd_template_mn_s .create_mn_cate {
   padding-top: 10px;
   padding-bottom: 10px;
}
.hd_template_mn_s .create_mn_scwrap_in {
   height: 400px;
}
.hd_template_mn_s .create_mn_search_input {
   font-size: 13px;
}

.hd_create_mn {
   width: 360px;
   height: 690px;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border: solid #ccc 1px;
   position: absolute;
   right: 80px;
   margin-top: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   display: none;
   z-index: 99999999;
}
.create_mn_search {
   border-bottom: solid #999 1px;
   padding-bottom: 10px;
   position: relative;
}
.create_mn_search_input {
   width: 100%;
   height: 30px;
   padding-left: 50px;
   border: 0px;
   font-size: 15px;
}
.create_mn_search_input:focus {
   border: 0px;
   outline: none;
}
.create_mn_search i {
   font-size: 18px;
   color: #222;
   position: absolute;
   left: 20px;
   top: 5px;
}
.ed_hd_left_wrap .hd_create_mn {
   right: 120px;
}

.ed_pages_v {
   padding-left: 130px;
   display: none;
   padding-top: 100px;
}
.ed_pages_vp {
   width: 200px;
   height: auto;
   display: inline-block;
   margin-right: 20px;
   margin-bottom: 20px;
   cursor: pointer;
}
.ed_pages_vp:nth-child(5n) {
   margin-right: 0px;
}
.ed_pages_vpp {
   width: 200px;
   height: 200px;
   border: solid #dcdcdc 1px;
   box-shadow: 0 0 5px rgba(33, 33, 33, 0.2);
   background: #fff;
   position: relative;
}
.ed_pages_vpt {
   font-size: 15px;
   color: #222;
   padding-top: 5px;
}

.ed_pages_vp_plus {
   width: 200px;
   height: 200px;
   border: dotted #6b6b6b 1px;
   cursor: pointer;
}
.ed_pages_vppp {
   width: 46px;
   height: 46px;
   border-radius: 50%;
   background: #dedede;
   text-align: center;
   padding-top: 12px;
   color: #6a6a6a;
   font-size: 18px;
   margin: 0 auto;
   margin-top: 77px;
}

.ed_pages_vpp_more {
   position: absolute;
   bottom: 15px;
   right: 10px;
   cursor: pointer;
   font-size: 18px;
   color: #a096f0;
   text-align: center;
   width: 15px;
   width: 24px;
   height: 36px;
   box-shadow: 0 0 7px rgb(33 33 33 / 20%); /*0 4px 4px rgba(33,33,33,.2);*/
   border-radius: 10px;
   padding-top: 8px;
   display: none;
}
.ed_pages_vp:hover .ed_pages_vpp_more {
   display: block;
}

.ed_pages_vp_more_mn .cke_oc_i_mn_i {
   padding-left: 30px;
}
.ed_pages_vp_more_mn .cke_oc_i_mn_i_bar {
   width: calc(100% - 60px);
   margin: 0 auto;
   height: 1px;
   background: #cdcdcd;
   margin-top: 10px;
   margin-bottom: 10px;
}

.ed_l_dt_ll_tt_ttt_sch {
   display: none;
}
.ed_l_dt_ll_item {
   width: 149px;
   height: 120px;
   display: inline-block;
   background: #eee;
   cursor: pointer;
   margin-right: 5px;
   margin-left: 5px;
   margin-bottom: 10px;
   position: relative;
   overflow: hidden;
}
.ed_l_dt_ll_item:hover .ed_l_lll_more {
   display: block;
}

.ed_l_dt_ll_itemup {
   width: 149px;
   height: 120px;
   display: inline-block;
   background: #eee;
   cursor: pointer;
   margin-right: 5px;
   margin-left: 5px;
   margin-bottom: 10px;
   position: relative;
}
.ed_l_dt_ll_itemup:hover .ed_l_lll_more {
   display: block;
}
.ed_l_dt_ll_itemup label {
   position: absolute;
   left: 10px;
   top: 10px;
   display: none;
}
.ed_l_dt_ll_itemup:hover label {
   display: block;
}

.ed_l_upchk_btbox {
   height: 50px;
   position: absolute;
   width: 100%;
   bottom: 0px;
   border-top: solid #ccc 1px;
   left: 20px;
   padding-left: 80px;
   background: #ffff;
   display: none;
}
.ed_l_upchk_btbox_no {
}
.ed_l_upchk_btbox_rt {
}

.ed_l_dt_ll_item .ctext {
   height: 100%;
}
.ed_l_dt_ll_item .tbimg {
   height: 100%;
   line-height: 120px;
}
.ed_l_dt_ll_item .tbimg img {
   vertical-align: middle;
}

.cke_tt_tab {
   margin-top: 50px;
}
.cke_tt_tab_i {
   color: #222222;
   font-size: 15px;
   font-weight: 400;
   display: inline-block;
   margin-right: 20px;
   padding: 10px 7px;
   padding-top: 0px;
   cursor: pointer;
}
.cke_tt_tab_i.on {
   border-bottom: solid 3px #a096f0;
}

.cke_ttt_oc {
   margin-top: 30px;
   margin-bottom: 20px;
   font-size: 15px;
   color: #222222;
   font-weight: 600;
   height: 24px;
   line-height: 24px;
   display: block;
   width: fit-content;
   cursor: pointer;
   position: relative;
   padding-left: 34px;
}

.cke_chev_cc {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   border: solid #dedede 1px;
   display: inline-block;
   text-align: center;
   padding-top: 6px;
   position: absolute;
   left: 0px;
   box-shadow: 0 2px 3px rgb(33 33 33 / 20%);
}
.cke_chev {
   position: absolute;
   left: 5px;
   top: 7px;
}
.cke_ttt_oc i {
   font-size: 10px;
   color: #a096f0;
}

.cke_ttt_login_checkbox {
   position: relative;
   top: 10px;
   left: 0px;
   cursor: pointer;
   font-size: 15px;
   color: #666;
   font-weight: 400;
   display: none;
   width: 120px;
   height: 15.5px;
   line-height: 6px;
   border-radius: 0px;
   background: #fff;
   display: block;
   float: left;
}
.cke_ttt_login_checkbox label {
   line-height: 0px;
}
.cke_ttt_login_checkbox span {
   font-size: 18px;
   margin-right: 5px;
}
.cke_ttt_login_checkbox em {
   position: absolute;
}

.cke_ttt_oc_i_check {
   position: absolute;
   top: 10px;
   left: 10px;
   cursor: pointer;
   font-size: 18px;
   color: #cccccc;
   display: none;
   width: 15.5px;
   height: 15.5px;
   line-height: 14px;
   border-radius: 0px;
   background: #fff;
}
.cke_ttt_oc_i_check label {
   margin-left: -1px;
}
.cke_ttt_oc_i_more {
   position: absolute;
   bottom: 10px;
   right: 10px;
   cursor: pointer;
   font-size: 18px;
   color: #cccccc;
   display: none;
   text-align: center;
   width: 15px;
}

.ed_l_lll_no {
   padding: 7px 15px;
   background: rgba(0, 0, 0, 0.5);
   color: #fff;
   font-size: 13px;
   border-radius: 20px;
   font-size: 12px;
   width: fit-content;
   position: absolute;
   bottom: 10px;
   left: 10px;
}
.ed_l_lll_more {
   position: absolute;
   bottom: 10px;
   right: 5px;
   font-size: 20px;
   color: #fff;
   display: block;
   z-index: 5;
   width: 20px;
   height: 20px;
   text-align: center;
}
.ed_l_lll_more i {
   text-shadow: 0 3px 3px rgb(33 33 33 / 40%);
}
.edl_more_wrap {
   margin-top: 0px;
   margin-left: 15px;
   width: 260px;
}

.ed_l_dt_ll_swiper_slide:hover .ed_l_lll_more {
   display: block;
}

.cke_ttt_oc_i_f:hover .cke_ttt_oc_i_check {
   display: block;
}
.cke_ttt_oc_i_f:hover .cke_ttt_oc_i_more {
   display: block;
}

.cke_ttt_oc_i_p:hover .cke_ttt_oc_i_check {
   display: block;
}
.cke_ttt_oc_i_p:hover .cke_ttt_oc_i_more {
   display: block;
}

.cke_ttt_oc_i_i:hover .cke_ttt_oc_i_check {
   display: block;
}
.cke_ttt_oc_i_i:hover .cke_ttt_oc_i_more {
   display: block;
}

.cke_ttt_oc_i_f {
   width: 150px;
   height: 150px;
   overflow: hidden;
   border: solid #cccccc 1px;
   border-radius: 10px;
   cursor: pointer;
   display: inline-block;
   margin-right: 20px;
   margin-bottom: 20px;
   position: relative;
   vertical-align: top;
}
.cke_ttt_oc_i_f_icon {
   text-align: center;
   font-size: 50px;
   color: #a096f0;
   padding-top: 38px;
   padding-bottom: 32px;
}
.cke_ttt_oc_i_f_tt {
   text-align: center;
   color: #222222;
   font-size: 13px;
   font-weight: 400;
}

.cke_ttt_oc_i_p {
   width: 350px;
   height: 340px;
   border: solid #cccccc 1px;
   border-radius: 10px;
   cursor: pointer;
   display: inline-block;
   margin-right: 20px;
   margin-bottom: 20px;
   position: relative;
   vertical-align: top;
}

.cke_ttt_oc_i_f.on {
   border: solid 3px #a096f0;
}
.cke_ttt_oc_i_p.on {
   border: solid 3px #a096f0;
}
.cke_ttt_oc_i_i.on {
   border: solid 3px #a096f0;
}

.cke_ttt_oc_i_f.on .cke_ttt_oc_i_check {
   display: block;
}
.cke_ttt_oc_i_f.on .cke_ttt_oc_i_more {
   display: block;
}

.cke_ttt_oc_i_p.on .cke_ttt_oc_i_check {
   display: block;
}
.cke_ttt_oc_i_p.on .cke_ttt_oc_i_more {
   display: block;
}

.cke_ttt_oc_i_i.on .cke_ttt_oc_i_check {
   display: block;
}
.cke_ttt_oc_i_i.on .cke_ttt_oc_i_more {
   display: block;
}

.cke_ttt_oc_i_p_img {
   width: 100%;
   height: 255px;
   background: #efefef;
   border-bottom: solid #cccccc 1px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
.cke_ttt_oc_i_p_tt {
   color: #222222;
   font-size: 13px;
   font-weight: 400;
   padding: 25px 20px;
}

.cke_ttt_oc_i_i {
   width: 240px;
   height: 260px;
   border: solid #cccccc 1px;
   border-radius: 13px;
   cursor: pointer;
   display: inline-block;
   margin-right: 20px;
   margin-bottom: 20px;
   position: relative;
   vertical-align: top;
}
.cke_ttt_oc_i_i_img {
   width: 100%;
   height: 175px;
   background: #efefef;
   border-bottom: solid #cccccc 1px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
.cke_ttt_oc_i_i_tt {
   color: #222222;
   font-size: 13px;
   font-weight: 400;
   padding: 20px 20px;
   padding-bottom: 0px;
   line-height: 17px;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}

.cke_tp_mm {
   width: 100%;
   height: 253px;
   background: url("/res/img/template_mm_bg.jpg");
   background-size: cover;
   background-position: 50%;
}
.cke_tp_mm_tt {
   font-size: 21px;
   font-weight: 400;
   color: #fff;
   padding-top: 75px;
   text-align: center;
   width: 100%;
}
.cke_tp_mm_searh {
   padding-top: 30px;
   text-align: center;
   width: calc(100% - 40px);
   max-width: 500px;
   margin: 0 auto;
   position: relative;
}
.cke_tp_mm_searh_input {
   width: 100%;
   height: 52px;
   border-radius: 26px;
   border: 0px;
   box-shadow: 0 5px 7px rgb(33 33 33 / 30%);
   padding-left: 50px;
}
.cke_tp_mm_searh i {
   position: absolute;
   color: #222;
   font-size: 20px;
   top: 47px;
   left: 20px;
}

.cke_tp_tt {
   margin-top: 30px;
   margin-bottom: 20px;
   font-size: 18px;
   color: #222222;
   font-weight: 600;
   height: 24px;
   line-height: 24px;
   display: block;
   width: 100%;
   position: relative;
   padding-left: 50px;
}
.cke_tp_tt_more {
   color: #a096f0;
   font-size: 13px;
   font-weight: 400;
   cursor: pointer;
   position: absolute;
   right: 50px;
   top: 0px;
}
.cke_tp_tt_more i {
   margin-left: 7px;
}

.cke_tp_list {
   padding-left: 50px;
   padding-right: 50px;
}
.cke_tp_i {
   width: 308px;
   height: 350px;
   margin-right: 20px;
   display: inline-block;
   cursor: pointer;
   margin-bottom: 20px;
}
.cke_tp_i_img {
   width: 308px;
   height: 308px;
   background: #efefef;
   border-radius: 10px;
   border: solid #dddddd 1px;
}
.cke_tp_i_tt {
   color: #222;
   padding-top: 15px;
   font-size: 13px;
   font-weight: 400;
}

.cke_fd_md {
   width: 365px;
   height: auto;
   position: fixed;
   background: #fff;
   z-index: 11;
   top: calc(50% - 206px);
   left: calc(50% - 184.5px + 146px);
   padding: 30px 0px 30px 0px;
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border-radius: 5px;
   border: solid 1px #ccc;
   display: block;
   display: none;
}
.cke_md_in {
   width: 100%;
   height: 100%;
}
.cke_fd_md_close {
   color: #aaaaaa;
   font-size: 22px;
   width: fit-content;
   position: absolute;
   right: 30px;
   top: 25px;
   cursor: pointer;
}
.cke_fd_md .md_ttt {
   padding-left: 30px;
}
.cke_fd_list {
   width: 100%;
   height: 250px;
   overflow-y: scroll;
   margin-top: 25px;
   margin-bottom: 20px;
   border-bottom: solid 1px #ccc;
}
.cke_fd_item {
   width: 100%;
   height: 50px;
   font-size: 15px;
   font-weight: 400;
   color: #222;
   line-height: 50px;
   cursor: pointer;
   padding-left: 30px;
   padding-right: 30px;
}
.cke_fd_item:hover {
   background: #eceaf2;
}
.cke_fd_item.on {
   background: #eceaf2;
}
.cke_fd_item i {
   color: #867fa9;
   margin-right: 10px;
   font-size: 18px;
}
.cke_fd_cf_btn {
   width: calc(100% - 60px);
   height: 40px;
   margin: 0 auto;
   background: #a096f0;
   color: #fff;
   border-radius: 5px;
   font-size: 15px;
   text-align: center;
   line-height: 40px;
   margin-top: 20px;
   text-align: center;
   cursor: pointer;
}
.cke_fd_md .ps-scrollbar-y-rail {
   top: 70px !important;
}

.cke_tp_md {
   width: 1000px;
   padding: 40px;
   background: #fff;
   position: fixed;
   z-index: 11;
   top: 150px;
   left: calc(50% - 500px);
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
   border-radius: 10px;
   display: none;
}
.cke_tp_md_l {
   width: 560px;
   height: 560px;
   float: left;
}
.cke_tp_preview {
   width: 100%;
   height: 560px;
   border-radius: 5px;
   border: solid #ccc 1px;
}
.cke_tp_md_r {
   width: calc(100% - 560px);
   float: left;
   padding-left: 25px;
}
.cke_tp_md_tt {
   font-size: 18px;
   font-weight: 600;
   color: #222;
   line-height: 26px;
   letter-spacing: -1px;
}
.cke_tp_md_sub {
   padding-top: 20px;
   padding-bottom: 20px;
   font-size: 13px;
   font-weight: 400;
   color: #666;
}
.cke_tp_md_sub span {
   margin-left: 10px;
   margin-right: 10px;
   display: inline-block;
   width: 1px;
   height: 10px;
   background: #666;
}
.cke_tp_md_tag_wrap span {
   display: inline-block;
   height: 25px;
   line-height: 23px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 11px;
   font-weight: 400;
   color: #666;
   border: solid #ddd 1px;
   border-radius: 12.5px;
   margin-right: 5px;
   margin-bottom: 10px;
}
.cke_tp_md_ft {
   margin-top: 40px;
   border-top: solid #dddddd 1px;
   padding-top: 15px;
}
.cke_tp_md_cf_btn {
   width: 100%;
   height: 40px;
   margin: 0 auto;
   background: #a096f0;
   color: #fff;
   border-radius: 5px;
   font-size: 15px;
   text-align: center;
   line-height: 40px;
   margin-top: 0px;
   text-align: center;
   cursor: pointer;
}

.cke_tp_md_close {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   line-height: 40px;
   text-align: center;
   color: #fff;
   cursor: pointer;
   position: absolute;
   z-index: 12;
   background: rgba(0, 0, 0, 0.5);
   right: 0px;
   margin-top: -90px;
   font-size: 20px;
   padding-top: 10px;
}

.cke_tp_detail_list_page {
   padding: 50px;
   display: none;
}
.cke_tp_detail_list_tt {
   font-size: 21px;
   font-weight: 400;
   color: #666;
   position: relative;
}
.cke_tp_detail_list_tt span.ccc {
   font-size: 15px;
   margin-left: 15px;
   margin-right: 15px;
   display: inline-block;
   height: 21px;
   vertical-align: top;
   padding-top: 3px;
}
.cke_tp_detail_list_tt span.a {
   cursor: pointer;
   display: inline-block;
}
.cke_tp_detail_list_tt span.b {
   font-size: 21px;
   font-weight: 600;
   color: #222;
   display: inline-block;
}
.cke_tp_detail_list_s_wrap {
   position: relative;
   padding-top: 30px;
}
.cke_tp_detail_list_s_total {
   font-size: 15px;
   font-weight: 400;
   color: #666;
   text-align: right;
   width: fit-content;
   position: absolute;
   right: 0px;
   top: 42px;
}
.cke_tp_detail_list {
   padding-top: 30px;
}
.cke_tp_detail_item {
   width: 237px;
   height: 237px;
   display: inline-block;
   border: solid #ccc 1px;
   background: #efefef;
   border-radius: 5px;
   margin-right: 18px;
   margin-bottom: 20px;
   cursor: pointer;
}
.cke_tp_detail_item:nth-child(6n) {
   margin-right: 0px;
}

.cke_selectbox {
   width: 210px;
   height: 40px;
   line-height: 38px;
   border: solid #999999 1px;
   border-radius: 5px;
   padding-left: 20px;
   font-size: 15px;
   font-weight: 400;
   color: #222;
   cursor: pointer;
   position: relative;
}
.cke_selectbox i {
   font-size: 12px;
   position: absolute;
   right: 15px;
   top: 13px;
}

.cke_tp_detail_list_more {
   width: 100%;
   height: 1px;
   background: #ccc;
   margin-top: 45px;
}
.cke_tp_detail_list_more_btn {
   width: 48px;
   height: 48px;
   border-radius: 50px;
   border: solid 1px #ddd;
   box-shadow: 0 2px 3px rgb(33 33 33 / 20%);
   background: #fff;
   position: absolute;
   left: calc(50% - 24px);
   margin-top: -24px;
   cursor: pointer;
   text-align: center;
   font-size: 20px;
   color: #222;
   padding-top: 12px;
}

.gwmask_wrap {
   display: none;
}
.tttlll {
   display: none;
}

.dp_none {
   display: none;
}
.donut_ii {
   display: none;
}

.ed_l_dt_ll_item .charts-css .data {
   display: none !important;
}
.ed_l_dtt_wrap .ed_l_dtt_tts .tcc_form_option_r {
   float: right;
}

.sch_order_input {
   display: none;
}
.ed_l_dt_ll_tt_wrap:first-child {
   margin-top: 10px;
}

.piechartb {
   margin-top: 0px;
   margin-left: 0px;
   display: block;
   position: absolute;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   background-image: conic-gradient(pink 70deg, lightblue 0 235deg, orange 0);

   display: flex;
   justify-content: center;
   align-items: center;
}
.ctextll .piechartb {
   margin-top: 10px;
   margin-left: 25px;
}

.ed_l_dt_in.lock .ed_l_dtt_wrap {
   display: none !important;
}
.ff_lock_btn.fa-lock-keyhole {
   display: inline-block !important;
   color: #000;
}
.ff_view_btn.fa-eye-slash {
   display: inline-block !important;
   color: #000;
}

.cke_table_line_wrap {
   font-size: 20px;
}
.cke_table_line_wrap i {
   margin-right: 10px;
   margin-top: 10px;
   margin-right: 5px;
   padding: 10px;
   cursor: pointer;
}

.chart_type_list {
   font-size: 20px;
}
.chart_type_list i {
   margin-top: 0px;
   margin-right: 2px;
   padding: 10px;
   cursor: pointer;
}

.cke_col_num {
   width: 60px;
   height: 40px;
   border: solid #ccc 1px;
   border-radius: 5px;
   text-align: center;
}
.cke_row_num {
   width: 60px;
   height: 40px;
   border: solid #ccc 1px;
   border-radius: 5px;
   text-align: center;
}
.cke_i_plus {
   cursor: pointer;
}
.cke_i_minus {
   cursor: pointer;
}
.movable[data="table"] .ctt_inwrap {
   width: 100%;
   height: 100%;
}
.movable[data="table"] .ctext {
   width: 100%;
   height: 100%;
}
.movable[data="table"] table {
   width: 100%;
   height: 100%;
}
.ed_rr_data_excel_btn {
   cursor: pointer;
   border: solid #ccc 1px;
   text-align: center;
   width: 90px;
   text-align: center;
   border-radius: 5px;
   padding: 0px;
   position: absolute;
   right: 10px;
   height: 40px;
   line-height: 40px;
   top: 10px;
}
.data_excel_close_btn {
   cursor: pointer;
   padding: 10px;
   color: #ccc;
   font-size: 20px;
   position: absolute;
   right: 10px;
   top: 10px;
   display: none;
   line-height: 20px;
   width: 33px;
   height: 33px;
}

.ctt_inwrap {
   width: 100%;
   height: 100%;
}
.ctext {
   width: 100%;
   height: 100%;
}
.cke_data_excel_wrap {
   width: 100%;
   height: 100%;
   display: none;
}

/*
.movable .ctext td:hover{outline:#00dcf0 1px solid;}
.movable .ctext th:hover{outline:#00dcf0 1px solid;}
*/
.movable[data="table"] .ctext table:hover {
   outline: #00dcf0 1px solid;
}
.ctext table th {
   position: relative;
   text-align: center;
   font-weight: bold;
   min-width: 20px;
}
.ctext table td {
   box-sizing: border-box;
   position: relative; /*overflow:visible !important;*/
   min-width: 20px;
}
.ed_l_dt_ll_item table {
   display: none;
}
.ed_l_dt_ll_item .tbimg {
   width: 100%;
}
.ed_l_dt_ll_item .tbimg img {
   width: 100%;
}
.movable .ctext table {
   width: 100% !important;
   height: 100% !important;
   line-height: initial;
}
.movable .ctext colgroup {
   width: 100% !important;
}
.movable .ctext colgroup col {
   width: 100%;
}
.movable .ctext .tbimg {
   display: none;
}

.only_shape {
   display: none;
}

.cke_i_minus {
   cursor: pointer;
   width: 24px;
   height: 40px;
   border-radius: 5px;
   border: solid #ccc 1px;
   display: inline-block;
   text-align: center;
   top: 0px;
   line-height: 40px;
   vertical-align: top;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   border-right: 0px;
   font-size: 18px;
}

.cke_i_plus {
   cursor: pointer;
   width: 24px;
   height: 40px;
   border-radius: 5px;
   border: solid #ccc 1px;
   display: inline-block;
   text-align: center;
   top: 0px;
   line-height: 40px;
   vertical-align: top;
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
   border-left: 0px;
   font-size: 18px;
}
.cke_row_num {
   border-radius: 0px;
}
.cke_col_num {
   border-radius: 0px;
}

.focus td.eee {
}
.focus th .eeell {
   background: rgb(0, 220, 240, 0.2) !important;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
}
.focus td .eeell {
   background: rgb(0, 220, 240, 0.2) !important;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: 1;
}
th .tdin {
   display: block;
   width: 100%;
   min-height: 100%;
   height: auto;
   left: 0px;
   top: 0px;
   position: absolute;
   z-index: 2;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-left: 3px;
   padding-bottom: 3px;
}
td .tdin {
   display: block;
   width: 100%;
   min-height: 100%;
   height: auto;
   left: 0px;
   top: 0px;
   position: absolute;
   z-index: 2;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-left: 3px;
   padding-bottom: 3px;
}
/* text-align:center;align-items:center */

/* 인풋 넘버 input number Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

/* Firefox */
input[type="number"] {
   -moz-appearance: textfield;
}

.dis_view {
   display: none;
}

.movable.focus[data="text"] .ctext {
   cursor: text;
}
.movable.focus[data="table"] .eee .tdin {
   cursor: text;
}
.charts-css.column tbody {
   overflow: hidden;
}

.ftd_bd {
   font-weight: 800 !important;
}
.ftd_it {
   font-style: italic !important;
}
.ftd_ul {
   text-decoration: underline !important;
}
.ftd_lt {
   text-decoration: line-through !important;
}
.ftd_ullt {
   text-decoration: underline line-through !important;
}

.graph {
   margin-bottom: 1em;
   font: normal 100%/150% arial, helvetica, sans-serif;
}

.graph caption {
   font: bold 150%/120% arial, helvetica, sans-serif;
   padding-bottom: 0.33em;
}

.graph tbody th {
   text-align: right;
}

@supports (display: grid) {
   @media (min-width: 32em) {
      .graph {
         display: block;
         width: 600px;
         height: 300px;
      }

      .graph caption {
         display: block;
      }

      .graph thead {
         display: none;
      }

      .graph tbody {
         position: relative;
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(2em, 1fr));
         column-gap: 2.5%;
         align-items: end;
         height: 100%;
         margin: 3em 0 1em 2.8em;
         padding: 0 1em;
         border-bottom: 2px solid rgba(0, 0, 0, 0.5);
         background: repeating-linear-gradient(180deg, rgba(170, 170, 170, 0.7) 0, rgba(170, 170, 170, 0.7) 1px, transparent 1px, transparent 20%);
      }

      .graph tbody:before,
      .graph tbody:after {
         position: absolute;
         left: -3.2em;
         width: 2.8em;
         text-align: right;
         font: bold 80%/120% arial, helvetica, sans-serif;
      }

      .graph tbody:before {
         content: "100%";
         top: -0.6em;
      }

      .graph tbody:after {
         content: "0%";
         bottom: -0.6em;
      }

      .graph tr {
         position: relative;
         display: block;
      }

      .graph tr:hover {
         z-index: 999;
      }

      .graph th,
      .graph td {
         display: block;
         text-align: center;
      }

      .graph tbody th {
         position: absolute;
         top: -3em;
         left: 0;
         width: 100%;
         font-weight: normal;
         text-align: center;
         white-space: nowrap;
         text-indent: 0;
         transform: rotate(-45deg);
      }

      .graph tbody th:after {
         content: "";
      }

      .graph td {
         width: 100%;
         height: 100%;
         background: #f63;
         border-radius: 0.5em 0.5em 0 0;
         transition: background 0.5s;
      }

      .graph tr:hover td {
         opacity: 0.7;
      }

      .graph td span {
         overflow: hidden;
         position: absolute;
         left: 50%;
         top: 50%;
         width: 0;
         padding: 0.5em 0;
         margin: -1em 0 0;
         font: normal 85%/120% arial, helvetica, sans-serif;
         /* 			background:white; */
         /* 			box-shadow:0 0 0.25em rgba(0,0,0,0.6); */
         font-weight: bold;
         opacity: 0;
         transition: opacity 0.5s;
         color: white;
      }

      .toggleGraph:checked + table td span,
      .graph tr:hover td span {
         width: 4em;
         margin-left: -2em; /* 1/2 the declared width */
         opacity: 1;
      }
   } /* min-width:32em */
} /* grid only */

//테이블 스타일
/*
table.tp1,.tp1 td,.tp1 th {border-collapse: collapse; border-spacing:0;margin:0;padding:0;font-size: 12px;font-family: "Malgun Gothic", "돋움", "돋움체", sans-serif;color: #333;font-size:12px;}

table.tp1 {width: 100%;border-top: 1px solid #ccc;}
.tp1 th {height: 32px;background-color: #f5f5f5;border-bottom: 1px solid #e4e4e4;}
.tp1 td {height: 32px;border-bottom: 1px solid #e4e4e4;padding: 0 10px;}


table.tp2,.tp2 td,.tp2 th {border-collapse: collapse; border-spacing:0;margin:0;padding:0;font-size: 12px;font-family: "Malgun Gothic", "돋움", "돋움체", sans-serif;color: #333;font-size:12px;}

table.tp2 {width: 100%;border-top: 1px solid #ccc;border-right: 1px solid #e4e4e4}
.tp2 th{height: 32px;background-color: #f5f5f5;border-bottom: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;}
.tp2 td{height: 32px;border-bottom: 1px solid #e4e4e4;padding: 0 10px;border-left: 1px solid #e4e4e4;}


table.tp3,.tp3 td,.tp3 th {border-collapse: collapse; border-spacing:0;margin:0;padding:0;font-size: 12px;font-family: "Malgun Gothic", "돋움", "돋움체", sans-serif;color: #333;font-size:12px;}

table.tp3 {width: 100%;border-top: 1px solid #333;border-right: 1px solid #333}
.tp3 th {height: 32px;background-color: #333;border-bottom: 1px solid #333;border-left: 1px solid #333;color: #fff}
.tp3 td {height: 32px;border-bottom: 1px solid #333;padding: 0 10px;border-left: 1px solid #333;}


table.tp4,.tp4 td,.tp4 th {border-collapse: collapse; border-spacing:0;margin:0;padding:0;font-size: 12px;font-family: 'Noto Sans KR', sans-serif;color: #333;font-size:12px;font-size:12px;}

table.tp4 {width: 100%;}
.tp4 th {height: 32px;border-bottom: 1px solid #333;font-weight: 700;}
.tp4 td {height: 64px;border-bottom: 1px solid #ccc;padding: 5px 10px;vertical-align: top;}
.tp4 th.sun, .tp4 td.sun span {color: #ec2028;}
.tp4 th.sat, .tp4 td.sat span {color: #2050ec;}



table.tp5,.tp5 td,.tp5 th {border-collapse: collapse; border-spacing:0;margin:0;padding:0;font-size: 12px;font-family: 'Noto Sans KR', sans-serif;color: #333;font-size:12px;font-size:12px;}

table.tp5 {width: 100%;}
.tp5 th {height: 42px;border-bottom: 2px solid #333;font-weight: 700;background-color: #f5f5f5;border-left: 1px solid #ccc;}
.tp5 td {height: 64px;border-bottom: 1px solid #ccc;padding: 5px 10px;vertical-align: top;border-left: 1px solid #ccc;}
.tp5 th:first-child, td:first-child {border-left: none;}
.tp5 th.sun, .tp5 td.sun span {color: #ec2028;}
.tp5 th.sat, .tp5 td.sat span {color: #2050ec;}
*/

.chartjs {
   width: 100% !important;
   height: 100% !important;
}

//반응형

@media only screen and (max-width: 1700px) {
   .ed_hd_undo {
      margin-left: 5px;
   }
   .ed_hd_redo {
      margin-right: 5px;
   }
   .ed_hd_show_btn {
      width: 100px;
      font-size: 13px;
   }
   .ed_hd_save_btn {
      width: 100px;
      font-size: 13px;
   }
   .ed_hd_down_btn {
      width: 100px;
      font-size: 13px;
   }
}

@media only screen and (max-width: 1660px) {
   .ed_hd_undo {
      margin-left: 5px;
   }
   .ed_hd_redo {
      margin-right: 5px;
   }
   .ed_hd_show_btn {
      width: 90px;
      font-size: 13px;
   }
   .ed_hd_save_btn {
      width: 90px;
      font-size: 13px;
   }
   .ed_hd_down_btn {
      width: 90px;
      font-size: 13px;
   }

   .ed_hd_mn {
      padding: 12px 10px;
      margin-right: 5px;
   }
}

@media only screen and (max-width: 1550px) {
   .ed_hd_undo {
      margin-left: 5px;
      padding: 12px 10px;
   }
   .ed_hd_redo {
      margin-right: 5px;
      padding: 12px 10px;
   }

   .ed_hd_mn {
      padding: 12px 5px;
      margin-right: 5px;
      font-size: 13px;
   }
   .hd_logo {
      margin-top: 28px;
      margin-left: 15px;
   }
   .hd_logo img {
      width: 90px;
   }
   .ed_hd_ttt_wrap {
      margin-left: 10px;
   }
   .hd_right_wrap {
      padding-right: 5px;
   }
   .ed_hd_logged_info {
      display: none;
   }
   .ed_hd_logged_bar {
      display: none;
   }
}

@media only screen and (max-width: 1250px) {
   .ed_hd_show_btn {
      width: 40px;
      font-size: 17px;
      padding-top: 10px;
      font-size: 17px;
      line-height: 20px;
   }
   .ed_hd_show_btn span {
      display: none;
   }
   .ed_hd_show_btn i {
      margin-right: 0px;
   }
   .ed_hd_save_btn {
      width: 40px;
      font-size: 17px;
      padding-top: 10px;
      font-size: 17px;
      line-height: 20px;
   }
   .ed_hd_save_btn span {
      display: none;
   }
   .ed_hd_save_btn i {
      margin-right: 0px;
   }
   .ed_hd_down_btn {
      width: 40px;
      font-size: 17px;
      padding-top: 10px;
      font-size: 17px;
      line-height: 20px;
   }
   .ed_hd_down_btn span {
      display: none;
   }
   .ed_hd_down_btn i {
      margin-right: 0px;
   }
}

@media only screen and (max-width: 1100px) {
   .ed_hd_show_btn {
      display: none;
   }
   .ed_hd_ttt {
      width: 80px;
   }
   .ed_hd_logged {
      display: none;
   }

   .ed_hd_login {
      display: none;
   }
   .ed_hd_login_bar {
      display: none;
   }
   .ed_hd_join {
      display: none;
   }
}

@media only screen and (max-width: 710px) {
   .hd_right_wrap {
      display: none;
   }
}

@media only screen and (max-width: 555px) {
   .ed_hd_left_wrap {
      display: none;
   }
}

table.charts-css.chart-pie tr {
   padding: 50% !important;
}
.ed_l_dt_ll_item table.chart-pie {
   display: block;
   width: 110px;
   height: 110px;
   margin-top: 5px;
   margin-left: 20px;
}
.ed_l_dt_ll_item table.chart-pie .data {
   display: none;
}
.ed_l_dt_ll_item table.chart-pie {
   position: relative;
}

.chart-pie {
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
}
.chart-pie caption,
.chart-pie thead,
.chart-pie tfoot {
   display: none;
}
.chart-pie tbody {
   /*position: relative;*/
   display: block;
   width: 100%;
   height: 0;
   padding-block-end: 100%;
   aspect-ratio: 1;
   border-radius: 50%;
}
table.charts-css.chart-pie tr {
   padding: auto !important;
}
.chart-pie tbody tr th {
   display: none;
}
.chart-pie tbody tr td {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   transform: rotate(calc(1turn * var(--start, 0)));
   background: conic-gradient(var(--color, transparent) 0 calc(100% * var(--size, 0)), transparent 0 100%);
}
.chart-pie tbody tr td .data {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   transform: rotate(calc(0.5turn * var(--size, 0)));
}

.movable .ctext table.charts-css {
   width: calc(100% - 45px) !important;
   height: calc(100% - 45px) !important;
}

.charts-css.legend-inline {
   height: 45px;
   width: fit-content;
   margin: 0 auto;
}
.charts-css.legend li {
   height: 20px;
}
.charts-css.legend {
   border: 0px !important;
}
.cke_color_cc.ab_right.ctt {
   width: auto;
   background: transparent;
   border-radius: unset;
}
.sp_color_picker.piect {
   display: none;
}

.charts-css.column tbody tr {
   -webkit-padding-start: 5px;
   padding-inline-start: 5px;
   -webkit-padding-end: 5px;
   padding-inline-end: 5px;
}
.charts-css.bar tbody tr {
   -webkit-padding-before: 5px;
   padding-block-start: 5px;
   -webkit-padding-after: 5px;
   padding-block-end: 5px;
}

.charts-css.area tbody tr td:nth-child(1)::before,
.charts-css.bar.multiple tbody tr td:nth-child(1),
.charts-css.bar tbody tr td:nth-child(1),
.charts-css.column.multiple tbody tr td:nth-child(1),
.charts-css.column tbody tr td:nth-child(1),
.charts-css.line tbody tr td:nth-child(1)::before {
   background: var(--color-5) !important;
}

.charts-css.area tbody tr td:nth-child(2)::before,
.charts-css.bar.multiple tbody tr td:nth-child(2),
.charts-css.bar tbody tr td:nth-child(2),
.charts-css.column.multiple tbody tr td:nth-child(2),
.charts-css.column tbody tr td:nth-child(2),
.charts-css.line tbody tr td:nth-child(2)::before {
   background: var(--color-1) !important;
}

.charts-css.area tbody tr td:nth-child(3)::before,
.charts-css.bar.multiple tbody tr td:nth-child(3),
.charts-css.bar tbody tr td:nth-child(3),
.charts-css.column.multiple tbody tr td:nth-child(3),
.charts-css.column tbody tr td:nth-child(3),
.charts-css.line tbody tr td:nth-child(3)::before {
   background: var(--color-2) !important;
}

.charts-css.area tbody tr td:nth-child(4)::before,
.charts-css.bar.multiple tbody tr td:nth-child(4),
.charts-css.bar tbody tr td:nth-child(4),
.charts-css.column.multiple tbody tr td:nth-child(4),
.charts-css.column tbody tr td:nth-child(4),
.charts-css.line tbody tr td:nth-child(4)::before {
   background: var(--color-3) !important;
}

.charts-css.area tbody tr td:nth-child(5)::before,
.charts-css.bar.multiple tbody tr td:nth-child(5),
.charts-css.bar tbody tr td:nth-child(5),
.charts-css.column.multiple tbody tr td:nth-child(5),
.charts-css.column tbody tr td:nth-child(5),
.charts-css.line tbody tr td:nth-child(5)::before {
   background: var(--color-4) !important;
}

.charts-css caption {
   display: none !important;
}
.cttlabel_list {
   font-size: 20px;
}

.cttlabel_list i {
   margin-top: 10px;
   margin-left: 5px;
   padding: 10px;
   cursor: pointer;
}

.fa-align-justify {
   display: none;
}
.cttlabel_list i.on {
   background: #efefef;
}
.cttlabel_wrap {
   padding-top: 0px;
   padding-bottom: 30px;
}
.cttlabel_list {
   top: -10px;
}

.fl {
   float: left;
}
.fr {
   float: right;
}

.movable .ctext table.charts-css.fctw {
   width: calc(100% - 85px) !important;
   height: calc(100% - 85px) !important;
}
.movable .ctext ul.charts-css.flbw {
   width: 85px !important;
   height: calc(100% - 85px) !important;
}

.ftop {
   position: absolute !important;
   top: 0px !important;
   width: 100% !important;
   margin: 0 auto !important;
}
.ftop li {
   margin: 0 auto !important;
}
.fbottom {
   top: 0px !important;
   margin: 0 auto !important;
   margin-top: 45px !important;
}
.movable .ctext table.charts-css.ctfull {
   width: 100% !important;
   height: 100% !important;
}

.JCLRgrip .JColResizer {
   background-color: #00dcf0 !important;
   opacity: 0 !important;
}
.charts-css.column .data {
   position: absolute;
   bottom: 100%;
}
.charts-css.column tbody {
   padding-top: 20px;
}

.charts-css.chart-pie tr td {
   display: none;
}
.charts-css.chart-pie tr td:nth-child(2) {
   display: block !important;
}

.charts-css.line:not(.reverse) tbody tr th {
   left: 50%;
   position: absolute;
   width: 100%;
}

.editable[data="table"] table .ui-resizable-e {
   width: 5px;
   height: 100%;
   right: 0px;
   top: 0px;
   margin-top: 0px;
   border-radius: 0px;
   border: #00dcf0 solid 0px;
   background: transparent;
   cursor: col-resize;
}
/*.editable[data="table"] table .ui-resizable-e:hover{border-right:#00dcf0 solid 1px;}*/

.ed_rl_i.group {
   min-height: 50px;
   height: auto;
}
.layer_lllll .ed_rl_i {
   background: transparent;
   padding-left: 30px;
}

.layer_lllll {
   position: relative;
   padding-top: 50px;
}
.ll_gr_w {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 50px;
   line-height: 50px;
   padding-left: 40px;
   z-index: 9;
}
.ed_rl_i:hover {
   background: #ecebf3;
}
.ed_rl_i.on {
   background: #ecebf3;
}

.ed_rl_list.layer_lllll {
   padding-top: 20px;
}
.ed_rl_i.group .layer_lllll {
   height: 50px;
   overflow: hidden;
}

.ed_rl_i .rl_info {
   display: inline-block;
   position: relative;
   padding-right: 5px;
   height: 20px;
   line-height: 20px;
   max-width: 100px;
   overflow: hidden;
}
.ed_rl_i .rl_pen {
   color: #666666;
   display: none;
}
.ed_rl_i:hover .rl_pen {
   color: #666666;
   display: inline-block;
}
.ed_rl_i:hover .rl_info {
   border-bottom: dotted 1px #a6a6a6;
}

.chart_type_list .on {
   background: #efefef;
}

body.roller .ed_page_wrap,
body.roller .ed_canvas a,
body.roller .ed_canvas .focus,
body.roller .ed_canvas .movable {
   cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M352 0C387.3 0 416 28.65 416 64V128C416 163.3 387.3 192 352 192H64C28.65 192 0 163.3 0 128V64C0 28.65 28.65 0 64 0H352zM352 48H64C55.16 48 48 55.16 48 64V128C48 136.8 55.16 144 64 144H352C360.8 144 368 136.8 368 128V64C368 55.16 360.8 48 352 48zM160 352C160 334.3 174.3 320 192 320H200V304C200 264.2 232.2 232 272 232H424C446.1 232 464 214.1 464 192V144C464 133.6 457.3 124.7 448 121.4V72.44C484 76.42 512 106.9 512 144V192C512 240.6 472.6 280 424 280H272C258.7 280 248 290.7 248 304V320H256C273.7 320 288 334.3 288 352V480C288 497.7 273.7 512 256 512H192C174.3 512 160 497.7 160 480V352z'/%3E%3C/svg%3E"), auto !important;
}

body.roller .ed_l_dtt_top_rt i.fa-paint-roller {
   color: #000;
}

.char1 {
   transform: rotate(6deg);
}

.char2 {
   transform: rotate(12deg);
}

.char3 {
   transform: rotate(18deg);
}

.char4 {
   transform: rotate(24deg);
}

.char5 {
   transform: rotate(30deg);
}

.char6 {
   transform: rotate(36deg);
}

.char7 {
   transform: rotate(42deg);
}

.char8 {
   transform: rotate(48deg);
}

.char9 {
   transform: rotate(54deg);
}

.char10 {
   transform: rotate(60deg);
}

.char11 {
   transform: rotate(66deg);
}

.char12 {
   transform: rotate(72deg);
}

.char13 {
   transform: rotate(78deg);
}

.char14 {
   transform: rotate(84deg);
}

.char15 {
   transform: rotate(90deg);
}

.char16 {
   transform: rotate(96deg);
}

.char17 {
   transform: rotate(102deg);
}

.char18 {
   transform: rotate(108deg);
}

.char19 {
   transform: rotate(114deg);
}

.char20 {
   transform: rotate(120deg);
}

.char21 {
   transform: rotate(126deg);
}

.char22 {
   transform: rotate(132deg);
}

.char23 {
   transform: rotate(138deg);
}

.char24 {
   transform: rotate(144deg);
}

.ed_hd_guest_wrap {
   float: left;
}
.ed_hd_logged .ed_hd_login_mn {
   width: 220px;
}
.gl_vtc {
   width: 1px;
   height: 500%;
   position: absolute;
   background: #00dcf0;
   cursor: col-resize;
   z-index: 9999;
}
.gl_hrz {
   height: 1px;
   width: 500%;
   position: absolute;
   background: #00dcf0;
   cursor: row-resize;
   z-index: 9999;
}
.col_resize {
   cursor: col-resize;
}
.row_resize {
   cursor: row-resize;
}
.tt_fd {
   font-size: 16px;
   margin-left: 10px;
}
/*
.charts-css.bar .data{position:absolute;left:100%;width:40px;}
*/
.hd_search_close {
   position: absolute;
   right: 40px;
   cursor: pointer;
   display: none;
}

.ed_r_layer .sp-replacer {
   display: none;
}
.rl_i_inbox {
   position: relative;
   overflow: hidden;
}
.rl_i_inbox svg {
   width: 100% !important;
   height: auto !important;
   left: 0px !important;
   top: 0px !important;
   position: relative !important;
}

/*#save_wrap{width:500px;height:500px;z-index:9999999999;position:absolute;background:#fff;}*/

.create_mn_i_sub {
   display: none;
}
.create_mn_scwrap_in .create_mn_i i.fa-angle-right {
   left: auto;
   right: 20px;
}
.create_mn_scwrap_in .create_mn_i i.fa-angle-down {
   left: auto;
   right: 20px;
}
.create_mn_i_sub {
   background: #efefef;
}
.sp_size_f.on {
   background: #efefef;
}
.ed_l_dt_ll_swiper_slide img {
   max-width: 100%;
   max-height: 100%;
}

.movable[data="text"] {
   width: fit-content !important;
   height: fit-content !important;
}
.movable[data="text"] .ui-resizable-handle.ui-resizable-e {
   display: none !important;
}
.movable[data="text"] .ui-resizable-handle.ui-resizable-w {
   display: none !important;
}
.ed_page_top {
   max-width: 500px;
   margin: 0 auto;
}