#editor_wrap * { box-sizing: content-box }
#editor_wrap { position: relative; margin: auto!important}

#div_editor { overflow: hidden; } /*border-bottom: 1px solid #eee;*/
#editor_wrap #div_editor {  position: relative; padding: 0px 0px; min-height: 720px; z-index: 10 }

#editor_wrap #div_editor_inner { position: absolute; top: 0px; left:0px; width: 720px; height: 720px; margin: 0 auto ; }

#editor_wrap #div_editor_inner #div_editor_mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2 }
#editor_wrap #div_editor_inner #div_editor_mask svg { position: absolute!important; top: 0; left: 0; overflow: visible!important; z-index: 3 }
#editor_wrap #div_editor_inner #div_editor_mask svg image.original { opacity: 0!important }
#editor_wrap #div_editor_inner #div_editor_mask svg.svg_mask { z-index: 2 }
#editor_wrap #div_editor_inner #div_editor_mask svg.svg_mask svg { overflow: hidden!important; mask: url(#mask_only_case) }

html.editing #editor_wrap #div_editor_inner #div_editor_mask svg.svg_mask svg { overflow: hidden!important; mask: url(#mask_side_area) }

#editor_wrap #div_editor_inner #div_editor_case { position: absolute; width: 720px; height: 720px; top: 0px; left: 0px; margin: auto }
#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center }
#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .div_case_wrap,
#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .mask .div_case_img,
#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .mask img { width: 100%; height: 100% }

html.editing #editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .div_case_wrap:after {
    display: inline-block; position: absolute; width: 390px; left: 0; right: 0; margin: 0 auto; bottom: -20px; padding: 5px; border-radius: 10px; font-size: 12px; background: #3cbfcd; color: #555;
    content: '측면까지 인쇄를 원하시면 측면의 반투명 영역까지 디자인을 채워주세요.';
    z-index: 999;
}

@media screen and (max-width: 1024px) {
    html.editing #editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .div_case_wrap:after {
        position: fixed; width: auto; top: 0px; bottom: auto; font-size: 20px; color: #fc5926; background: 0 0; padding-bottom: 2px;
        z-index: 99999;
    }
}

#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .div_case_wrap .div_case_img,
#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .div_case_wrap img { width: 100%; height: 100% }
#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .div_side_area_wrap,
#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .div_side_area_wrap .div_side_area { position: absolute }
#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .div_side_area_wrap .top_line { text-align: center; border-top: 1px dashed #fc5926; position: absolute; height: 1px; left: 0; right: 0; margin: -2px auto 0; width: 69px; }
#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .div_side_area_wrap .top_line .name { display: inline-block; background: #fc5926; color: #fff; position: relative; top: -9px; font-size: 11px; padding: 3px 3px 0; }
#editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .div_case_border_line { display: none; border: 1px dashed #f1580f; border-radius: 45px; position: absolute; }

html: not(.editing) #editor_wrap #div_editor_inner #div_editor_case .div_editor_case_inner .div_case_border_line { display: none !important; }

@media screen and (min-width: 600px) { #editor_wrap #div_editor_inner {  }   }
@media screen and (min-width: 1200px) { #editor_wrap #div_editor_inner { left: 0; } }
@media screen and (min-width: 1400px) { #editor_wrap #div_editor_inner {  } }
@media screen and (min-width: 1600px) { #editor_wrap #div_editor_inner { left: 15%; }  }
@media screen and (min-width: 1800px) { #editor_wrap #div_editor_inner { }