.util-wrap > button { display: none; } 
@media screen and (max-width: 1199px){
    .location-wrap>.location,article>.inner,.footer-info-wrap>.inner {
        width: 100%;
    }

    aside .bg{
        min-width: 100%
    }
    article>.inner{
        width: unset;
    }

    .footer-info-wrap>.inner{
        width: unset;
    }
    .footer-gnb>ul{
        width: unset;
    }
    /* .notify-wrap-inner{
        width: unset;
    } */
    [class$='order-list']{
        width: unset;
    }
    .flex-control-nav {
        width:unset;
    }
    .footer .guide .inner{
        width: unset;
    }
    .wrapper{
        width: unset;
    }
    #wrap{
        width: unset;
    }

    .location {
        padding:0 30px;
        width: unset;
        display: none;
    }
    .marquee {
        width: 100%;
        background: #9c836a;
    }
    .marquee div span{
        color: #ffffff;
    }
    .notify-wrap{
        top: 40px;
        background: #9c836a;
     }
     .notify-scroll>ul>li>a{
        color: #ffffff;
     }
    /* .swiper-container-3d {
        -webkit-perspective: 100%;
        perspective: 100%;
      }
      .swiper-container-coverflow .swiper-wrapper {
        -ms-perspective: 100%;
      } */

}
@media screen and (max-width: 1199px){
 .gnb .sub {min-width:100px;}
 /* li.t_icon {
    display: none;
} */
.sub img.telegram {
    width: 30px;
    position: relative;
    left: -16px;
    top: -4px;
}
 .visual .btn-scroll-down {display: none;}
 .logo { left: 9px; top:0px; display: none;} 
 .util-wrap {
    top: 0px;
    width: 100%;
    left: 0px;
    position: absolute;
    /* z-index: 101; */
}
aside.fix .bg button {
    top: 0px;
}
div.layerPop {
    width: 80% !important;
}
div.pop_slider{
    width: 100% !important;
}
.login_btnMain {
    padding:10px 0 10px 0;
}
.util-list .t_icon{
    display: none;
}
.util-list {
    margin-right: 0px;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 84px;
    position: relative;
    background-color: #000000b0;
}
.util-list>li {
    position: relative;
    float:none;
    margin-right: 0px;
    /* width: 100%; */
    margin: 4px 0 0px 0;
}
.util-wrap a {
    font-size: 16px;
}
 .util-wrap > .util-list > li > a > span { font-size: 14px; padding-left: 20px; } 
 .util-wrap > button { display: block; } 
 #wrap { height: 100%; /* width: 100% !important; */
 min-width: 100%; } 
 .visual { position: relative; height: 67%; } 
 .visual .view li img { position: fixed; left: 0; top: 0; width: 100%;}
 .visual .view li { display: block; /* position: fixed; */
 left: 0; top: 0; width: 100%; /* height: 100%; */}
 /* .visual .txt { position: absolute; left: 50%; top: 48%; margin-left: -206px; transform: translateY(-50%); z-index: 10; color: #fff; width: 100%;} */
 .visual .txt {
    position: absolute;
    left: unset;
    top: 61%;
    margin-left: unset;
    transform: unset;
    z-index: 10;
    color: #fff;
    width: 100%;
    margin: 0px;
}
 /* .visual .txt em { 
    margin-top: 0px; line-height: 20px; font-size: 14px; background-color: #e1a770; padding: 20px; width: 100%; 
}  */
.visual .txt em { 
margin-top: 0px;
    line-height: 20px;
    font-size: 14px;
    background-color: #9c836a;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}
 /* .visual .txt strong { font-size: 50px; line-height: 50px; font-family: roboto; font-weight: 700; padding: 10px; }  */
 .visual .txt strong { 
    font-size: 47px;
    line-height: 50px;
    font-family: roboto;
    font-weight: 700;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
 } 
 .visual .txt p { display: none; } 
 .header>.inner { position: relative; width: 100%; margin: 0 auto; } 
 .contents { top: -50px; } 

 .contents > li.intro-txt .txt-wrap .btn-wrap { 
    width: 95%; 
    /* margin-left: 15px;
    padding-left: 15px;  */
} 
 .contents > li.intro-txt .txt-wrap .btn-wrap a { width: 50%; } 
 .contents > li.intro-txt .txt-wrap em { width: 90%; margin-left: 15px; } 
 .contents > li.intro-txt .txt-wrap .machine-list { margin-top: 20px; display: flex;} 
 .contents > li.intro-txt .txt-wrap p { font-size: 14px; /* width: 94%; */}
 .contents > li.intro-txt .txt-wrap strong { font-size: 40px; line-height: 40px;} 
 .contents > li:nth-child(2) > .cell { display: table-cell; vertical-align: middle; font-size: 0; display: flex; flex-direction: column-reverse; align-items: center; } 
 .contents > li.intro-txt.last { height: 0px !important; } 
 .contents > li.intro-txt .txt-wrap .machine-list > div { float: left; margin: 0 20px 0 20px; text-align: center; } 
 .contents > li.intro-txt .txt-wrap { /* font-size: 20px; text-align: left; width: 100%; background-color: #fff; */
 font-size: 20px; text-align: left; width: 100%; background-color: #282828; display: flex; flex-direction: column; align-content: space-around; flex-wrap: wrap; padding:10px;} 
 
 .contents > li:nth-child(1) .swiper-container { width: 100%; } 
 .contents > li.intro-txt .swiper-container { width: 100%; } 
 .contents > li.intro-txt { height: 20px !important; } 
 .gnb>ul>li { display: none; } 
 .contents > li.intro-txt .txt-wrap.right { width: 100%; position: relative; z-index: 2; padding:10px} 
 /* .contents > li .sell div:nth-child(2) { order: -1; } */
 
 .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: #454545; /* background-color: transparent; */
 border: 1px solid transparent; border-radius: 0.25rem; cursor: pointer; } 
 .location { display: none; position: relative; width: 100%; margin: 0 auto; color: #fff; font-size: 0; white-space: nowrap; } 

 aside .bg { display: none; content: ''; background-color: rgba(0,0,0,0.7); width: 100%; min-width: 100%; max-width: 100%; 
    /* height: 80px;  */
    position: absolute; top: 0; left: 0; overflow: hidden; } 
 .footer-info-wrap>.inner { position: relative; width: 100%; margin: 0 auto; background-color: #3c3c3c; } 
 .location nav a { margin-left: 20px; } 
 .location nav a + a { margin-left: 30px; } 
 .location span { display: none; } 
 .policy-list { position: relative; /* margin: 14px; */
 width: 100%;
 left: 0px; } 
 .footer-info-wrap>.inner { padding: 8px 0; background: none; } 
 aside { position: fixed; left: 0; bottom: 0; width: 100%; 
    /* height: 80px;  */
    overflow: hidden; z-index: 2; } 
 .swiper-slide { width:100% !important; } 
 .swiper-slide img { width:100% !important; } 
 .footer-info-wrap .copy { padding: 10px; } 

 .slide-open {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 1002;
}
.slide-open.on{
    z-index: 103;
}
 .burgur { right: 5px; top: 23px; position: absolute; width: 30px; height: 4px; background: #fff; } 
 .burgur .top-line { width: 30px; height: 4px; background-color: #fff; bottom: -10px; content: ''; position: absolute; right: 0; -webkit-transition: -webkit-transform .3s; transition: transform .3s; }
 .burgur .bot-line { width: 30px; height: 4px; background-color: #fff; top: -10px; content: ''; position: absolute; right: 0; -webkit-transition: -webkit-transform .3s; transition: transform .3s; } 
 
 .burgur.on { width: 0; } 
 .burgur.on .bot-line { -webkit-transform: translateY(5px) rotate(135deg); transform: translateY(5px) rotate(135deg); } 
 .burgur.on .top-line { -webkit-transform: translateY(-5px) rotate(-135deg); transform: translateY(-15px) rotate(-135deg); } 
 .gnb .dep1 { margin-top: 55px; width: 100%;} 
 .gnb { 
    width: 100%; 
    position: absolute; /* left: -100%; */
    top: 0; 
    right: 0; 
    bottom: 0; 
    -webkit-transition: left .3s; 
    -moz-transition: left .3s; 
    -ms-transition: left .3s; 
    -o-transition: left .3s; 
    transition: left .3s; 
    background-color: #000000eb; 
    display: none; 
    height: 100%; 
    padding: 0;
} 
 .gnb-title { width:100%; height:100px; font-size:42px; display:flex; justify-content:center; align-items:center; border-bottom:1px solid #e1e1e1; } 
 .gnb.on { /* left:0; */
 display: block; width: 100%;height: 1000px; z-index: 102;} 
 .gnb ul li { display: inline-block; width: 97%; padding: 10px 0px 10px 10px; margin: 5px 0px 0px 0px;
    margin-right: 0px !important;
    padding-right: 0px !important;
 /* border-bottom: 1px solid #e1e1e1; */}
 .gnb ul li a { font-size: 22px !important; margin-bottom: 10px;} 
 .gnb .sub li:first-child { margin-top: 22px; } 
 .gnb .dep1>li>a { margin-bottom: 0px; } 
 .gnb>ul>li:first-child .sub { top: 57px; display: block !important; width: 100%; } 
 .gnb .sub { display: block !important; width: 100%; } 
 .gnb .m1 {  text-align: center; margin-bottom: 276px; background-color: #9c836a; margin-right: 0px; } 
 .gnb .dep1>li>a.on {
    padding-bottom: 0px !important;
}
.gnb .sub li {
    text-align: center;
}
.contents > li.intro-txt .swiper-container{
    display: none;
}
}




@media screen and (max-width: 449px){
    .visual .txt{
        top: 37%;
    }
    .contents {
        top: -150px;
        padding-bottom: 0;
    }
    .contents > li.intro-txt .txt-wrap p{
        display: none;
    }
    .contents > li.intro-txt .txt-wrap strong{
        margin-bottom: 0px;
    }
    .contents > li:nth-child(2) > .cell{
        margin-top: 15px; 
    }
    .cell > div.item > strong > br {
        display: none;
    }
    .contents > li.intro-txt .txt-wrap p{
        display: none;
    }
    .contents > li.intro-txt .swiper-container{
        display: none;
    }
    .contents > li.intro-txt .txt-wrap.right{
        margin-bottom: 60px;
    }
    .contents > li.intro-txt .txt-wrap strong{
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 0px;
        letter-spacing: 1px;
    }
}





@media screen and (max-width: 320px){
    .contents {top: 40px;}
    .visual .txt{
    top: 45%;
    }
    .contents > li.intro-txt .txt-wrap .machine-list > div {
        margin: 0 7px;
    }
    .contents > li.intro-txt .txt-wrap p{
        display: none;
    }
    .contents > li.intro-txt .txt-wrap strong{
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 0px;
        letter-spacing: 1px;
    }
    .cell > div.item > strong > br {
        display: none;
    }
    .contents > li.intro-txt .swiper-container{
        display: none;
    }
    .contents > li.intro-txt .txt-wrap.right{
        margin-bottom: 60px;
    }

}