.template[data-v-5a2804e2]{width:100%;height:100%}.template-filter[data-v-5a2804e2]{display:flex;justify-content:space-between;align-items:center}.preview[data-v-5a2804e2]{background-color:#f2f6f8}.popup-head[data-v-5a2804e2]{padding:16px 0 12px 0;background-color:#fff;box-shadow:-3px 0 10px rgba(0,0,0,.1607843137254902);transition:padding-left .3s;z-index:1;& .title{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:20px;font-weight:600;padding:0 0 36px 32px}}.sub-head .template-filter[data-v-5a2804e2]{padding:12px 54px 2px 54px}[data-v-5a2804e2] .popup-body.list{overflow:auto;height:calc(100% - 189px)}[data-v-5a2804e2] .popup-body.preview{overflow:auto;height:calc(100% - 75px)}[class*=ico-][data-v-5a2804e2]:before{content:"";position:absolute}.search-button-group[data-v-5a2804e2]{text-align:right;position:relative}.mobile-button[data-v-5a2804e2]{width:38px!important}[data-v-5a2804e2] .tab-list{position:absolute;z-index:1}.tab-component[data-v-5a2804e2]{border-bottom:1px solid #e1e1e1}.ico-search05-mobile[data-v-5a2804e2]:before{width:28px;height:28px;background:url(/img/common/ico_search05-mobile.svg) 50% 50% no-repeat}@media screen and (max-width:767px){.close-button[data-v-5a2804e2]{padding-right:16px}.title[data-v-5a2804e2]{padding:0 0 36px 16px!important}.popup-head[data-v-5a2804e2]{padding:16px 0!important}.search-button-group.open[data-v-5a2804e2]{border-top:1px solid #e1e1e1}.sr-only-text[data-v-5a2804e2]{background-color:#fff}.popup-head[data-v-5a2804e2],.template-filter[data-v-5a2804e2]{padding:15px 16px 0 16px!important}}