

@media (max-width:1023px){
    .wrap{
        margin:0 3%
    }
    .main_container{
        padding-top:70px
    }
    body.open_menu{
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        height:100%;
        overflow:hidden
    }
    body.open_menu #header{
        -webkit-transform:none !important;
        -ms-transform:none !important;
        transform:none !important
    }
    #header{
        height:80px;
        padding-left:3%;
        padding-right:3%
    }
    #logo{
        width:140px;
        height:25px;
        top:15px;
        left:0;
        margin-left:0
    }







    .header_container_bg,.sub_menu_container_outer{
        display:none
    }
    .header_control_container{
        display:none;
        width:320px;
        height:100%;
        padding-top:57px;
        padding-bottom:60px;
        position:fixed;
        top:0;
        bottom:0;
        left:inherit;
        right:-320px;
        z-index:650;
        background:#fff
    }
    .menu_container{
        width:100%;
        height:100%;
        padding:0;
        overflow-y:scroll;
        -webkit-transition:none;
        transition:none
    }
    #menu{
        display:block;
        border-bottom:1px solid #222
    }
    #menu>li{
        display:block;
        width:100%
    }
    #menu>li>a{
        position:relative;
        padding:14px;
        font-size:15px;
        text-align:left;
        color:#222;
        border-bottom:1px solid #eee;
        -webkit-transition:none;
        transition:none
    }
    #menu>li:hover>a{
        color:#222
    }
    #menu>li.current-page-ancestor>a{
        color:#009fe9
    }
    #menu>li>a:before,#menu>li>a:after{
        display:none
    }
    #menu>li>a>span{
        padding:0
    }
    #menu>li>a>span:after{
        display:none
    }
    #menu .small-sub-menu-wrap{
        display:none;
        position:static;
        width:100%;
        height:auto
    }
    #menu .small-sub-menu-wrap>ul{
        width:100%;
        height:auto;
        position:static;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:-webkit-box;
        display:flex;
        webkit-align-items:stretch;
        -ms-flex-align:stretch;
        -webkit-box-align:stretch;
        -webkit-align-items:stretch;
        align-items:stretch;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        background:#fafafa
    }
    #menu .small-sub-menu-wrap>ul>li{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        width:50%;
        border-bottom:1px solid #eee
    }
    #menu .small-sub-menu-wrap>ul>li:nth-child(odd){
        border-right:1px solid #eee
    }
    #menu .small-sub-menu-wrap>ul.js_deficient_menu{
        border-bottom:1px solid #eee
    }
    #menu .small-sub-menu-wrap>ul.js_deficient_menu>li:last-child{
        border-bottom:none
    }
    #menu .small-sub-menu-wrap>ul>li>a{
        width:100%;
        padding:15px;
        font-size:14px;
        line-height:1.45;
        text-align:left;
        color:#444
    }
    #menu .small-sub-menu-wrap>ul>li.highlight>a{
        color:#009fe9
    }
    #menu .small-sub-menu-wrap > ul > li.current-menu-item, #menu .small-sub-menu-wrap>ul>li.current-page-ancestor{
        background:#009fe9
    }
    #menu .small-sub-menu-wrap > ul > li.current-menu-item a, #menu .small-sub-menu-wrap > ul > li.current-page-ancestor a{
        color:#fff
    }
    #menu>li:last-child:not(.active)>a{
        border-bottom:none
    }
    #menu > li:last-child .small-sub-menu-wrap > ul > li:last-child, #menu > li:last-child .small-sub-menu-wrap>ul>li:nth-last-of-type(2){
        border-bottom:none
    }
    .single-owner #menu ul.sub-menu > li.menu-item-147, .single-store #menu ul.sub-menu > li.menu-item-165, .single-news #menu ul.sub-menu > li.menu-item-167, .single-washtip #menu ul.sub-menu > li.menu-item-169, .single-global #menu ul.sub-menu>li.menu-item-171{
        background:#eee
    }
    .single-owner #menu ul.sub-menu > li.menu-item-147 > a, .single-store #menu ul.sub-menu > li.menu-item-165 > a, .single-news #menu ul.sub-menu > li.menu-item-167 > a, .single-washtip #menu ul.sub-menu > li.menu-item-169 > a, .single-global #menu ul.sub-menu>li.menu-item-171>a{
        color:#444
    }
    .etc_menu_container{
        width:100%;
        height:58px;
        position:absolute;
        top:0;
        right:0;
        background:#50a3d4;
        background-size:cover;
        z-index:651;
        -webkit-transition:none;
        transition:none
    }
    #etc_menu img{
        display:none
    }
    #etc_menu img+span{
        width:auto;
        height:auto;
        position:static
    }
    #etc_menu{
        display:block;
        padding:15px 15px 0 15px;
        position:relative
    }
    #etc_menu>li{
        float:left;
        display:block; margin-right:10px;
    }
    #etc_menu>li>a{
        padding:0 10px;
        font-size:15px;
        line-height:30px;
        color:#fff;
    }

    #etc_menu>li>a span {color:#fff; }


    #etc_menu>li>a{
        font-size:12px;
        border:1px solid rgba(255,255,255,0.8)
    }


    #small_menu_btn{
        display:block;
        width:25px;
        height:16px;
        position:absolute;
        top:27px;
        right:3%;
        z-index:550;
        cursor:pointer;
        -webkit-transition:top 300ms;
        transition:top 300ms
    }
    .small_menu_btn_line{
        display:block;
        width:100%;
        height:2px;
        position:absolute;
        left:0;
        background:#000;
        -webkit-transition:background 300ms;
        transition:background 300ms
    }
    .small_menu_btn_line_01{
        top:0
    }
    .small_menu_btn_line_02{
        top:7px
    }
    .small_menu_btn_line_03{
        bottom:0
    }
    #small_menu_close{
        display:block;
        width:30px;
        height:30px;
        position:fixed;
        top:10.5px;
        right:-30px;
        z-index:601;
        cursor:pointer
    }
    #small_menu_close span{
        display:block;
        height:100%;
        position:relative;
        font-size:0
    }
    #small_menu_close span:after{
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        font-family:'jt-font';
        content:'\e946';
        font-size:18px;
        line-height:30px;
        font-weight:normal;
        text-align:center;
        color:#fff
    }
    #small_menu_overlay{
        display:none;
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        background:#000;
        background:rgba(0,0,0,.8);
        z-index:600
    }
    .header_sns{
        display:block;
        width:100%;
        height:60px;
        padding:10px 0;
        position:absolute;
        bottom:0;
        right:0;
        font-size:0;
        text-align:center;
        z-index:651
    }
    .header_sns.layout_sns>li{
        float:none;
        display:inline-block
    }
    .header_sns.layout_sns>li>a{
        background:#fff;
        border-color:#ddd
    }
    .header_sns.layout_sns>li>a:after{
        color:#222
    }
    .header_sns.layout_sns>li>a:hover:after{
        color:#222
    }
    .minimize#header{
        height:60px;
        background:#fff;
        background:rgba(255, 255, 255, .9)
    }
    .minimize #logo{
    }
    .minimize #small_menu_btn{
        top:22px
    }


    .go_top{
        width:52px;
        height:52px;
        top:-24px;
        margin-left:-26px
    }
    .go_top span:after{
        font-size:13px;
        line-height:52px
    }
    .scroll_down{
        width:44px;
        height:44px
    }
    .article_header{
        padding:30px 0 25px
    }

    body.open_menu #laundry_header{
        -webkit-transform:none !important;
        -ms-transform:none !important;
        transform:none !important
    }
    #laundry_header{
        height:70px;
        padding:0 3%;
        position:fixed;
        top:0;
        left:0;
        background:#fff;
        border-bottom:1px solid transparent;
        -webkit-transition:height 300ms, border-color 200ms;
        transition:height 300ms, border-color 200ms
    }
    #laundry_logo{
        width:140px;
        height:25px;
        position:absolute;
        top:22.5px;
        left:0;
        z-index:550;
        -webkit-transition:top 300ms;
        transition:top 300ms
    }
    #laundry_menu_btn{
        position:absolute;
        top:27px;
        left:auto;
        right:0;
        -webkit-transition:top 300ms;
        transition:top 300ms
    }
    .laundry_home_link{
        display:none
    }
    #laundry_menu_overlay{
        background:#000;
        background:rgba(0,0,0,.8)
    }
    .laundry_sticky_container{
        width:320px;
        height:100%;
        left:auto;
        right:-320px
    }
    .laundry_top_container{
        width:100%;
        height:65px;
        margin-right:0;
        opacity:1;
        visibility:visible;
        line-height:65px;
        background:url(/wp-content/themes/washenjoy/images/layout/etc-menu-bg.jpg) no-repeat center center;
        background-size:cover
    }
    #laundry_top_menu{
        display:block;
        font-size:0;
        text-align:center
    }
    #laundry_top_menu>li{
        display:inline-block;
        margin-right:4px
    }
    #laundry_top_menu>li>a{
        padding:0 10px;
        font-size:12px;
        line-height:30px;
        color:#fff;
        border:1px solid #ddd
    }
    #laundry_top_menu>li:first-child>a{
        padding-left:10px
    }
    #laundry_top_menu>li:last-child>a{
        padding-right:10px
    }
    #laundry_top_menu>li>a:after{
        display:none
    }
    #laundry_top_menu img{
        display:none
    }
    #laundry_top_menu img+span{
        width:auto;
        height:auto;
        position:static
    }
    #laundry_top_menu>li>a:hover{
        color:#fff
    }
    .laundry_sticky_item{
        width:-webkit-calc(100% - 70px * 1);
        width:calc(100% - 70px * 1);
        height:67px;
        top:0;
        bottom:inherit;
        z-index:1
    }
    .laundry_sns{
        width:100%;
        height:100%;
        position:relative;
        overflow:hidden
    }
    .laundry_sns_list{
        float:right;
        width:-webkit-calc(100% - 50px * 1);
        width:calc(100% - 50px * 1);
        font-size:0;
        line-height:1
    }
    .laundry_sns_list>li{
        display:inline-block;
        vertical-align:top
    }
    .laundry_sns_list>li>a{
        padding:0 8px;
        line-height:67px
    }
    .laundry_sns_list>li.naver_line>a:after{
        font-size:20px
    }
    .laundry_sns_list>li.kakao_story>a:after{
        font-size:17px
    }
    .laundry_sns_list>li.kakao_talk>a:after{
        font-size:20px
    }
    .laundry_sns_list>li.facebook>a:after{
        font-size:17px
    }
    .laundry_sns_list>li.twitter>a:after{
        font-size:15px
    }
    .laundry_sns_btn{
        position:absolute;
        top:15.5px;
        left:10px;
        width:36px;
        height:36px;
        padding:0;
        line-height:36px;
        text-align:center
    }
    .laundry_sns_btn:after{
        font-size:15px
    }
    .laundry_sticky_open_item{
        display:block;
        width:100%;
        height:100%;
        padding:67px 0 0;
        position:static
    }
    .laundry_past_container{
        height:-webkit-calc(100% - 65px * 1);
        height:calc(100% - 65px * 1);
        padding:20px 25px;
        opacity:1;
        visibility:visible
    }
    .laundry_past_title{
        font-size:20px
    }
    #laundry_past_list{
        max-height:78%
    }
    #laundry_past_list{
        margin:10px 0 22px;
        padding-right:0
    }
    #laundry_past_list>li{
        padding:6px 0
    }
    #laundry_past_list span{
        font-size:14px
    }
    #laundry_past_list p{
        padding-top:0;
        font-size:16px;
        line-height:1.5;
        display:block;
        white-space:nowrap
    }
    .laundry_past_container .jt_btn{
        min-width:150px;
        padding:18px 29px;
        font-size:14px
    }
    .minimize#laundry_header{
        height:60px;
        background:#fff;
        background:rgba(255, 255, 255, .9);
        border-bottom-color:#ededed
    }
    .minimize #laundry_logo{
        top:17.5px
    }
    .minimize #laundry_menu_btn{
        top:22px
    }
    .main_container.laundry_main_container{
        padding-left:0
    }
    .page-template-my-laundry #footer{
        padding-left:0
    }
    .fp-section:not(.main_section_visual){
        height:auto !important
    }
    .js_positioning_element{
        padding-top:0 !important
    }
    .home .jt_btn{
        min-width:130px;
        padding:18px 15px;
        font-size:13px
    }

}
