@import url('../css/skin_edit_ab.css');

html>/**/body {overflow-y:initial;}

.uk-modal{
	z-index:9999999 !important;
}

.sel_main_color {
	color:var( --main-color-10 ) !important;
	font-weight:500 !important;
}

.icon_btn_color {
	color:#999999 !important;
}

.edit_menu_select,
.edit_menu_select:hover,
.edit_menu_select:active,
.edit_menu_select:focus,
.icon_btn_color:hover,
.icon_btn_color:active,
.icon_btn_color:focus,
.key_color
{
	color:var( --main-color-10 ) !important;
}

.key_bgcolor{
	background-color:var( --main-color-10 );
}
.key_border_color{
	border-color:var( --main-color-10 );
}


.wrap {
	width:100%;
	/*overflow:hidden;*/
	text-align:left;
}

.header {
	position:fixed;
	left:0px;
	width:100%;
	height:50px;
	background-color:#ffffff;
	box-shadow:0 2px 5px 0 #e5e5e5;
	z-index:3000;
	/*z-index:3000;*/
}


.header-hidden{
	top:-70px;
	transition: 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-property: top;
}


.header-show{
	top:0px;
	transition: 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-property: top;
}


.left-tool-hidden{
	left:-100px;
	transition: 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-property: left;
}


.left-tool-show{
	left:20px;
	transition: 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-property: left;
}






.tool-hidden{
	position:fixed;
	top:0px;
	left:calc(50% - 116px);
	width:130px;
	height:15px;
	z-index:3001;
	background-color:#f9f9f9;
	border:1px #efefef solid;
	border-top:none;
	border-radius:0 0 5px 5px;
	text-align: center;
	cursor:pointer;
	transition: 0.4s ease-in-out;
	transition-duration: .2s;
	transition-property: background-color, height;
	line-height:0;
}

.tool-hidden svg{
	vertical-align:top;
}

.tool-hidden:hover, .tool-hidden.tool-hidden_sel{
	background-color:var( --main-color-1 );
	height:30px;
	transition: 0.4s ease-in-out;
	transition-duration: .2s;
	transition-property: background-color, height;
	z-index:3004;
}

.tool-hidden .tool-hidden-btn{
	color:#787878;
	position:absolute;
	top:-3px;
	left:50%;
	margin-left:-10px;
	transition: 0.4s ease-in-out;
	transition-property: transform, top;
	transition-duration: .2s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.tool-hidden:hover .tool-hidden-btn{
	color:var( --main-color-10 );
	position:absolute;
	top:5px;
	transition: 0.4s ease-in-out;
	transition-duration: .2s;
	transition-property: transform, top;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}



.tool-hidden.tool-hidden_sel .tool-hidden-btn{
	color:var( --main-color-10 );
	position:absolute;
	top:5px;
	transition: 0.4s ease-in-out;
	transition-property: transform;
	transition-duration: .2s;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}





.edit_bt_left {
	float:left;
	height:100%;
}


.sitewa_logo{
	float:left;
	width:140px;
	height:100%;
	border-right:1px #efefef dotted;
	padding:13px 25px;
}


.quick_sel_menu{
	position:relative;
	float:left;
}

.quick_sel_menu_set{
	width:20px;
	text-align:center;
	position:absolute;
	top:15px;
	right:45px;
	z-index:999999;
	cursor:pointer;
	color:#787878;
	transition: 0.4s ease-in-out;
	transition-property: transform;
	transition-duration: .2s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	line-height:0;
}

.prepare_page_icon_st{
	line-height:0;
	margin-top:5px;
	margin-right:5px;
	float:left;
	color:rgba(0,0,0,0.4);
}

.prepare_page_icon_st:hover{
	color:var( --main-color-10 );
}

.quick_sel_menu_set:hover{
	color:var( --main-color-10 );
	transition: 0.4s ease-in-out;
	transition-property: transform;
	transition-duration: .2s;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}


.quick_sel_menu_open{
	color:var( --main-color-10 );
	transition: 0.4s ease-in-out;
	transition-property: transform;
	transition-duration: .2s;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}



.sel_menu {
	float:left;
	width:350px;
	position:relative;
	height:50px;
	border-right:1px #efefef dotted;
	padding:10px 15px;
	cursor:pointer;
}


.sel_menu:focus,
.sel_menu:hover {
	background-color:var( --main-color-1 );
}

.sel_menu .sel_menu_hover {
	color:#787878;
	line-height:0;
	float:right;
	margin-top:5px;
}


.sel_menu div {float:left;}


.sel_device {
	float:left;
	position:relative;
	height:100%;
	border-right:1px #efefef dotted;
	padding:0 15px;
}


.sel_device_btn {
	float:left;
	position:relative;
	height:100%;
	cursor:pointer;
	padding:13px 5px;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#ffffff;
	color:#787878;
}


.sel_device_btn:hover{
	color:var( --main-color-10 );
}


.device_size {
	float:left;
	position:relative;
	height:100%;
	border-right:1px #efefef dotted;
	padding:10px 15px 10px 10px;
	color:#666666;
	display:flex;
}

.prepare_size {
	float:left;
	position:relative;
	height:100%;
	border-right:1px #efefef dotted;
	padding:10px 15px 10px 10px;
	color:#666666;
	display:flex;
}


.edit_bt_right {
	float:right;
	height:100%;
}

.edit_bt{
	float:left;
	position:relative;
	height:100%;
	border-left:1px #efefef dotted;
	cursor:pointer;
	padding:13px 15px;
}



.edit_out{
	padding:9px 15px 8px 15px !important;
}

.history_pop:focus .edit_btn_hover,.edit_bt:hover .edit_btn_hover {
	color:var( --main-color-10 );
}

.history_pop:focus, .history_pop:hover{
	background-color:var( --main-color-1 );
}

.edit_bt .edit_btn_hover {
	color:#787878;
	line-height:0;
}



.left_tool_menu{
	position:fixed;
	top:70px;
	width:50px;
	min-height:250px;
	z-index:4005;
	padding:10px 0;
	background-color:#f6f6f8;
	border:1px #dddddf solid;
	border-radius:3px;
	box-shadow:0 2px 8px 0 #e5e5e5;
}


.edit_menu{
	position:relative;
	height:100%;
	width:100%;
	margin:10px 0;
	cursor:pointer;
	text-align:center;
	color:#787878;
	display:inline-block;
	line-height:0;
}

.edit_menu:hover, .edit_menu:hover .edit_menu_inner .edit_menu_btn{
	color:var( --main-color-10 );
}

.edit_menu_inner {
	cursor:pointer;
	height:20px;
	width:100%;
	position:relative;
	display:block;
}

.edit_menu_inner input {
	display:none !important;
}


.edit_menu_inner .edit_menu_btn {
	color:#787878;
}

.edit_menu_inner input:checked + .edit_menu_btn {
	color:var( --main-color-10 );
}

.edit_menu_inner input:checked + .edit_menu_btn.sist_quick_layer_no_sel {
	color:#787878 !important;
}

.sel_menu_wrap {
	top:50px !important;
}

.sel_menu_wrap .scroll-wrapper {
	max-height:393px;
}


.sel_menu_wrap .sel_menu_main_rows .sel_menu_main_wrap{
	border-bottom:1px solid #efefef;
	background-color:#ffffff;
	padding:13px 0 13px 15px;
	text-align:left;
	position:relative;
	display:block;
	width:100%;
	text-decoration:none;
	cursor:pointer;
}

.sel_menu_wrap .sel_menu_rows.sel_menu_1st{
	border-top:1px solid #efefef;
}

.sel_menu_wrap .sel_menu_rows.sel_menu_1st:first-child{
	border-top:none;
}


.sel_menu_wrap .sel_menu_main_rows.sel_menu_main_rows_active .sel_menu_main_wrap,
.sel_menu_wrap .sel_menu_main_rows .sel_menu_main_wrap:hover,
.sel_menu_wrap .sel_menu_rows:hover a,
.sel_menu_wrap .sel_menu_rows.sel_menu_rows_active a
{
	background-color:var( --main-color-1 );
}



.sel_menu_wrap .sel_menu_main_rows.sel_menu_main_rows_active .sel_menu_main_wrap .sel_menu_main_title,
.sel_menu_wrap .sel_menu_main_rows.sel_menu_main_rows_active .sel_menu_main_wrap .sel_menu_main_icon,
.sel_menu_wrap .sel_menu_main_rows .sel_menu_main_wrap:hover .sel_menu_main_icon,
.sel_menu_wrap .sel_menu_rows a .sel_menu_rows_icon:hover
{
	color:var( --main-color-10 );
}

.sel_menu_wrap .sel_menu_main_rows .sel_menu_main_wrap .sel_menu_main_title{
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:16px;
	color:#333333;
}

.sel_menu_wrap .sel_menu_main_rows .sel_menu_main_wrap .sel_menu_main_icon{
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-10px;
	color:rgba(0,0,0,0.4);
	line-height:0;
}


.sel_menu_wrap .sel_menu_rows a{
	background-color:#ffffff;
	padding:13px 0;
	text-align:left;
	position:relative;
	display:block;
	width:348px;
	text-decoration:none;
}

.sel_menu_wrap .sel_menu_rows a .sel_menu_rows_title{
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:16px;
	color:#333333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	display:flex;
}

.sel_menu_wrap .sel_menu_rows a .sel_menu_rows_icon{
	display:none;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-10px;
	color:rgba(0,0,0,0.4);
	line-height:0;
}

.sel_menu_wrap .sel_menu_rows.sel_menu_1st:hover a .sel_menu_rows_title,
.sel_menu_wrap .sel_menu_rows.sel_menu_2st:hover a .sel_menu_rows_title,
.sel_menu_wrap .sel_menu_rows.sel_menu_3st:hover a .sel_menu_rows_title
{
	max-width:88%;
}

.sel_menu_wrap .sel_menu_rows.sel_menu_1st.sel_menu_rows_active a .sel_menu_rows_title,
.sel_menu_wrap .sel_menu_rows.sel_menu_2st.sel_menu_rows_active a .sel_menu_rows_title,
.sel_menu_wrap .sel_menu_rows.sel_menu_3st.sel_menu_rows_active a .sel_menu_rows_title
{
	color:var( --main-color-10 );
	max-width:88%;
}

.sel_menu_wrap .sel_menu_rows.sel_menu_1st a .sel_menu_rows_title .prepare_page_sub_icon_st,
.sel_menu_wrap .sel_menu_rows.sel_menu_2st a .sel_menu_rows_title .prepare_page_sub_icon_st,
.sel_menu_wrap .sel_menu_rows.sel_menu_3st a .sel_menu_rows_title .prepare_page_sub_icon_st
{
	margin-left:5px;
	line-height:1.4;
	color:rgba(0,0,0,0.4);
}

.sel_menu_wrap .sel_menu_rows.sel_menu_1st a .sel_menu_rows_title .prepare_page_sub_icon_st:hover,
.sel_menu_wrap .sel_menu_rows.sel_menu_2st a .sel_menu_rows_title .prepare_page_sub_icon_st:hover,
.sel_menu_wrap .sel_menu_rows.sel_menu_3st a .sel_menu_rows_title .prepare_page_sub_icon_st:hover
{
	color:var( --main-color-10 );
}

.sel_menu_wrap .sel_menu_rows:hover a .sel_menu_rows_icon,
.sel_menu_wrap .sel_menu_rows.sel_menu_rows_active a .sel_menu_rows_icon
{
	display:block;
}

.sel_menu_wrap .sel_menu_rows.sel_menu_1st a {
	padding-left:15px;
}
.sel_menu_wrap .sel_menu_rows.sel_menu_1st a .sel_menu_rows_title{
	max-width:96%;
}

.sel_menu_wrap .sel_menu_rows.sel_menu_2st a {
	padding-left:30px;
}
.sel_menu_wrap .sel_menu_rows.sel_menu_2st a .sel_menu_rows_title{
	max-width:96%;
}

.sel_menu_wrap .sel_menu_rows.sel_menu_3st a {
	padding-left:45px;
}
.sel_menu_wrap .sel_menu_rows.sel_menu_3st a .sel_menu_rows_title{
	max-width:96%;
}




.history_pop_wrap {
	top:50px !important;
}

.history_pop_wrap .scroll-wrapper {
	max-height:250px;
}

.history_pop_wrap .history_rows_st {
	cursor:pointer;
	border-top:1px solid #efefef;
	background-color:#ffffff;
	position:relative;
	padding:15px;
}

.history_pop_wrap .history_rows_st:first-child {
	border-top:none;
}

.history_pop_wrap .history_rows_st .history_rows_icon_select, 
.history_pop_wrap .history_rows_st .history_rows_icon_move 
{
	display:none;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-10px;
	color:rgba(0,0,0,0.4);
}

.history_pop_wrap .history_rows_st .history_rows_title {
	font-size:16px;
	color:#333333;
	max-width:100%;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
}

.history_pop_wrap .history_rows_st .history_rows_date {
	font-size:12px;
	color:#999999;
	font-family:'Noto Sans KR' !important;
	margin-top:8px;
	font-weight:400 !important;
}


.history_pop_wrap .history_rows_st.history_select {
	background-color:var( --main-color-1 );
}


.history_pop_wrap .history_rows_st.history_select .history_rows_icon_select {
	display:block;
	line-height:0;
}

.history_pop_wrap .history_rows_st.history_select .history_rows_icon_move {
	display:none !important;
}

.history_pop_wrap .history_rows_st.history_select .history_rows_title {
	color:var( --main-color-10 );
	max-width:80%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.history_pop_wrap .history_rows_st.history_select .history_rows_date {
	color:var( --main-color-4 );
}

.history_pop_wrap .history_rows_st:hover {
	background-color:var( --main-color-1 );
}

.history_pop_wrap .history_rows_st:hover .history_rows_icon_move {
	display:block;
	line-height:0;
}

.history_pop_wrap .history_rows_st:hover .history_rows_title {
	max-width:80%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}

.layer_wrap_scroll.quick_layer_wrap{
 max-height:485px !important;
}

.design_select_layer_wrap_scroll,
.design_select_layer_wrap_scroll .scroll-wrapper,
.layer_wrap_scroll .scroll-wrapper,
.layer_wrap_scroll_tab .multi_upload_wrap .scroll-wrapper
{
	min-height:100%;
	max-height:100%;
	height:100%;
}

.layer_wrap_scroll_tab .scroll-wrapper
{
	min-height:calc(100% - 70px);
	max-height:calc(100% - 70px);
	height:calc(100% - 70px);
}



.container-hidden{
	margin-top:0px;
	transition: 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-property: margin-top;
}





.container {
	width:100%;
	display:block;
	clear:both;
}


/* 상단, 중단, 하단 관련 */

.container .contents_block {
	position:relative;
}

.container .contents_block .contents_block_side_thema {
	width:50px;
	background:#ffffff;
	text-align:center;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	border-left:1px solid rgba(0,0,0,0.3);
	/*box-shadow:-2px 1px 3px 0 #e5e5e5;*/
	/*z-index:2000;*/
}


.container .contents_block .contents_block_side_thema .block_set_btn {
	position: relative;
	width:100%;
	margin:0;
	padding:5px 0;
	cursor: pointer;
	text-align:center;
	display: inline-block;
	line-height:0px;
}

.container .contents_block .contents_block_side_thema .block_set_btn2 {
	position: absolute;
	width:100%;
	margin:10px 0;
	padding:5px 0;
	bottom:0;
	left:0;
	cursor: pointer;
	text-align:center;
	display: inline-block;
}

.container .contents_block .contents_block_side_thema .block_set_btn3 {
	position: relative;
	width:100%;
	padding:5px 0;
	cursor: pointer;
	text-align:center;
	display: inline-block;
}

.container .contents_block .contents_block_side_thema .block_set_over_btn {
	position: relative;
	width:100%;
	margin:0;
	padding:5px 0;
	cursor: pointer;
	text-align:center;
	display: inline-block;
	line-height:0px;
}

.container .contents_block .contents_block_side_thema .btn_block_side_thema {
	left: -140px !important;
}

.container .contents_block .contents_block_side_thema .block_set_btn,
.container .contents_block .contents_block_side_thema .block_set_over_btn,
.container .contents_block .contents_block_side_thema .block_set_btn2, 
.container .contents_block .contents_block_side_thema .block_set_btn3 {
	color:#a8a8a8;
}

.container .contents_block:hover .contents_block_side_thema .block_set_btn,
.container .contents_block:hover .contents_block_side_thema .block_set_over_btn,
.container .contents_block:hover .contents_block_side_thema .block_set_btn2,
.container .contents_block:hover .contents_block_side_thema .block_set_btn3,
.container .contents_block .contents_block_side_thema .block_set_btn:hover,
.container .contents_block .contents_block_side_thema .block_set_over_btn:hover,
.container .contents_block .contents_block_side_thema .block_set_btn2:hover, 
.container .contents_block .contents_block_side_thema .block_set_btn3:hover {
	color:var( --main-color-10 );
}

.container .contents_block .contents_block_side_thema .block_set_over_btn.block_set_btn_sel {
	color:#ff0000;
}


.container .contents_block .block_edit .block_design_area {
	position:relative;
}

.container .contents_block .block_edit .block_design_area:first-child .block_setting_bar {
	border-top:none;
}

.container .contents_block .block_edit .block_design_area:hover {
	
}

.container .contents_block .block_edit .block_design_area:hover .default_block_design .widget_area_design {
	z-index:4 !important;
}

.container .contents_block .block_edit .block_design_area .block_design_magin .default_block_design
{
	margin:0 auto;
	max-width:100%;
}

.container .contents_block .block_edit .block_design_area .block_setting_bar {
	width:50px;
	background:#f6f6f8;
	text-align:center;
	position:absolute;
	top:0;
	bottom:0px;
	right:0;
	z-index:1000;
	border-left:1px dotted #d1d1d1;
	border-top:1px dotted #b0b0b0;
	cursor:row-resize !important;
}

.container .contents_block .block_edit .block_design_area .block_setting_bar .block_setting_layer_area {
	position: relative;
	width:100%;
	cursor: pointer;
	text-align:center;
	display: inline-block;
}

.container .contents_block .block_edit .block_design_area .block_setting_bar .block_setting_layer_area .block_setting_layer_btn {
	position: relative;
	width:100%;
	margin:0;
	padding:5px 0;
	cursor: pointer;
	text-align:center;
	display: inline-block;
	line-height:0;
}

.container .contents_block .block_edit .block_design_area .block_setting_bar .block_setting_layer_area .block_setting_layer_move_btn {
	transform: rotate(90deg);
}

.container .contents_block .block_edit .block_design_area .block_setting_bar .block_setting_layer_area .block_setting_layer_btn
{
	color:#a8a8a8;
}

.container .contents_block .block_edit .block_design_area:hover .block_setting_bar .block_setting_layer_area .block_setting_layer_btn,
.container .contents_block .block_edit .block_design_area .block_setting_bar .block_setting_layer_area .block_setting_layer_btn:hover
{
	color:var( --main-color-10 );
}

/* 상단, 중단, 하단 관련 */




/* 퀵메뉴 단편집 관련 */
.container .contents_block_quick {
	position:fixed;
	min-width:100px;
	min-height:100px;
	left:50%;
	z-index:3004;
	display:none;
	/*border:1px solid rgba(0,0,0,0.08);*/
}

.container .contents_block_quick .new_block_quick {
	min-width:100px;
	min-height:100px;
	background-color:rgba(255,255,255,0.5);
	text-align: center;
	border:1px solid #e5e5e5;
}

.container .contents_block_quick .new_block_quick .new_block_plus{
	position:absolute;
	font-size:0px;
	top:50%;
	left: 50%;
	margin-left:-20px;
	margin-top:-20px;
	width:41px;
	padding:10px 0 9px 1px;
	background-color:rgba(255,255,255,1);
	border:1px solid #999999;
	cursor: pointer;
	display: inline-block;
	border-radius:50%;
	color:#999999;
	box-shadow:2px 3px 3px 0px #e5e5e5;
	transition: 0.4s ease-in-out;
	transition-duration: .2s;
	transition-property: border, color;
}

.container .contents_block_quick .new_block_quick .new_block_plus:hover{
	color:var( --main-color-10 );
	border:1px solid var( --main-color-10 );
	transition: 0.4s ease-in-out;
	transition-duration: .2s;
	transition-property: border, color;
}


.container .contents_block_quick .block_edit .block_design_area_quick .block_setting_bar {
	width:100%;
	text-align:center;
	position:absolute;
	top:100%;
	margin-top:6px;
}

.container .contents_block_quick .block_edit .block_design_area_quick .block_design_magin {
	/*border:1px solid rgba(0,0,0,0.08);*/
}



.container .contents_block_quick .block_edit .block_design_area_quick .block_setting_bar .block_setting_layer_area {
	position:relative;
	cursor:pointer;
	text-align:center;
	width: 66px;
	margin:0 auto;
}


.container .contents_block_quick .block_edit .block_design_area_quick .block_setting_bar .block_setting_layer_area .block_setting_layer_btn {
	position: relative;
	margin:0;
	padding:5px;
	cursor: pointer;
	text-align:center;
	display: inline-block !important;
	background:#f6f6f8;
	border:1px solid #e5e5e5;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:30px;
	float:left;
	color:#a8a8a8;
	margin-right:6px;
	border-radius:3px;
	line-height:0;
}

.container .contents_block_quick .block_edit .block_design_area_quick .block_setting_bar .block_setting_layer_area .block_setting_layer_move_btn {
	margin:0 !important;
	transform: rotate(90deg);
	display: none !important;
}

.container .contents_block_quick .block_edit .block_design_area_quick .block_setting_bar .block_setting_layer_area .block_setting_layer_btn:last-child{
	margin-right:0px;
}


.container .contents_block_quick .block_edit .block_design_area_quick .block_setting_bar .block_setting_layer_area .block_setting_layer_btn:hover
{
	color:var( --main-color-10 );
	border:1px solid var( --main-color-10 );
}

.container .contents_block_quick .block_edit .block_design_area_quick .block_setting_bar .block_setting_layer_area .block_show_quick
{
	color:var( --main-color-10 );
	border:1px solid var( --main-color-10 );
}


/* 퀵메뉴 단편집 관련 */



/* 위젯 관련 */
.container .widget_setting_layer_position,
.container .sub_setting_layer_position
{
	text-align:center;
	position:absolute;
	z-index:4000;
	display:none;
}

.container .widget_setting_layer_position .widget_setting_layer_area,
.container .sub_setting_layer_position .sub_setting_layer_area
{
	position: relative;
	width:100%;
	cursor: pointer;
	text-align:center;
	display: inline-block;
}

.container .widget_setting_layer_position .widget_setting_layer_area .widget_setting_layer_btn,
.container .sub_setting_layer_position .sub_setting_layer_area .sub_setting_layer_btn
{
	position: relative;
	cursor: pointer;
	width:30px;
	height:10px;
}



.container .widget_area .widget_setting_layer_btn_fixed {
	width:30px;
	background:#ffffff;
	text-align:center;
	position:absolute;
	border-radius:3px;
	border:1px solid #dadada;
	box-shadow:0 2px 5px 0 #e5e5e5;
	color:#999999;
	padding:5px 0;
	cursor: pointer;
	display:none;
	line-height:0;
	top:5px;
	right:5px;
}

.container .widget_area .widget_setting_layer_btn_fixed.btn_activity {
	display:inline-block;
	z-index:4000;
}

.container .widget_area .widget_setting_layer_btn_fixed:hover {
	color:var( --main-color-10 );
	border:1px solid var( --main-color-10 );
}

.container .widget_area .widget_setting_wysiwyg_btn_fixed {
	width:70px;
	background:#ffffff;
	text-align:center;
	position:absolute;
	border-radius:3px;
	border:1px solid #dadada;
	color:#000000;
	font-size:12px;
	padding:2px 0;
	cursor:pointer;
	top:50%;
	left:50%;
	display:none;
	transform:translate(-50%, -50%);
}

.container .widget_area .widget_setting_wysiwyg_btn_fixed.btn_activity {
	display:inline-block;
	z-index:4000;
}

.container .widget_area .widget_setting_wysiwyg_btn_fixed:hover {
	color:var( --main-color-10 );
	border:1px solid var( --main-color-10 );
}

/* 위젯 관련 */

.pop_list {
	padding:15px;
}

.pop_list .pop_list_rows {
	margin-top:25px;
	padding-top:25px;
	border-top:1px solid #e9e9e9;
}

.pop_list .pop_list_rows:first-child {
	margin-top:0px;
	padding-top:0px;
	border-top:none;
}

.pop_list .pop_list_rows .pop_list_rows_title_wrap {
	margin-bottom:10px;
	height:30px;
}

.pop_list .pop_list_rows .pop_list_rows_title_wrap .pop_list_rows_title {
	float:left;
	margin-left:10px;
	width:300px;
	font-size:18px;
	margin-top:2px;
	color:#000000;
	cursor:pointer;
}

.pop_list .pop_list_rows .pop_list_rows_title_wrap .pop_list_rows_btn {
	float:right;
	text-align:right;
	width:45px;
	margin-top:5px;
}

.pop_list .pop_list_rows .pop_list_rows_title_wrap .pop_list_rows_display {
	float:left;
	display:inline-block;
	width:70px;
	text-align:center;
	border-radius: 25px;
	padding:5px 0;
	color:#fff;
}


.pop_list .pop_list_rows .pop_list_rows_title_wrap .pop_list_rows_display_on {
	background-color:var( --main-color-10 );
}

.pop_list .pop_list_rows .pop_list_rows_title_wrap .pop_list_rows_display_off {
	background-color:#535858;
}

.pop_list .pop_list_rows .pop_list_rows_img {
	width:100%;
	height:230px;
	overflow:hidden;
	border:1px solid #e9e9e9;
	box-shadow:0 2px 5px 0 #e5e5e5;
	position:relative;
	margin-bottom:12px;
	cursor:pointer;
}

.pop_list .pop_list_rows .pop_list_rows_info {
	font-size:16px;
	font-family:'Noto Sans KR' !important; font-weight:400 !important;
	color:#000000;
}

.pop_list .pop_list_rows .pop_list_rows_info:last-child {
	margin-top:5px;
}






.top_banner_list {
	padding:15px;
}

.top_banner_list .top_banner_list_rows {
	margin-top:25px;
	padding-top:25px;
	border-top:1px solid #e9e9e9;
}

.top_banner_list .top_banner_list_rows:first-child {
	margin-top:0px;
	padding-top:0px;
	border-top:none;
}

.top_banner_list .top_banner_list_rows .top_banner_list_rows_title_wrap {
	margin-bottom:10px;
	height:30px;
}

.top_banner_list .top_banner_list_rows .top_banner_list_rows_title_wrap .top_banner_list_rows_title {
	float:left;
	margin-left:10px;
	width:300px;
	font-size:18px;
	margin-top:2px;
	color:#000000;
	cursor:pointer;
}

.top_banner_list .top_banner_list_rows .top_banner_list_rows_title_wrap .top_banner_list_rows_btn {
	float:right;
	text-align:right;
	width:45px;
	margin-top:5px;
}

.top_banner_list .top_banner_list_rows .top_banner_list_rows_title_wrap .top_banner_list_rows_display {
	float:left;
	display:inline-block;
	width:70px;
	text-align:center;
	border-radius: 25px;
	padding:5px 0;
	color:#fff;
}


.top_banner_list .top_banner_list_rows .top_banner_list_rows_title_wrap .top_banner_list_rows_display_on {
	background-color:var( --main-color-10 );
}

.top_banner_list .top_banner_list_rows .top_banner_list_rows_title_wrap .top_banner_list_rows_display_off {
	background-color:#535858;
}

.top_banner_list .top_banner_list_rows .top_banner_list_rows_img {
	width:100%;
	height:100px;
	overflow:hidden;
	border:1px solid #e9e9e9;
	box-shadow:0 2px 5px 0 #e5e5e5;
	position:relative;
	margin-bottom:12px;
	cursor:pointer;
}

.top_banner_list .top_banner_list_rows .top_banner_list_rows_info {
	font-size:16px;
	font-family:'Noto Sans KR' !important; font-weight:400 !important;
	color:#000000;
}

.top_banner_list .top_banner_list_rows .top_banner_list_rows_info:last-child {
	margin-top:5px;
}


.topbn_menu_rows {
	margin:2px 10px 8px 0;
	overflow: visible;
	font: inherit;
	color:#ffffff;
	display: inline-block;
	box-sizing: border-box;
	padding: 8px 35px 8px 15px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
	text-decoration: none;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color, border-color;
	border-radius:25px;
	-webkit-box-shadow:0 1px 3px 0 #e5e5e5;
	box-shadow:0 1px 3px 0 #e5e5e5;
	border:1px solid rgba(0,0,0,0.1) !important;
	background-color:#445163 !important;
	outline:none;
	float:left;
	position:relative;
	cursor:pointer;
}


.topbn_menu_rows:hover, .topbn_menu_rows:focus, .topbn_menu_rows:active{
	background-color:#384352 !important;
	color: #fff;
	border:1px solid rgba(0,0,0,0.1) !important;
}


.topbn_menu_rows svg {
	position:absolute;
	top:8px;
	right:10px;
}


.design_select_box {
	width:400px;
}

.design_select_box .design_sel_box_head {
	position:relative;
	padding: 20px 15px 15px 15px;
	border-bottom: 1px #dddddf solid;
	background-color: #f6f6f8;
}

.design_select_box .design_sel_box_head .design_sel_box_head_title{
	width:160px;
	display:inline-block;
	color:#000000;
	vertical-align:middle;
	font-size:22px;
	letter-spacing: -1px;
	white-space: nowrap;
	float:left;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	line-height: 1.3;
}


.design_select_box .design_sel_box_head .design_sel_box_close{
	width:40px;
	float:right;
	position:static;
	display:inline-block;
	margin-top:-6px;
	color:#000000;
}

.design_select_box .design_sel_tab {
	padding:15px;
	border-bottom:1px solid #dddddf;
	font-family:'Noto Sans KR' !important;
}

.design_select_box .design_sel_width_tab_wrap {
	position: absolute;
	background-color: #ffffff;
	z-index:2;
	width:310px;
}

.design_select_box .design_sel_width_tab_wrap .design_sel_width_tab {
	padding:15px;
	border-bottom:1px solid #dddddf;
	font-family:'Noto Sans KR' !important;
}


.design_select_box.design_select_box_thema .design_sel_tab.uk-subnav > * {
	padding-left:0px !important;
	padding-right:5px !important;
	padding-bottom:5px !important;
}

.design_select_box.design_select_box_thema .design_sel_tab {
	padding:15px 15px 10px 15px !important;
}


.design_sel_first_tab {
	float:left;
	display:block;
	overflow-x:hidden;
	width:90px;
	background-color:#fafafa;
	overflow-y:auto;
	position:relative;
}

.design_sel_second_tab {
	overflow-x:hidden;
	overflow-y:auto;
	
}

.design_sel_first_tab .uk-active:after,
.design_sel_first_tab .design_select_layer_wrap_scroll:after{
	content:"";
	display:inline-flex;
	background-color:#fafafa;
	border-right:1px solid #e5e5e5;
	position: absolute;
	top: 0;
	bottom: 0;
	width:90px;
	z-index:1;
}

.rows_block_category_non_sel {
	background-color:#fafafa;
	position: relative;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	display:flex;
	z-index:2;
}

.rows_block_category_sel {
	background-color:#ffffff !important;
	border-right:1px solid #ffffff !important;
}

.no_block_info {
	font-size:16px;
	text-align:center;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	padding-top:20px;
}




.design_select_box_preview {
	width:600px !important;
}

.goods_preview_box_preview {
	width:1042px !important;
}

.design_select_box_preview .design_sel_box_head,
.goods_preview_box_preview .design_sel_box_head {
	position:relative;
	padding: 20px 15px 15px 15px;
	border-bottom: 1px #dddddf solid;
	background-color: #f6f6f8;
}

.design_select_box_preview .design_sel_box_head .design_sel_box_head_title,
.goods_preview_box_preview .design_sel_box_head .design_sel_box_head_title{
	width:160px;
	display:inline-block;
	color:#000000;
	vertical-align:middle;
	font-size:22px;
	letter-spacing: -1px;
	white-space: nowrap;
	float:left;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	line-height:1.3;
}


.design_select_box_preview .design_sel_box_head .design_sel_box_close,
.goods_preview_box_preview .design_sel_box_head .design_sel_box_close{
	width:40px;
	float:right;
	position:static;
	display:inline-block;
	margin-top:-6px;
	color:#000000;
}

.design_select_box_preview .block_preview_sel_btn,
.goods_preview_box_preview .block_preview_sel_btn {
	border-top:1px #dddddf solid;
	position:relative;
	background-color:#ffffff;
	color:#333333;
	text-align:center;
	background-image:none;
	margin:0px;
	padding:15px 20px;
}

.design_select_box_preview .preview_inner {
	max-height:300px;
}

.goods_preview_box_preview .preview_inner {
	max-height:520px;
}



.sist_menu_more {
left:-160px !important;
/*top:5px !important;*/
}

.sist_menu_color {
	background:var( --main-color-10 );
}

.sist_menu_color > a {
	color:#ffffff !important;
}

.sist_menu_btn{
	margin-right:12px;
	position:absolute;
	padding:0;
	overflow:visible;
	right:0;
	top:11px;
}

.sist_menu_show_info{
	background-color: transparent;
	border-color: transparent;
	text-shadow:none;
	box-shadow:none;
	background-image: inherit;
	border:none;
	border-radius:inherit;
	font:inherit;
	outline: none;
	float:left;
	position:relative;
	margin-left:8px;
	color:rgba(0,0,0,0.2);
}

.sist_menu_show_info.prepare_page_icon_main_st{
	color:rgba(0,0,0,0.3);
	margin-top:1px;
}



.container .empty_block {
	text-align:center;
	padding:150px 79px 150px 0;
}

.container .empty_block .empty_block_title{
	font-size:28px;
	font-family:'Noto Sans KR' !important;
	font-weight:100 !important;
	margin-bottom:10px;
}
.container .empty_block .empty_block_plus{
	font-size:0px;
	left: 50%;
	margin-left:-20px;
	width:41px;
	padding:10px 0 9px 1px;
	background-color:rgba(255,255,255,1);
	border:1px solid #999999;
	cursor: pointer;
	display: inline-block;
	border-radius:50%;
	color:#999999;
	box-shadow:2px 3px 3px 0px #e5e5e5;
	transition: 0.4s ease-in-out;
	transition-duration: .2s;
	transition-property: border, color;
}

.container .empty_block .empty_block_plus:hover{
	color:var( --main-color-10 );
	border:1px solid var( --main-color-10 );
	transition: 0.4s ease-in-out;
	transition-duration: .2s;
	transition-property: border, color;
}


.minicolors-panel-position {
	margin-top:43px;
	position: fixed;
	z-index: 99999;
}

.all_menu_skin_edit_padding{
padding-right:50px;
}

.list_btn_st {
	display:none;
}

.list_btn_st.uk-dropdown{
width:200px !important;
top:5px;
}


.edit_menu_tab_wrap{
	display: flex;
	flex-wrap: wrap;
	margin-left: 0px;
	list-style: none;
	padding:15px;
	border-bottom:1px solid #dddddf;
}


.edit_menu_tab_wrap > *:first-child {
	padding-left: 0px;
}
.edit_menu_tab_wrap > * {
	flex: none;
	padding-left: 8px;
	position: relative;
	outline:none;
}

.edit_menu_tab_wrap > .edit_menu_tab_on > a {
	background-color:var( --main-color-10 );
	color: #fff;
	outline:none;
}

.edit_menu_tab_wrap > .edit_menu_tab_off:hover > a {
	background-color:var( --main-color-8 );
	color: #fff;
	outline:none;
}


.edit_menu_tab_wrap > * > :first-child {
	padding: 8px 17px;
	background-color: #efefef;
	color: #999;
}

.edit_menu_tab_wrap > * > :first-child {
	display: block;
	color: #999;
	font-size: 15px;
	text-transform: uppercase;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color;
	border-radius: 25px;
}


.edit_env_tab_wrap{
	display: flex;
	flex-wrap: wrap;
	margin-left: 0px;
	list-style: none;
	padding:15px;
	border-bottom:1px solid #dddddf;
}


.edit_env_tab_wrap > *:first-child {
	padding-left: 0px;
}
.edit_env_tab_wrap > * {
	flex: none;
	padding-left: 8px;
	position: relative;
	outline:none;
}

.edit_env_tab_wrap > .edit_env_tab_on > a {
	background-color:var( --main-color-10 );
	color: #fff;
	outline:none;
}

.edit_env_tab_wrap > .edit_env_tab_off:hover > a {
	background-color:var( --main-color-8 );
	color: #fff;
	outline:none;
}


.edit_env_tab_wrap > * > :first-child {
	padding: 8px 17px;
	background-color: #efefef;
	color: #999;
}

.edit_env_tab_wrap > * > :first-child {
	display: block;
	color: #999;
	font-size: 15px;
	text-transform: uppercase;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color;
	border-radius: 25px;
}

.h_form.skin_edit_pop {
	padding:15px;
}

.h_form.skin_edit_pop .write_input > label {
	width:140px;
}

.h_form.skin_edit_pop .write_input > div{
	width:calc(100% - 140px);
}

.h_form.skin_edit_pop .write_input > div .multi_input_gap_sel select {
margin-right:5px;
}


.h_form .setting_layer_divide_title {
	width:100%;
	display:block;
	text-align:left;
	font-size:16px;
	color:#000000;
	margin-bottom:10px;
	padding-top:40px;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	border-bottom:1px solid #eeeeee;
	padding-bottom:10px;
}


.h_form .setting_layer_divide_title:first-child {
	padding-top:0px;
}








.menu_detail_tab_wrap{
	display: flex;
	flex-wrap: wrap;
	margin-left: 0px;
	list-style: none;
	padding:15px;
	border-bottom:1px solid #dddddf;
}


.menu_detail_tab_wrap > *:first-child {
	padding-left: 0px;
}
.menu_detail_tab_wrap > * {
	flex: none;
	padding-left: 8px;
	position: relative;
	outline:none;
}

.menu_detail_tab_wrap > .menu_detail_tab_on > a {
	background-color:var( --main-color-10 );
	color: #fff;
	outline:none;
}

.menu_detail_tab_wrap > .menu_detail_tab_off:hover > a {
	background-color:var( --main-color-8 );
	color: #fff;
	outline:none;
}


.menu_detail_tab_wrap > * > :first-child {
	padding: 8px 17px;
	background-color: #efefef;
	color: #999;
}

.menu_detail_tab_wrap > * > :first-child {
	display: block;
	color: #999;
	font-size: 15px;
	text-transform: uppercase;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color;
	border-radius: 25px;
}

.h_form .form_rows_table {
	margin-bottom:12px;
}

.h_form .form_rows_table > table thead th {
	border-left: 1px solid #e5e5e5 !important;
	padding: 12px !important;
}


.h_form .form_rows_table > table thead th:first-child {
	border-left: none !important;
}


.h_form .form_rows_table > table tbody td:first-child {
	background-color:rgba(250, 250, 250, 1) !important;
	color: #000 !important;
	text-transform: uppercase !important;
	border-left: none !important;
}

.h_form .form_rows_table > table tbody td {
	text-align:left;
	justify-content: left;
	align-items: left;
	border-left: 1px solid #e5e5e5 !important;
	vertical-align: top;
}

.h_form .form_rows_table > table tbody td .menu_name_image > img{
	margin-top:10px;
}

.h_form .write_input.border_add {
	border-top:1px solid #dddddf;
}


.write_input_editor {
	margin-bottom:12px;
	padding-top:12px;
}

.write_input_editor > label {
	display:block;
	text-align:left;
	cursor:pointer;
	font-size:16px;
}

.write_input_editor > div {
	margin-top:10px;
}

.h_form .menu_secure_view_group{
	float:left;
	margin:0 20px 0 0;
}

.h_form.setting_layer .write_input {
	margin-top:15px;
	margin-bottom:0px !important;
}

.h_form.setting_layer .write_input:first-child{
	margin-top:0px !important;
}

.h_form.setting_layer .write_input > label {
	width:180px;
}

.h_form.setting_layer .write_input > div{
	width:calc(100% - 180px);
}


.h_form.setting_layer .basic_info_btn {
	color:#333333;
	cursor:pointer;
}

.h_form.setting_layer .basic_info_btn:hover {
	color:var( --main-color-10 );
}

.h_form.setting_layer .basic_info_btn svg{
	margin-top:-3px;
}

.h_form .move_btn2 svg{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.h_form .move_btn1, .h_form .move_btn2 {
	padding-top:9px;
	padding-bottom:9px;
}


.h_form.setting_layer.attribute_layer_st {
	position:relative;
	margin-top:15px;
	margin-bottom:0px !important;
}
.h_form.setting_layer.attribute_layer_st:first-child {
	margin-top:0px !important;
}

.map_div_widget_box div {
	box-sizing:initial;
}

/* category_edit */
.skin_edit_pop .category_edit{
	padding:15px;
	box-sizing:border-box !important;
}
.category_edit #sist_gc_list_no{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:16px;
}
.ui-dialog-buttonset.h_form .item-add{position:absolute; left:10px;}

.category_edit .dd-item .dd-button-container{position:absolute !important; right:0px; margin-right:15px;}
.category_edit .sist_menu_btn .sist_menu_show_info{margin-left:8px;color:rgba(0,0,0,0.5) !important; padding:0 !important;}
.category_edit .dd-edit-box input{font-size:15px !important; border-bottom:1px solid var(--main-color-10) !important; width:100% !important; padding-bottom:4px !important;}
.category_edit .dd-edit-box .end-edit{color:var(--main-color-8) !important;}