/**
 * Creator : CJW
 * Create Time : 2016-05-05
 * Description : 위븐 웹킷
 */
@charset "utf-8";

:root {
    --action_block_hover: #e8f3f5;
    --inner_block_hover: #c6dbfc;
    --zgai_mint_0 : #27a0a3;
    --zgai_mint_1 : #02bdb7;
    --effect_border: 4px solid #f0c943;
    
    --toolset_point: #ed8000;

    --toolset_point_02: #007EFF;
    --toolcon_bg: #464646; 
    --toolcon_txt: #fff;
    --toolcon_br: 5px;

    --txt_color_01: #464646; /* 메인 text color */
    --txt_color_02: #DEE7EA; /* 비활성 text color */
    --txt_color_03: #aeaeae; /* placeholder 및 서브 text */
    --txt_weight: 500; 

    --border_color_01: #EDEAF5; /* 메인 border color */
    --border_color_02: #EBE8F4; /* top_toolbar default */
    --border_color_03: #F6F7FB; /* toolbar 영역나눔 */

    --tool_bg_color: #fff;
    --tool_bg_color_active: #EDEAF5;
    --bg_color_01 :#F6F7FB;
    --btn_bg_blue: #007EFF;
    --btn_bg_check: #80BFFF;

    --grid_layout_0 : #8745d7;
    --grid_layout_1 : #9280de;
}

body[data-wv-design-mode]:not(.masterblock_edit_mode) [data-wv-inc] [data-wv-layout-element="block"] {pointer-events: none;}
[data-wv-inc^="header"]{ position: absolute; /*min-height: 80px;*/ z-index: 30;}
[data-wv-inc^="header"] > [data-wv-layout-element="block_inner"] {overflow: visible;}
[data-wv-inc^="footer"]{ min-height: 80px; z-index: 20;}
[data-wv-layout-element="skin-page"]{ /*display: flex; flex-wrap:wrap;*/ min-height: 400px; } /* 211026 hsj - display:flex 추가 */

body[data-wv-design-mode="design"] [data-wv-layout-element="block"].wvelLayoutViewBorderPadding { cursor: pointer; }
body[data-wv-design-mode="design"] [data-wv-layout-element="block"].wvelLayoutViewBorderPadding.edit_target_block > [contenteditable="true"] { cursor: text; }

body:not(.comment-mode) *[contentEditable="false"] > *{cursor: default;}
*[contentEditable="true"]{outline:0;}
*[contentEditable="true"] a{ text-decoration: underline; }
[data-wv-gnb] a{ text-decoration: none; }

td, th{ position: relative !important; }

/* editor placeholder 적용 - HJK */
[id*="_bmeditor"][contenteditable=true]:empty:before{ content: attr(placeholder); color: #a3acd6; display: block; /* For Firefox */}

/*td.active { background-color: #e5e7f1 !important; }*/

[data-wv-design-mode] [data-wv-layout-element="layout"]:after{content:''; position: absolute; z-index: 100; top:0; left:0; width: 100%; height: 100%; border:3px solid #673dff; box-sizing: border-box; pointer-events: none;}

/* 에디터 화면에서 grid 단수 제대로 띄우기 위함 */
[data-wv-design-mode] [data-wv-layout-element="block"]:not([data-wv-crud]):not([data-wv-template-parent]){ grid-template-columns: 1fr !important; }
[data-wv-design-mode] [data-wv-layout-element="block"]:not([data-wv-crud]) [data-wv-layout-element="block"]:not([data-wv-template-parent]){ grid-template-columns: 1fr !important; }
.expert [data-wv-layout-element="block"]:not([data-wv-crud]):not([data-wv-template-parent]){ grid-template-columns: 1fr !important; }
.expert [data-wv-layout-element="block"]:not([data-wv-crud]) [data-wv-layout-element="block"]:not([data-wv-template-parent]){ grid-template-columns: 1fr !important; }

[data-wv-layout-element="block_inner"]{ position: relative; /*overflow: hidden;*/ z-index: 2; float:left; width:100%; height:100%; box-sizing: border-box;
    display: inherit !important; flex-direction: inherit; flex-wrap: inherit; align-content: inherit; justify-content: inherit; align-items: inherit; justify-items: inherit;  gap: inherit; }
/*body[data-wv-design-mode="expert"] [data-wv-layout-element="block_inner"]{ overflow: unset; }*/

[data-wv-layout-element="block_inner"].wveditor_text{min-width: 10px; cursor: default;  color: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; font-family: inherit; line-height: inherit; letter-spacing: inherit; text-align: inherit; text-transform: inherit; text-decoration: inherit; line-break: anywhere;}
[data-wv-layout-element="block_inner"].wveditor_text span{cursor: default;}
/* .edit_target_block>[data-wv-layout-element="block_inner"].wveditor_text{cursor: auto;}
.edit_target_block>[data-wv-layout-element="block_inner"].wveditor_text span{cursor: auto;} */
[data-wv-layout-element="block_inner"][contenteditable="true"].wveditor_text{cursor: auto;}
[data-wv-layout-element="block_inner"][contenteditable="true"].wveditor_text span{cursor: auto;}
[data-wv-layout-element="block_inner"][contenteditable="true"].empty_text_block{line-height: 0 !important;}
[data-wv-layout-element="block_inner"].wveditor_table{overflow: visible;}
.wveditor_table [data-wv-layout-element="block_inner"] {overflow: visible;}
[data-wv-layout-element="block_inner"].wveditor_line{min-width: 1px;}
[data-wv-layout-element="block_inner"].wveditor_map {pointer-events: none;}

/*220718 hsj - 팝업 내용 편집을 위해 편집모드에서는 항상 노출되도록 css 추가*/
[data-wv-layout-element-type="popup"]{display: block !important;}

/*
    200304 min - 이미지 에디터가 붙는 이미지들이 초기값으로 width: 100%로 갖게 설정함.
    200306 min - 이미지 에디터 붙는 이미지들중에 auto로 적용되야 하는 애들은 img_width_auto 클래스를 inner에 중복으로 주면 적용 되게 처리 함
*/
[data-wv-layout-element-type="image"] img{width: 100%;}
[data-wv-layout-element-type="image_auto"] img{width: auto;}
.wvelLayoutViewBorderPadding [data-wv-layout-element="block_inner"].wveditor_image{cursor: pointer;}
/*.wvelLayoutViewBorderPadding [data-wv-layout-element="block_inner"].wveditor_image::after{content:""; position: absolute; max-width: 80px; width: 35%; height: 61px; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url('../../img/common/temporary_display_img_tag.png'); background-position: center; background-size: contain; background-repeat: no-repeat;}
.wvelLayoutViewBorderPadding [data-wv-layout-element="block_inner"].wveditor_image.changed::after{ content: none !important;}*/

[data-wv-layout-element-type="bg_image"] > [data-wv-layout-element="block_inner"]{background-image:none !important;}

[data-wv-block-config="policy"]:after{content:''; position: absolute; width: 100%; height: 100%; top:0; left:0; background-color: transparent; z-index: 3;}

[data-wv-layout-element="block"].hide {display: block !important;}
[data-wv-layout-element="block"].hide:before{content: '숨김'; position: absolute; z-index: 5; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center;
    font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color: #fff; text-align: center; background-color: rgba(0,0,0,0.6); opacity: 1; overflow: hidden;}

[data-wv-util-menu="member"].hide {display: block !important;}
[data-wv-util-menu="member"].hide:before{content: '숨김'; position: absolute; z-index: 5; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center;
    font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color: #fff; text-align: center; background-color: rgba(0,0,0,0.6); opacity: 1; overflow: hidden;}

[data-wv-hidden-area].hide {display: block !important;}
[data-wv-hidden-area].hide:before{content: '숨김'; position: absolute; z-index: 5; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center;
    font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color: #fff; text-align: center; background-color: rgba(0,0,0,0.6); opacity: 1; overflow: hidden;}



[data-wv-design-mode] .wvelLayoutViewBorderPadding p.clearBoth{ height: 0.1px; }
[data-wv-design-mode] .wvelLayoutViewBorderPadding p.clearBoth:before{ content:""; position: absolute; width: 7px; height: 7px; background: url("/weven_service/asset/img/br.png") center center no-repeat;}
body[data-wv-design-mode="design"] p.clearBoth:before{ content: none; }

/* 빗살무늬 버전 */
@media (max-width:767px){
    [data-wv-display-hide480]:not([effect-display]) > [data-wv-layout-element="block_selection"]{border: 1px solid #707f96!important;}
    [data-wv-display-hide480][data-wv-swiper-navigation]{ opacity: 1; }

    [data-wv-display-hide480]:not([effect-display]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide480][effect-display="hide"][element-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide480][effect-display="hide"][element-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide480][effect-display="hide"][select-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide480][effect-display="hide"][select-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide480][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click]):not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before 
    ,[data-wv-display-hide480][data-wv-swiper-pagination]::before
    {
        display:none; left:0; content: ''; position: absolute;  width: 100%; height: 100%; background: center no-repeat url('/weven_service/asset/img/26x26_display_hide_icon.png'); z-index: 10;
    }

    [data-wv-display-hide480]:not([effect-display]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide480][effect-display="hide"][element-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide480][effect-display="hide"][element-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide480][effect-display="hide"][select-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide480][effect-display="hide"][select-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide480][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click]):not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after 
    ,[data-wv-display-hide480][data-wv-swiper-pagination]::after
    {
        content: ''; left:0; position: absolute; width: 100%; height: 100%; background: center url('/weven_service/asset/img/hide_dim.png'); z-index: 10;
    }

    [data-wv-display-hide480][effect-display="hide"][element-hover][effect-display-real]
    ,[data-wv-display-hide480][effect-display="hide"][element-click][effect-display-real]
    ,[data-wv-display-hide480][effect-display="hide"][select-hover][effect-display-real]
    ,[data-wv-display-hide480][effect-display="hide"][select-click][effect-display-real]
    ,[data-wv-display-hide480][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click])[effect-display-real] 
    {
        display: none!important; 
    }
}

@media (min-width:768px) and (max-width:991px){
    [data-wv-display-hide768]:not([effect-display]) > [data-wv-layout-element="block_selection"]{border: 1px solid #707f96!important;}
    [data-wv-display-hide768][data-wv-swiper-navigation]{ opacity: 1; }

    [data-wv-display-hide768]:not([effect-display]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide768][effect-display="hide"][element-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide768][effect-display="hide"][element-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide768][effect-display="hide"][select-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide768][effect-display="hide"][select-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide768][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click]):not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide768][data-wv-swiper-pagination]::before
    {
        display:none; left:0; content: ''; position: absolute;  width: 100%; height: 100%; background: center no-repeat url('/weven_service/asset/img/26x26_display_hide_icon.png'); z-index: 10;
    }

    [data-wv-display-hide768]:not([effect-display]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide768][effect-display="hide"][element-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide768][effect-display="hide"][element-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide768][effect-display="hide"][select-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide768][effect-display="hide"][select-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide768][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click]):not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide768][data-wv-swiper-pagination]::after
    {
        content: ''; left:0; position: absolute; width: 100%; height: 100%; background: center url('/weven_service/asset/img/hide_dim.png'); z-index: 10;
    }

    [data-wv-display-hide768][effect-display="hide"][element-hover][effect-display-real]
    ,[data-wv-display-hide768][effect-display="hide"][element-click][effect-display-real]
    ,[data-wv-display-hide768][effect-display="hide"][select-hover][effect-display-real]
    ,[data-wv-display-hide768][effect-display="hide"][select-click][effect-display-real]
    ,[data-wv-display-hide768][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click])[effect-display-real]
    {
        display: none!important; 
    }
}

@media (min-width:992px) and (max-width:1199px){
    [data-wv-display-hide992]:not([effect-display]) > [data-wv-layout-element="block_selection"]{border: 1px solid #707f96!important;}
    [data-wv-display-hide992][data-wv-swiper-navigation]{ opacity: 1; }

    [data-wv-display-hide992]:not([effect-display]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide992][effect-display="hide"][element-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide992][effect-display="hide"][element-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide992][effect-display="hide"][select-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide992][effect-display="hide"][select-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide992][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click]):not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide992][data-wv-swiper-pagination]::before
    {
        display:none; left:0; content: ''; position: absolute;  width: 100%; height: 100%; background: center no-repeat url('/weven_service/asset/img/26x26_display_hide_icon.png'); z-index: 10;
    }

    [data-wv-display-hide992]:not([effect-display]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide992][effect-display="hide"][element-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide992][effect-display="hide"][element-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide992][effect-display="hide"][select-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide992][effect-display="hide"][select-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide992][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click]):not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide992][data-wv-swiper-pagination]::after
    {
        content: ''; left:0; position: absolute; width: 100%; height: 100%; background: center url('/weven_service/asset/img/hide_dim.png'); z-index: 10;
    }

    [data-wv-display-hide992][effect-display="hide"][element-hover][effect-display-real]
    ,[data-wv-display-hide992][effect-display="hide"][element-click][effect-display-real]
    ,[data-wv-display-hide992][effect-display="hide"][select-hover][effect-display-real]
    ,[data-wv-display-hide992][effect-display="hide"][select-click][effect-display-real]
    ,[data-wv-display-hide992][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click])[effect-display-real]
    {
        display: none!important; 
    }
}

@media (min-width:1200px) and (max-width:1599px){
    [data-wv-display-hide1200]:not([effect-display]) > [data-wv-layout-element="block_selection"]{border: 1px solid #707f96!important;}
    [data-wv-display-hide1200][data-wv-swiper-navigation]{ opacity: 1; }

    [data-wv-display-hide1200]:not([effect-display]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1200][effect-display="hide"][element-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1200][effect-display="hide"][element-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1200][effect-display="hide"][select-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1200][effect-display="hide"][select-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1200][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click]):not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1200][data-wv-swiper-pagination]::before
    {
        display:none; left:0; content: ''; position: absolute;  width: 100%; height: 100%; background: center no-repeat url('/weven_service/asset/img/26x26_display_hide_icon.png'); z-index: 10;
    }

    [data-wv-display-hide1200]:not([effect-display]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1200][effect-display="hide"][element-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1200][effect-display="hide"][element-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1200][effect-display="hide"][select-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1200][effect-display="hide"][select-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1200][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click]):not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1200][data-wv-swiper-pagination]::after
    {
        content: ''; left:0; position: absolute; width: 100%; height: 100%; background: center url('/weven_service/asset/img/hide_dim.png'); z-index: 10;
    }

    [data-wv-display-hide1200][effect-display="hide"][element-hover][effect-display-real]
    ,[data-wv-display-hide1200][effect-display="hide"][element-click][effect-display-real]
    ,[data-wv-display-hide1200][effect-display="hide"][select-hover][effect-display-real]
    ,[data-wv-display-hide1200][effect-display="hide"][select-click][effect-display-real]
    ,[data-wv-display-hide1200][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click])[effect-display-real]
    {
        display: none!important; 
    }
}

@media (min-width:1600px){
    [data-wv-display-hide1600]:not([effect-display]) > [data-wv-layout-element="block_selection"]{border: 1px solid #707f96!important;}
    [data-wv-display-hide1600][data-wv-swiper-navigation]{ opacity: 1; }

    [data-wv-display-hide1600]:not([effect-display]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1600][effect-display="hide"][element-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1600][effect-display="hide"][element-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1600][effect-display="hide"][select-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1600][effect-display="hide"][select-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1600][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click]):not([effect-display-real]) > [data-wv-layout-element="block_selection"]::before
    ,[data-wv-display-hide1600][data-wv-swiper-pagination]::before
    {
        display:none; left:0; content: ''; position: absolute;  width: 100%; height: 100%; background: center no-repeat url('/weven_service/asset/img/26x26_display_hide_icon.png'); z-index: 10;
    }

    [data-wv-display-hide1600]:not([effect-display]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1600][effect-display="hide"][element-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1600][effect-display="hide"][element-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1600][effect-display="hide"][select-hover]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1600][effect-display="hide"][select-click]:not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1600][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click]):not([effect-display-real]) > [data-wv-layout-element="block_selection"]::after
    ,[data-wv-display-hide1600][data-wv-swiper-pagination]::after
    {
        content: ''; left:0; position: absolute; width: 100%; height: 100%; background: center url('/weven_service/asset/img/hide_dim.png'); z-index: 10;
    }

    [data-wv-display-hide1600][effect-display="hide"][element-hover][effect-display-real]
    ,[data-wv-display-hide1600][effect-display="hide"][element-click][effect-display-real]
    ,[data-wv-display-hide1600][effect-display="hide"][select-hover][effect-display-real]
    ,[data-wv-display-hide1600][effect-display="hide"][select-click][effect-display-real]
    ,[data-wv-display-hide1600][effect-display="show"]:not([element-hover]):not([element-click]):not([select-hover]):not([select-click])[effect-display-real]
    {
        display: none!important; 
    }
}

/* 오른쪽 위 눈표시 버전 */
/* @media (max-width:767px){
    [data-wv-display-hide480]{ opacity: 0.3 !important; }
    [data-wv-display-hide480] > [data-wv-layout-element="block_selection"]:after{content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);
        background-image: url('/weven_service/asset/img/26x26_display_hide_icon.png'); background-size: 26px 26px; background-position: right top; background-repeat: no-repeat; z-index: 10;}
}

@media (min-width:768px) and (max-width:991px){
    [data-wv-display-hide768]{ opacity: 0.3 !important; }
    [data-wv-display-hide768] > [data-wv-layout-element="block_selection"]:after{content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);
        background-image: url('/weven_service/asset/img/26x26_display_hide_icon.png'); background-size: 26px 26px; background-position: right top; background-repeat: no-repeat; z-index: 10;}
}

@media (min-width:992px) and (max-width:1199px){
    [data-wv-display-hide1024]{ opacity: 0.3 !important; }
    [data-wv-display-hide1024] > [data-wv-layout-element="block_selection"]:after{content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);
        background-image: url('/weven_service/asset/img/26x26_display_hide_icon.png'); background-size: 26px 26px; background-position: right top; background-repeat: no-repeat; z-index: 10;}
    [data-wv-display-hide992] > [data-wv-layout-element="block_selection"]:after{content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);
        background-image: url('/weven_service/asset/img/26x26_display_hide_icon.png'); background-size: 26px 26px; background-position: right top; background-repeat: no-repeat; z-index: 10;}
}

@media (min-width:1200px) and (max-width:1599px){
    [data-wv-display-hide1200]{ opacity: 0.3 !important; }
    [data-wv-display-hide1200] > [data-wv-layout-element="block_selection"]:after{content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);
        background-image: url('/weven_service/asset/img/26x26_display_hide_icon.png'); background-size: 26px 26px; background-position: right top; background-repeat: no-repeat; z-index: 10;}
}

@media (min-width:1600px){
    [data-wv-display-hideFull]{ opacity: 0.3 !important; }
    [data-wv-display-hideFull] > [data-wv-layout-element="block_selection"]:after{content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);
        background-image: url('/weven_service/asset/img/26x26_display_hide_icon.png'); background-size: 26px 26px; background-position: right top; background-repeat: no-repeat; z-index: 10;}
    [data-wv-display-hide1600] > [data-wv-layout-element="block_selection"]:after{content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);
        background-image: url('/weven_service/asset/img/26x26_display_hide_icon.png'); background-size: 26px 26px; background-position: right top; background-repeat: no-repeat; z-index: 10;}
} */





/*스와이퍼*/
[data-wv-design-mode] [data-wv-swiper-navigation]{ transition: transform 0s !important; }
[data-wv-design-mode] [data-wv-swiper-pagination] > span { transition: 0s !important; }


/*에디터에서 호버가 필요한 블록한정*/
[data-wv-layout-element-type="shop_list"]:hover, [data-wv-layout-element-type="insta"]:hover {background: var(--action_block_hover);}
[data-wv-layout-element-type="shop_list"].edit_target_block, [data-wv-layout-element-type="insta"].edit_target_block {background: var(--action_block_hover);}

/* 이펙트 (toolset_custom_effect) */
/* body[data-wv-design-mode="expert"].editing .now_selected > [data-wv-layout-element="block_selection"]{ border: var(--effect_border)!important; } */
body[data-wv-design-mode="expert"].editing [select-hover] > [data-wv-layout-element="block_selection"]{ border: var(--effect_border)!important; }
body[data-wv-design-mode="expert"].editing [select-click] > [data-wv-layout-element="block_selection"]{ border: var(--effect_border)!important; }
body[data-wv-design-mode="expert"].editing [element-hover] > [data-wv-layout-element="block_selection"]{ border: var(--effect_border)!important; }
body[data-wv-design-mode="expert"].editing [element-click] > [data-wv-layout-element="block_selection"]{ border: var(--effect_border)!important; }

/*에디터 일반모드 블록 가이드 선*/
#blockGrid { visibility: hidden; display: flex; position: absolute; z-index: 2; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: inherit; pointer-events: none; }
#blockGrid [data-wv-block-grid] { width: 8.3333333333%; height: 100%; outline: 1px dotted #c0ccdc; }
body[data-wv-design-mode="expert"] #blockGrid { display: none; }


/*여백블록 (data-wv-space-block)*/
[data-wv-space-block][data-wv-design-area].wvelLayoutViewBorderPadding:hover > [data-wv-layout-element="block_selection"]{ border: 2px solid #c6dbfc !important; }
[data-wv-space-block][data-wv-design-area].wvelLayoutViewBorderPadding > [data-wv-layout-element="block_inner"]:after{ content: '여백블록'; position: absolute; top: 7px; left: 7px; width: calc(100% - 14px); height: calc(100% - 14px); background-color: #c6dbfc;
    display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 20px; font-weight: 400; color: #fff; opacity: 0; transition: opacity 0.2s; }
[data-wv-space-block][data-wv-design-area].wvelLayoutViewBorderPadding:hover > [data-wv-layout-element="block_inner"]:after{ opacity: 1; }
[data-wv-space-block][data-wv-design-area].wvelLayoutViewBorderPadding.edit_target_block_area > [data-wv-layout-element="block_inner"]:after{ opacity: 1; }


/*전문가 모드*/
.wvelLayoutViewBorderPadding { /*max-height: initial;*/ } /*max-height: initial !important;*/
body[data-wv-design-mode="expert"] .wvelLayoutViewBorderPadding [data-wv-layout-element="block_inner"]{ padding: 7px;}
/*햄버거버튼 패딩0*/
body[data-wv-design-mode="expert"] [data-wv-inc] [data-wv-res-id*="hamburger"] [data-wv-layout-element="block_inner"]{ padding: 0px;}
/*빈 페이지*/
/*테마 or 사이트*/
body[data-wv-design-mode="expert"] [data-wv-layout-element="skin-page"]>div>[data-wv-layout-element="block_inner"]{min-height: var(--window-height);}
body[data-wv-design-mode="expert"] [data-wv-layout-element="skin-page"]>div:not([data-wv-design-area])>[data-wv-layout-element="block_selection"]{border: none;}
/*블록*/
body[data-wv-design-mode="expert"] [data-wv-layout-element="layout_screen"]>[data-wv-layout-element="block"]>[data-wv-layout-element="block_inner"]{min-height: var(--window-height);}
/* 추가적 에디팅 모드 기획후 적용예정 */
/* body[data-wv-design-mode="expert"] .wvelLayoutViewBorderPadding.edit_target_block_area [data-wv-layout-element="block_inner"]{ padding: 7px;} */
body[data-wv-design-mode="expert"] .wvelLayoutViewBorderPadding [data-wv-layout-element="block_inner"].wveditor_svg{ padding: 0 !important;     display: flex;
    justify-content: center;
    align-items: center;}

body[data-wv-design-mode="expert"] .wvelLayoutViewBorderPaddingdiv:not(#dropGuide) [data-wv-layout-element-type="line"] [data-wv-layout-element="block_inner"] { padding: 0; }
body[data-wv-design-mode="expert"] [data-wv-design-area].wvelLayoutViewBorderPadding.margin_edit_area [data-wv-layout-element="block_inner"]{ padding:7px; }
body[data-wv-design-mode="expert"] [data-wv-design-area].wvelLayoutViewBorderPadding > [data-wv-layout-element="block_inner"] [data-wv-layout-element-type="line"][data-wv-layout-element-param="vertical"] { box-sizing: initial; }

/* 레이아웃 보기를 끈 경우에도 선택된 엘리먼트 표시*/
/*body[data-wv-design-mode="expert"] .edit_target_block > [data-wv-layout-element="block_selection"]{ border: 2px solid #3f87f5; border-radius: inherit; position: absolute; top:0px; left:0px; right:0px; bottom:0px;}*/

body [data-wv-layout-element="block_selection"]{ position: absolute; top:0px; left:0px; right:0px; bottom:0px; z-index: 2; pointer-events: none; user-select: none; }
body .wvelLayoutViewBorderPadding [data-wv-layout-element="block_selection"]{ position: absolute; top:0px; left:0px; right:0px; bottom:0px; border: 1px dashed #c0ccdc; border-radius: inherit; z-index: 2; pointer-events: none; }
body .wvelLayoutViewBorderPadding.no-border [data-wv-layout-element="block_selection"]{border: none;}
/* body[data-wv-design-mode="expert"] .wvelLayoutViewBorderPadding.edit_target_block > [data-wv-layout-element="block_selection"]{ border: 2px solid #3f87f5; border-radius: inherit;} */
body .wvelLayoutViewBorderPadding.edit_target_block > [data-wv-layout-element="block_selection"]{
    /* display: none; */
}

/*body[data-wv-design-mode="expert"] [data-wv-inc^="header"] {position: relative !important; min-height: 150px;}*/
/* body[data-wv-design-mode="expert"] .wvelLayoutViewBorderPadding[data-wv-inc] > [data-wv-layout-element="block_selection"]{ border: 3px dotted #3f87f5;} */
.editing [data-wv-inc] > [data-wv-layout-element="block_selection"]{ border: 3px dotted #3f87f5!important;}

/*디자인 모드*/
body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding { max-height: initial; } /*max-height: initial !important;*/
body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding > [data-wv-layout-element="block_inner"]{ padding: 0px; }
body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding > [data-wv-layout-element="block_inner"].wveditor_table{padding:2px;}

body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding > [data-wv-layout-element="block_inner"] [data-wv-layout-element-type="line"]{padding:10px; /*box-sizing: initial;*/ margin-top: 2px;}

body[data-wv-design-mode="design"] [data-wv-layout-element="block_selection"]{ position: absolute; top:0px; left:0px; right:0px; bottom:0px; z-index: 0; }
body[data-wv-design-mode="design"] .wvelLayoutViewBorderPadding [data-wv-layout-element="block_selection"]{ position: absolute; z-index: 2; top:0px; left:0px; right:0px; bottom:0px; border-radius: inherit; border-color:transparent; pointer-events: none;}
body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding > [data-wv-layout-element="block_selection"]{ border: 1px dashed #c0ccdc; }
body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding.no-border > [data-wv-layout-element="block_selection"]{border: none;}
body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding.edit_target_block_area > [data-wv-layout-element="block_selection"]{ border: 2px solid #4ebde9;}
body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding.edit_target_block_area > [data-wv-layout-element="block_inner"] > .wvelLayoutViewBorderPadding:not(.edit_target_block) > [data-wv-layout-element="block_selection"] { border: 2px solid var(--inner_block_hover);}
body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding.edit_target_block_area > [data-wv-layout-element="block_inner"] > .wvelLayoutViewBorderPadding:not(.edit_target_block).layoutDraggable [data-wv-layout-element="block_selection"] { border-color: transparent; }
body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding.edit_target_block_area > [data-wv-layout-element="block_inner"] > .wvelLayoutViewBorderPadding:not(.edit_target_block).layoutDraggable > [data-wv-layout-element="block_selection"] { border-color: #3f87f5; }
/*body[data-wv-design-mode="design"] .wvelLayoutViewBorderPadding.layoutDraggable .edit_target_block > [data-wv-layout-element="block_selection"] { border-color: #c6dbfc !important; }*/

body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding.margin_edit_area [data-wv-layout-element="block_inner"]{ padding:7px; }
body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding.margin_edit_area [data-wv-layout-element="block_selection"]{ border: 1px dashed #999;}

body[data-wv-design-mode="design"] .edit_target_block.wvelLayoutViewBorderPadding > [data-wv-layout-element="block_selection"]{border:2px solid #3f87f5;}
body[data-wv-design-mode="design"] [data-wv-design-area]:not(.edit_target_block).wvelLayoutViewBorderPadding:hover > [data-wv-layout-element="block_selection"]{border:2px solid #4ebde9;}
body[data-wv-design-mode="design"] [data-wv-list-template].wvelLayoutViewBorderPadding:not(.edit_target_block):hover > [data-wv-layout-element="block_selection"]{border:2px solid var(--inner_block_hover);}
body[data-wv-design-mode="design"] .wvelLayoutViewBorderPadding:not(.edit_target_block):hover > [data-wv-layout-element="block_selection"]{border:1px dashed var(--inner_block_hover);}
body[data-wv-design-mode="design"] [data-wv-design-area].edit_target_block > [data-wv-layout-element="block_selection"]{ position: absolute; top:0px; left:0px; right:0px; bottom:0px; border: 2px dotted #000; border-radius: inherit;}
body[data-wv-design-mode="design"] .edit_target_block.margin_edit > [data-wv-layout-element="block_selection"]{ border: 1px dashed var(--inner_block_hover); }

/*앵커블럭 선택 시 필요한 클래스*/
body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding > [data-wv-layout-element="block_selection"].anchor_selection{ border-width:3px; border-color:#3f87f5; }
/*body[data-wv-design-mode="design"] [data-wv-design-area].wvelLayoutViewBorderPadding > [data-wv-layout-element="block_selection"].anchor_selection:after{
    content:'선택'; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center;
    font-size:50px; line-height: 56px; color:#fff;}*/

[data-wv-except-block][data-wv-util-menu="member"] [data-wv-layout-element="block_inner"]{min-width: auto; padding:0;}
[data-wv-except-block][data-wv-util-menu="member"] [data-wv-layout-element="block_selection"]{border:none;}
[data-wv-except-block][data-wv-sitemap-open-btn] [data-wv-layout-element="block_inner"]{padding:0;}
[data-wv-except-block][data-wv-sitemap-open-btn] [data-wv-layout-element="block_selection"]{border:none;}
[data-wv-except-block][data-wv-sitemap-close-btn] [data-wv-layout-element="block_inner"]{padding:0;}
[data-wv-except-block][data-wv-sitemap-close-btn] [data-wv-layout-element="block_selection"]{border:none;}

/* 221007 ymg - 탭 블록의 빈 컨텐츠 안에 표시하는 내용 */
[data-wv-layout-element-type="tab"] [data-wv-tab-content-list] [data-wv-tab-content] > [data-wv-layout-element="block_inner"].empty { min-height: 300px; }
[data-wv-layout-element-type="tab"] [data-wv-tab-content-list] [data-wv-tab-content] > [data-wv-layout-element="block_inner"]::after{ content: '탭 컨텐츠 영역입니다.\A 원하는 블록을 해당 영역으로 드래그하세요'; display: none; align-items: center; justify-content: center; width: 100%; min-height: 300px; background-color: #e0e6e7; color: #000; font-size: 15px; line-height: 23px; font-weight: 300; white-space: pre; text-align: center;}
[data-wv-layout-element-type="tab"] [data-wv-tab-content-list] [data-wv-tab-content] > [data-wv-layout-element="block_inner"].empty::after { display: flex; }

body[data-wv-design-mode] [data-wv-grid-block] [data-wv-layout-element="block_selection"]{ position: absolute; z-index: 2; pointer-events: none; }

/* 에디팅 중일 경우 a 태그의 커서는 스킵한다. */
.edit_target_block a { cursor: default !important; }
a .edit_target_block { cursor: default !important; }

.wvelLayoutViewBorderPadding [data-wv-layout-element="block_selection"].white_selection{border: 1px dashed #fff;}
.wvelLayoutViewBorderPadding.no-border [data-wv-layout-element="block_selection"].white_selection{border: none;}
[data-wv-layout-element="block_selection"]:hover{cursor: pointer;}

#WEVEN_IFRAME [data-wv-layout="layout"] { padding-top: 44px; }

#wvLayoutHeaderBar{ position: fixed; left: 0; top: 0; width: 100%; height: 150px; background: #fff; z-index: 1; display: none; }

#wvWebkit{display: none;}
/*body[data-wv-design-mode="design"] .edit_target_block:not([data-wv-design-area]) > #wvWebkit{display: none !important;}*/

.layoutOptBtn { position: absolute; z-index: 10; cursor: pointer; opacity: 0.7; filter:alpha(opacity=70);}
.layoutOptBtn.disabled { opacity: 1;}
/*.widFull .wv-cont-size .layout_bg_con*/

.layoutOptBtn .element_hidden{display: none;}
.element_hidden.layoutOptBtn img{display: none;}
.element_hidden.layoutOptBtn .element_hidden{display: inline;}
.element_hidden.layoutOptBtn .element_hidden.active{display: none;}
.element_hidden.layoutOptBtn:hover .element_hidden{display: none;}
.element_hidden.layoutOptBtn:hover .element_hidden.active{display: inline;}

.layoutOptBtn:hover {opacity: 1; filter:alpha(opacity=100); z-index: 5;}
.layoutOptBtn:hover img{ display: none; }
.layoutOptBtn:hover img:not(.element_hidden).active{ display: inline; }
.element_hidden.layoutOptBtn:hover img:not(.element_hidden).active{ display: none; }
.layoutOptBtn img { display: inline; } /* 블럭안에 이미지태그에 높이를 정해주는 경우가 있어서 틀어져보임 문제있으면 삭제 ... jm */
.layoutOptBtn img.active { display: none; }

#layoutMoveBtnGroup { position: absolute; top:2px; left:2px; z-index: 99; opacity: 0.15;}
#layoutMoveBtnGroup:hover { z-index: 100; opacity: 0.7;}
.layoutElementMove { display: table-cell; width : calc( 100% - 1px ); height: 10px; vertical-align: middle; background-color: #3f87f5; text-align: center; cursor:grab; }
[data-wv-design-mode="expert"] .layoutElementMove > img { display: none !important; }

[data-wv-design-mode="design"] #layoutMoveBtnGroup { opacity: 1; left: 50%; transform: translateX(-50%); }
[data-wv-design-mode="design"] #layoutMoveBtnGroup:hover { opacity: 1; }
[data-wv-design-mode="design"] .layoutElementMove { display: inline-block; position: relative; opacity: 1; width: 25px; height: 25px; margin-left: 2px; margin-right: 2px; background-color: #fff; border: 1px solid #c2e1e7; border-radius: 4px; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.05); box-sizing: border-box; transition: none; cursor: pointer;}
[data-wv-design-mode="design"] .layoutElementMove:hover { background-color: #3f87f5; border-color: #3f87f5; }
[data-wv-design-mode="design"] .layoutElementMove > img { margin-top: 6px; }

#blockSelectSquare{ position: absolute; top: 0; left: 0; z-index: 98; display: inline-block; width: 0; height: 0; border: 2px solid #3f87f5; pointer-events: none;  }
#blockSelectSquare.is_text_mode{ background-color: rgba(63, 135, 245, 0.15); }
#blockSelectSquare.layoutGrid{ border: 2px solid var(--grid_layout_0);}

.wv-effect-select-square{ position: absolute; top: 0; left: 0; z-index: 98; display: inline-block; width: 0; height: 0; border: var(--effect_border)!important; pointer-events: none;  }

#layoutOptBtn { right: 101px; top: 2px; cursor: pointer; background-color: #f00;}

#blockSpaceCloseBtn { margin-top: -23px; width: 88px; display: none; z-index: 10001; opacity:1; }
#blockSizeCloseBtn { margin-top: -23px; width: 80px;  display: none; z-index:10001; }

#blockOptionBtn { display:none !important; margin-right: 24px; margin-top: -23px; width: 35px; z-index: 10001; }
#elementDeleteBtn { margin-top: 0px; margin-right: -24px; width: 24px; z-index: 101; }
#elementDuplicateBtn { margin-top: 0; margin-right: -24px; width: 24px; z-index: 101; }
#elementShowhideBtn { margin-top: 0; margin-right: -24px; width: 24px; z-index: 101; }
#elementImgChangeBtn { margin-top: 1px; margin-right: -24px; width: 24px; z-index: 101; }
#elementFreeMoveBtn { margin-top: -23px; width: 24px; z-index: 10001; }
#bbsRecentSelectBtn { margin-top: -23px; width: 35px; z-index: 10001; }
#resetPosBtn { width: 24px; z-index: 99; position: absolute; display: block; }

#elementDeleteBtn #elementDeleteBtn_inner_disabled {display: none;}
#elementDeleteBtn.disabled #elementDeleteBtn_inner_disabled {display: block;}
#elementDeleteBtn.disabled #elementDeleteBtn_inner_able {display: none;}
#elementDuplicateBtn #elementDuplicateBtn_inner_disabled {display: none;}
#elementDuplicateBtn.disabled #elementDuplicateBtn_inner_disabled {display: block;}
#elementDuplicateBtn.disabled #elementDuplicateBtn_inner_able {display: none;}

#elementShowhideBtn.show #elementShowhideBtn_inner_show {display: none;}
#elementShowhideBtn.hide #elementShowhideBtn_inner_hide {display: none;}

#menuSettingBtn{ /*margin-top: -23px;*/ z-index: 99;}
#blockCssBtn{ /*margin-top: -23px;*/ z-index: 99;}
#blockConfigBtn{ border-radius: 3px; background-image: url("../img/setupimage.png"); background-size: 9px 12px; background-position: center right 5px; background-repeat:no-repeat; margin-top: -23px; z-index: 10001; font-size: 13px; line-height: 23px; font-weight: 300; background-color: #3E87F5; color: #fff; padding: 3px 30px 2px 10px; box-sizing: border-box; }
#blockConfigBtn.no_icon{ padding-left: 15px; padding-right: 15px; background-image: none; }
#blockRequestBtn{ border-radius: 3px; margin-top: -23px; z-index: 10001; font-size: 13px; line-height: 23px; font-weight: 300; background-color: #3E87F5; color: #fff; padding: 3px 20px 2px 20px; box-sizing: border-box; white-space: nowrap; }

#blockAiCreateBtn{ background-color: #fff; cursor: pointer; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); border-radius: 100px; display: flex; align-items: center; justify-content: center; position: fixed; bottom: 20px; right: 290px; width: 50px; height: 50px; color: #000; }
#blockAiCreateBtn span { display: none; margin-left: 10px; color: #000; font-size: 11px; line-height: 24px; font-weight: 600;  }
#blockAiCreateBtn.active span { display: none; margin-left: 10px; color: #fff; font-size: 11px; line-height: 24px; font-weight: 600;  }
#blockAiCreateBtn:hover { width: 170px; color: #fff; }
#blockAiCreateBtn:hover span { display: block; }
#blockAiCreateBtn.active{ background-color: #2174ff; }


/*#sizeGuideArea{position: absolute; background-color:rgba(22, 177, 249, 0.1); border: 1px dashed #00aaff; display: none;  }*/
#dragThumbGuide{position: absolute; /*display: none;*/ z-index: 999999999999999999; pointer-events: none; opacity: 0; /*transform: scale(0.7, 0.7);*/ box-sizing: border-box; transform-origin: center top; }
/*#sizeGuideArea:after{content:''; position: absolute; top:0; left:0; right:0; bottom:0; border: 1px dashed #00aaff; box-sizing: border-box; }*/

#dragThumbGuide.show{ opacity: 1; }

#dragThumbGuide.showMotion{ opacity: 1; /*animation: dragGuideAnimationShow; animation-duration: 0.15s; animation-fill-mode: forwards;*/ }
#dragThumbGuide.hideMotion{ opacity: 0; /*animation: dragGuideAnimationHide; animation-duration: 0.2s; animation-fill-mode: forwards;*/ }

#dragThumbGuide .guide_inner{opacity: 0.8;}
[data-wv-design-mode="design"] #dragThumbGuide .guide_inner { opacity: 1; }
#dragThumbGuide [data-wv-layout-element="block_selection"] { border-color: transparent !important; }


@keyframes dragGuideAnimationShow {
    from {
        opacity: 0;
        /*transform: scale(0.7, 0.7);*/
    }

    75% {
        opacity: 0.8;
        /*transform: scale(1.1, 1.1);*/
    }

    to {
        opacity: 1;
        transform: scale(1, 1);
    }
}


@keyframes dragGuideAnimationHide {
    from {
        opacity: 1;
        /*transform: scale(1, 1);*/
    }

    to {
        opacity: 0;
        /*transform: scale(0.7, 0.7);*/
    }
}



/* Layout Drag Area */
#wvSizeControlCon { position: absolute; z-index: 10001; pointer-events: none; display: none; }
#wvSizeControlCon > div {pointer-events: auto;}
#wvSizeControlCon .layoutDragArea { position: absolute; z-index: 100; box-sizing: border-box; padding: 0px; font-size: 0; line-height: 0; }
#wvSizeControlCon .layoutDragArea > span{display: inline-block; width: 7px; height: 7px; background-color: #fff; border: 2px solid #3f87f5; border-radius: 3px;}
#wvSizeControlCon.layoutGrid .layoutDragArea > span{ border: 2px solid var(--grid_layout_0); }

#wvSizeControlCon .layoutPaddingDragArea { position: absolute; z-index: 100; box-sizing: border-box; padding: 2px;margin: 2px; font-size: 0; line-height: 0; display: flex; align-items: center; justify-content: center;}
#wvSizeControlCon .layoutMarginDragArea { position: absolute; z-index: 100; box-sizing: border-box; padding: 2px;margin: 2px; font-size: 0; line-height: 0; display: flex; align-items: center; justify-content: center;}
#wvSizeControlCon span {transition: all 0.03s linear;}
#wvSizeControlCon .layoutMarginDragArea>span { display: inline-block; background-color: #ffb303; position: absolute; }
#wvSizeControlCon .layoutPaddingDragArea>span { display: inline-block; background-color: #40c507; position: absolute; }

#wvSizeControlCon .layoutMarginDragArea.center-top>span { width: 6px; height: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#wvSizeControlCon .layoutMarginDragArea.center-top:hover>span {width: 16px; height: 2px;}
#wvSizeControlCon .layoutMarginDragArea.center-bottom>span { width: 6px; height: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#wvSizeControlCon .layoutMarginDragArea.center-bottom:hover>span {width: 16px; height: 2px;}
#wvSizeControlCon .layoutMarginDragArea.center-left>span { width: 2px; height: 6px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#wvSizeControlCon .layoutMarginDragArea.center-left:hover>span {height: 16px; width: 2px;}
#wvSizeControlCon .layoutMarginDragArea.center-right>span { width: 2px; height: 6px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#wvSizeControlCon .layoutMarginDragArea.center-right:hover>span {height: 16px; width: 2px;}
#wvSizeControlCon .layoutPaddingDragArea.center-top>span { width: 6px; height: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#wvSizeControlCon .layoutPaddingDragArea.center-top:hover>span {width: 16px; height: 2px;}
#wvSizeControlCon .layoutPaddingDragArea.center-bottom>span { width: 6px; height: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#wvSizeControlCon .layoutPaddingDragArea.center-bottom:hover>span {width: 16px; height: 2px;}
#wvSizeControlCon .layoutPaddingDragArea.center-left>span { width: 2px; height: 6px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#wvSizeControlCon .layoutPaddingDragArea.center-left:hover>span {height: 16px; width: 2px;}
#wvSizeControlCon .layoutPaddingDragArea.center-right>span { width: 2px; height: 6px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#wvSizeControlCon .layoutPaddingDragArea.center-right:hover>span {height: 16px; width: 2px;}
#wvSizeControlCon .layoutMarginDragArea.center-right { height: 14px; }
#wvSizeControlCon .layoutMarginDragArea.center-left { height: 14px; }
#wvSizeControlCon .layoutMarginDragArea.center-top { width: 14px; }
#wvSizeControlCon .layoutMarginDragArea.center-bottom { width: 14px; }
#wvSizeControlCon .layoutPaddingDragArea.center-right { height: 14px; }
#wvSizeControlCon .layoutPaddingDragArea.center-left { height: 14px; }
#wvSizeControlCon .layoutPaddingDragArea.center-top { width: 14px; }
#wvSizeControlCon .layoutPaddingDragArea.center-bottom { width: 14px; }

#wvSizeControlCon .layoutDragArea { position: absolute; z-index: 100; box-sizing: border-box; padding: 3px; font-size: 0; line-height: 0;}
#wvSizeControlCon .layoutDragArea > span{display: inline-block; width: 4px; height: 4px; background-color: #fff; border: 2px solid #3f87f5; border-radius: 3px; }
#wvSizeControlCon .layoutDragArea:hover { z-index: 100; }
#wvSizeControlCon .center-right { cursor: ew-resize; }
#wvSizeControlCon .center-left { cursor: ew-resize; }
#wvSizeControlCon .center-top { cursor: ns-resize; }
#wvSizeControlCon .center-bottom { cursor: ns-resize; }
#wvSizeControlCon .left-top { cursor: nwse-resize;}
#wvSizeControlCon .right-top { cursor: nesw-resize;}
#wvSizeControlCon .left-bottom { cursor: nesw-resize;}
#wvSizeControlCon .right-bottom { cursor: nwse-resize;}

#layoutDragAreaCon {z-index: 4;position: relative;}
#layoutMoveAreaCon {z-index: 3;position: relative;}
#layoutMoveAreaCon .layoutMoveArea {position: absolute; z-index: 100; box-sizing: border-box; padding: 3px; font-size: 0; line-height: 0;}
#wvSizeControlCon #layoutMoveAreaCon .center-right { cursor: move; }
#wvSizeControlCon #layoutMoveAreaCon .center-left { cursor: move; }
#wvSizeControlCon #layoutMoveAreaCon .center-top { cursor: move; }
#wvSizeControlCon #layoutMoveAreaCon .center-bottom { cursor: move; }

#dropArea{ display: none; }
.layoutDownable:not(.edit_target_block) > [data-wv-layout-element="block_selection"]{ border : 2px solid var(--zgai_mint_1);}
.layoutDownable:not(.edit_target_block)[data-wv-text-edit-mode="true"] > [data-wv-layout-element="block_selection"]{ border : 2px dotted var(--zgai_mint_1);}
.layoutGrid:not(.edit_target_block) > [data-wv-layout-element="block_selection"]{ border : 2px solid var(--grid_layout_1);}
.layoutDraggable > [data-wv-layout-element="block_selection"]{border : 2px solid #2174ff;}
.layoutGrid > [data-wv-layout-element="block_selection"]{border : 2px solid var(--grid_layout_0);}
.layoutDownable.edit_target_block:not(.layoutGrid) > [data-wv-layout-element="block_selection"]{border : 2px solid #3f87f5;}
.box-overlay {position: absolute; pointer-events: none; z-index: 1;}
[class*="overlay-margin"] {background-color: rgb(252 229 206);}
[class*="overlay-padding"] {background-color: rgb(225 239 219);}

#layoutElementMarginBottomBg { display: none; background-color: #eee; position: absolute; z-index: 10; text-align: center; font-size: 16px; color: #999; font-weight: 400; cursor: e-resize; width: 100%; }

/* LAYOUT BLOCK */
[data-wv-layout-element="layout-block"].wvelLayoutViewBorderPadding{border: 1px dashed #00aaff;}


/* white space area */
#wvWhiteSpaceCon{ display: none; }
.wv_webkit_space_btn{ position: absolute; z-index: 31; text-align: center; }
.wv_webkit_space_btn .contents_con{ display: inline-block; position:absolute; }
.wv_webkit_space_btn.wv_horizontal_margin, .wv_webkit_space_btn.wv_horizontal_padding{ display: flex; justify-content: center; align-items: center; }
.wv_webkit_space_btn.wv_horizontal_margin .contents_con, .wv_webkit_space_btn.wv_horizontal_padding .contents_con{ position: absolute; }

/* margin-top */
.wv_webkit_space_btn[data-wv-layout-kit="margin-top"] .contents_con{ /*margin-bottom:-2px;*/ margin-left: -22px; transform: translateY(-100%);}
.wv_webkit_space_btn[data-wv-layout-kit="margin-top"] input{ margin-top: 1px; }
.wv_webkit_space_btn[data-wv-layout-kit="margin-top"] .whiteSpaceBg{ margin-top: -8px; }

/* margin-bottom */
.wv_webkit_space_btn[data-wv-layout-kit="margin-bottom"] .contents_con{ margin-top:-9px; margin-left: -22px;}
.wv_webkit_space_btn[data-wv-layout-kit="margin-bottom"] input{ margin-top:1px; }

/* margin-left */
.wv_webkit_space_btn[data-wv-layout-kit="margin-left"] .contents_con{ left: 0; margin-left:-36px; }
.wv_webkit_space_btn[data-wv-layout-kit="margin-left"] input{ margin-left:1px; }

/* margin-right */
.wv_webkit_space_btn[data-wv-layout-kit="margin-right"] .contents_con{ right: 0; margin-right:-37px; }
.wv_webkit_space_btn[data-wv-layout-kit="margin-right"] input{ margin-right:1px; }

/* padding-top */
.wv_webkit_space_btn[data-wv-layout-kit="padding-top"] .contents_con{ margin-top:-9px; margin-left: -22px;}
.wv_webkit_space_btn[data-wv-layout-kit="padding-top"] input{ margin-top: 1px; }

/* padding-bottom */
.wv_webkit_space_btn[data-wv-layout-kit="padding-bottom"] .contents_con{ margin-top:-2px; margin-left: -22px; transform: translateY(-100%);}
.wv_webkit_space_btn[data-wv-layout-kit="padding-bottom"] input{ margin-top: 1px; }
.wv_webkit_space_btn[data-wv-layout-kit="padding-bottom"] .whiteSpaceBg{ margin-top: -7px; }

/* padding-left */
.wv_webkit_space_btn[data-wv-layout-kit="padding-left"] .contents_con{ right: 0; margin-right:-39px; }
.wv_webkit_space_btn[data-wv-layout-kit="padding-left"] input{ margin-left:1px; }

/* padding-right */
.wv_webkit_space_btn[data-wv-layout-kit="padding-right"] .contents_con{ left: 0; margin-left:-38px; }
.wv_webkit_space_btn[data-wv-layout-kit="padding-right"] input{ margin-right:1px; }


.wv_webkit_space_btn .mtBtnCon{ position: relative; bottom: 0; }
.wv_webkit_space_btn .whiteSpaceBg{ position: relative; background-color: #3f87f5; opacity: 0.08; z-index: 1;}
.wv_webkit_space_btn:hover .whiteSpaceBg{ opacity: 0.3; }

.wv_webkit_space_btn.wv_horizontal_margin .whiteSpaceBg:hover{ cursor: col-resize; }
.wv_webkit_space_btn.wv_horizontal_padding .whiteSpaceBg:hover{ cursor: col-resize; }

.wv_webkit_space_btn.wv_vertical_margin .whiteSpaceBg:hover{ cursor: row-resize; }
.wv_webkit_space_btn.wv_vertical_padding .whiteSpaceBg:hover{ cursor: row-resize; }

.wv_webkit_space_btn:hover{z-index: 32;}

.wv_webkit_space_btn img{ display: inline-block; }
.wv_webkit_space_btn:hover img{ display: none; }
.wv_webkit_space_btn img.active{ display: none; }
.wv_webkit_space_btn:hover img.active{ display: inline-block; }

.wv_webkit_space_btn input{ display: inline-block; width:20px; height:13px; font-size:0.7em; background-color: #efefef; border: 1px solid #c0ccdc; color: #000; cursor: default; outline: none;}
.wv_webkit_space_btn:hover input{ background-color: #eeeeff; color: #3f87f5; border: 1px solid #c2afff; }

/* position display */
#wvPosDisplayCon { /* opacity: 0;  */position: absolute; left: -10000px; z-index: 99; display: block; transition: opacity .15s; cursor: default;
    -webkit-user-select: none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
#wvPosDisplayCon .position_box{padding: 2px 4px 5px; border: 2px solid #78abf8; border-bottom: none; box-sizing : border-box; background-color: rgba(255,255,255,0.7); height: 24px; float: left;}
#wvPosDisplayCon:hover { opacity: 1 !important; }
#wvPosDisplayCon .pos_box { font-size: 0; display: inline-block; vertical-align: middle; margin-right: 2px; }
#wvPosDisplayCon .pos_box:last-child { margin-right: 0; }
#wvPosDisplayCon .pos_box .label { display: inline-block; vertical-align: top; margin-top: -1px; width: 13px; height: 13px; margin-top: 2px; margin-right: 2px; background-position: center; background-size: 13px 13px; background-repeat: no-repeat;}
#wvPosDisplayCon #posX .label { background-image: url("../img/posX_label_img.png"); }
#wvPosDisplayCon #posY .label { background-image: url("../img/posY_label_img.png"); }
#wvPosDisplayCon .pos_box .posVal { display: inline-block; vertical-align: top; min-width: 10px; width: auto; font-family: 'Inter', 'Malgun Gothic'; font-size:10px; font-size:1.0rem; line-height:16px; line-height:1.6rem; font-weight: 400; letter-spacing: -0.0em; color: #3f87f5; }

#wvPosDisplayCon.show{ opacity: 1 !important; }
#wvPosDisplayCon.hideMotion{ animation: posConAnimationHide 0.4s; /*animation-timing-function: ease-in-out;*/}

@keyframes posConAnimationHide {
    0% {
        opacity: 1;
    }

    70%{
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* size display */
#wvSizeDisplayCon { opacity:0; position: absolute; left: -10000px; z-index: 9; transition: opacity .15s; }
#wvSizeDisplayCon .position_box{padding: 2px 4px 5px; border: 1px solid #3f87f5 ; box-sizing : border-box; background-color: #3f87f5; height: 24px; float: left;}
#wvSizeDisplayCon .pos_box { font-size: 0; display: inline-block; vertical-align: middle; margin-right: 2px; }
#wvSizeDisplayCon .pos_box:last-child { margin-right: 0; }
#wvSizeDisplayCon .pos_box .label { display: inline-block; vertical-align: top; margin-top: -1px; width: 13px; height: 13px; margin-top: 2px; margin-right: 2px; background-position: center; background-size: 13px 13px; background-repeat: no-repeat;}
#wvSizeDisplayCon #sizeW .label { background-image: url("../img/sizeW_label_img.png"); }
#wvSizeDisplayCon #sizeH .label { background-image: url("../img/sizeH_label_img.png"); }
#wvSizeDisplayCon .pos_box .posVal { display: inline-block; vertical-align: top; min-width: 10px; width: auto; font-family: 'Inter', 'Malgun Gothic'; font-size:10px; font-size:1.0rem; line-height:16px; line-height:1.6rem; font-weight: 400; letter-spacing: -0.0em; color: #fff; }

/* context menu */
#wvContextMenuCon{ position: absolute; width: 208px; border-radius: 5px; z-index: 100; box-sizing: border-box; left: 0px; top: 0px; text-align: center; display: none; border-radius: 5px; box-shadow: 5px 10px 16px rgba(0, 0, 0, 0.17); }
#wvContextMenuCon hr{ width: 100%; display: inline-block; height:1px; background-color: rgba(255, 255, 255, 0.2); }
#wvContextMenuCon .wv_context_menu{font-family: 'pretendard';  background-color: #4b92f2; position: relative; width: 100%; text-align: left; color:#fff; font-size: 13px; line-height: 1.7em; font-weight: 400; padding:9px 20px 10px; cursor: pointer; box-sizing: border-box; } /*width: calc(  100% - 30px ); height: 32px;*/
#wvContextMenuCon .wv_context_menu:first-child{border-top-left-radius: 5px; border-top-right-radius: 5px;}
#wvContextMenuCon .wv_context_menu:first-child[style*="display: none"] + .wv_context_menu:not([style*="display: none"]){border-top-left-radius: 5px; border-top-right-radius: 5px;}
#wvContextMenuCon .wv_context_menu:last-child{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
#wvContextMenuCon .wv_context_menu.has_border:after{content:''; position: absolute; bottom:0; left: 0; width: 100%; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#wvContextMenuCon .wv_context_menu.has_children:before{content:''; position: absolute; right: 13px; top: 16px; width: 5px; height: 9px; background-image: url('../../img/arrow/arrow_5x9_ffffff_right.png'); background-size: 5px 9px; background-position: center center; background-repeat: no-repeat;}
#wvContextMenuCon .wv_context_menu:hover { background-color: #3b7cef; }

#wvContextMenuCon .wv_context_menu .wv_context_menu_sub_con{ display: none; position: absolute; width: 202px; border-left: 2px solid transparent; margin-top: -31px; box-sizing: border-box; left: 200px; border-radius: 5px; text-align: left; color:#fff; font-size: 13px; line-height: 1.7em; box-shadow: 8px 11px 16px rgba(0, 0, 0, 0.25); }
#wvContextMenuCon .wv_context_menu:hover .wv_context_menu_sub_con{ display: block; }
#wvContextMenuCon .wv_context_menu_sub_con .wv_context_menu:first-child{border-top-left-radius: 5px; border-top-right-radius: 5px;}
#wvContextMenuCon .wv_context_menu_sub_con .wv_context_menu:last-child{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

/* wveditor table */
/*.wveditor_table table{ width : 100%; }*/
/*body .wveditor_table table tr:first-child th,body.wveditor_table table tr:first-child td{ border-top: 1px solid #f0f3f5; }*/
/*.wveditor_table td{height: 35px; border: 1px solid #f0f3f5; }*/

.wveditor_table.tableEdit th:hover,
.wveditor_table.tableEdit td:hover {
    background-color: #ace2f2 !important;
}
.wveditor_table.tableEdit th:active,
.wveditor_table.tableEdit td:active,
.wveditor_table.tableEdit th.active,
.wveditor_table.tableEdit td.active {
    background-color: #13b9ec !important;
}
.tableEdit.wveditor_table th,
.tableEdit.wveditor_table td {
    cursor: cell;
}
[data-wv-layout-element="block"] .col_size_bound{ position: absolute; background: #ff0000; opacity: 0; }
[data-wv-layout-element="block"] .col_size_bound:hover{ cursor: e-resize; }




/* board_style_0 메뉴/그룹관리 */
.edit_popup_wrap{}
.edit_popup_con{}
.edit_popup_con .title_con{background-color: #6d13ff; padding-top: 16px; padding-bottom: 16px;}
.edit_popup_con .title_con .title{margin-top: 5px; font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.034em; font-weight: 500; color:#fff;}
.edit_popup_con .contents_con{}
.edit_popup_con .contents_con .contents{}
.edit_popup_con .contents_con .contents::-webkit-scrollbar {display: none;}/* 임시 */
.edit_popup_con .contents_con .contents_inner{position: relative; padding-top: 19px; padding-bottom: 40px; font-size: 16px; font-size:1.6rem;}


/* btn_style_2 */
.noti_btn_con{display:block;}
.noti_btn_con.show{display:inline-block;}
.noti_btn_con .btn_style_2{display:inline-block; height: 35px;
    font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.045em; font-weight: 500; text-align: center;
    padding-top: 6px; padding-bottom: 6px; /*padding-right: 5px; padding-left: 5px;*/ border-radius: 5px; box-sizing: border-box; cursor: pointer;
    border:1px solid #c9d6ff; color: #6d13ff; background-color:#fff; transition: all 0.3s;}
.noti_btn_con .btn_style_2> span{background-repeat: no-repeat;}
.noti_btn_con .btn_style_2.auto{padding-right: 15px; padding-left: 15px;}
.noti_btn_con .btn_style_2.type_2{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;
    width: 118px; height: 44px; padding-top: 11px; padding-bottom: 11px; word-spacing: -0.06em;}
.noti_btn_con .btn_style_2.type_3{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.045em; font-weight: 500; color:#6d13ff;
    width: 109px; height: 39px; padding-top: 9px; padding-bottom: 9px; border:none; border-color:transparent; background-color:#fff;}
.noti_btn_con .btn_style_2.type_4{width: 162px; height: 44px; padding-top: 11px; padding-bottom: 11px;}

/*레이아웃 편집 안내 dim*/
.tmp_layout_area{position: absolute; top: 0px; left: 0px; z-index: 30; /*z-index: 10002;*/ font-size: 20px; line-height: 34px; font-weight: bold; color: rgb(255, 255, 255); text-align: center;
    height: 100%; background: rgba(0, 0, 0, 0.7); padding-top: 10px; padding-bottom: 10px; cursor: pointer; overflow: hidden;}
.tmp_layout_area > div{display: inline-flex; /*align-items: flex-start;*/ flex-direction: column; justify-content: center; max-height: 100vh; height: 100%; text-align: center;}
.tmp_layout_area p{font-size:13px; line-height:25px; font-weight: 300; display: inline-block; margin-top: 10px;}

/*fixed header*/
.tmp_layout_area.fixed{font-size: 22px; line-height: 34px; padding-top: 0; padding-bottom: 0;}
.tmp_layout_area.fixed p{display: none;}

/*레이아웃 영역이 작을때*/
.tmp_layout_area.small{}
.tmp_layout_area.small p{opacity: 0; height: 0; overflow: hidden; margin:0; transition: opacity 0.2s;}

.tmp_layout_area.small:not(.fixed):hover{min-height: 192px !important;}
.tmp_layout_area.small:not(.fixed):hover p{opacity: 1; height: auto; margin-top: 10px;}

@media all and (min-width: 992px){
    .tmp_layout_area{font-size: 27px; line-height: 37px;}
    .tmp_layout_area p{font-size:18px; line-height:28px; margin-top: 15px;}

    .tmp_layout_area.small:not(.fixed):hover p{margin-top: 15px;}
}

/* web gpt 전용 에디터 관련 스타일 */
#webGpt .bottomBar { display: flex; align-items: center; justify-content: center; position: fixed; font-size: 19px; bottom: 0; z-index: 90000; background: #2174ff; width: 100%; text-align: center; color: #fff; padding: 11px 0; }
#webGpt .bottomBar_text { margin-right: 10px; font-size: 14px; line-height: 23px; font-weight: 700; }
#webGpt .bottomBar_button { cursor: pointer; padding: 4px 26px 4px 13px; font-size: 14px; line-height: 23px; font-weight: 700; border-radius: 50px; border: 2px solid #fff; background-image: url('../img/chevron_right_24dp_000000_FILL1_wght400_GRAD0_opsz24.svg'); background-repeat: no-repeat; background-position: 85px 11px; }