@media (max-width: 768px) {
    .gnb div{font-size: 2rem; padding: 0 40px;}
    .viewInfo .itemCounter_wrap .itemCounter button{width: 35px; height: 35px;}
    .productList li .txt{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    .loginForm_wrap{display: unset; position: relative; margin-top: 50px;}
    .loginFooter{padding: 0 20px; position: relative; margin-top: 100px; }
}
@media (max-width: 767px) {
    .productsView_top .productsView_inner{flex-direction: column;}
    .productsView_top .viewImg,
    .productsView_top .viewInfo{width: 100%;}

	.loginForm{width: 100% !important; margin: 50px auto 0 !important; padding: 0 20px;}
	.productList li{width:50%;}
}

@media (max-width: 425px) {
    .orderIntro a{background: #101010 url(../images/intro.jpg) no-repeat center / contain;}
    .loginForm{width: 100%;  padding: 0 20px;}
    .subHeader{font-size: 2rem;}
    .gnb div{height: 50px; line-height: 50px; font-size: 1.8rem;}
    .gnb div + div{margin-left: unset;}
    .productsView_bottom {padding: 0 0 50px;}
    .viewInfo .itemCounter_wrap .itemPrice{width: calc(100% - 120px);}
    .viewInfo .itemCounter_wrap .itemPrice input{width: 100%;}
    .viewInfo .viewBtn a, .viewInfo .viewBtn button{height: 50px; line-height: 50px;}
    .productList li{width: 50%; padding: 3px 3px 10px 3px;}
    .orderResult{font-size: 2.5rem;}
    .formWrap .row .title,
    .formWrap .rowWrap.price{padding: 13px 15px;}
    .formWrap .row .cont{padding: 15px;}
    .formWrap .row input,
    .formWrap .row textarea,
    .formWrap .row,
    .formWrap .rowWrap.price .row{font-size: 1.6rem;}
    .cartBottom .orderCost,
    .formWrap .rowWrap.price .row:nth-last-child(1),
    .footBtn a{font-size: 2rem;}
}

@media (max-width: 360px) {
    .loginFooter p{text-align: left}
    .loginFooter p span:after{display: none}
    .loginFooter p span{display: block; margin: 3px 0;}
    .loginForm .loginLogo img{width: 70%;}
    .loginForm {width:360px!important;}
}