@charset "utf-8";

/* search */
.header__search-wrap,
.no_view .menu-tool-wrap .btn-open,
.no_view .header__inner-bottom,
.no_view .container,
.no_view .skip,
.no_view .footer,
.no_view .header__inner-top .logo
{display:none}
.no_view{background:#f2f2f2}
.no_view .header-wrap{height:100%}
.no_view .header{height:100%}
.no_view .header__inner-top{height:100%;padding:0}

@media screen and (max-width:767px){
    .header__search-wrap{display:block}
    .btn-search--open{position:absolute;right:0;top:0;z-index:10;}
    .btn-search--open{padding:14px 18px;text-align:center;}
    .header__search-wrap .btn-search--open .sp-search{width:26px;height:26px;background-position:-165px -106px}

    .search-all-wrap{display:none;position:fixed;top:0;right:-100%;z-index:1000;width:100%;height:100% !important;padding:0;opacity:1;background:#fff;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    .search__utils-wrap{position:absolute;top:0;left:0;z-index:200;width:100%;height:6.4rem;padding:10px 0;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow:0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02)}
    .search-all-inner--scrollbox{height:100%;}
    .btn-search--close{overflow:hidden;position:absolute;top:15px;right:0;padding:12px}
    .search-all-inner--scroll{overflow:hidden;overflow-y:auto;height:100%;padding-top:6.4rem;box-sizing:border-box;-webkit-box-sizing:border-box}

    .sub .search-all-wrap .search-form_group{width:auto;margin:0 55px 0 12px;background:#fff}
    .sub .search-all-wrap .search-text-wrap{margin-right:81px}
    .sub .search-all-wrap .sp-worldword{width:27px;height:18px;background-position:-136px -106px}
    .sub .search-all-wrap .btn-search{width:45px;height:100%;background:#5692bc;text-align:center}
    .sub .search-all-wrap .sp-search{width:20px;height:20px;background-position:-175px 0}
}