@media screen and (max-width: 800px) {
  	header {height: 20vw; width: calc(100vw - 32px);}
  	main {
  		top: 20vw; height: calc(100vh - 20vw); width: calc(100vw - 30px);
  		height: calc(var(--100vh, 100vh) - 20vw);
  	}
  	.btn {}
  	.noselect {}

    #share-product-url{background: white; left: 0;}

  	.m-show {display: block;}

    .product:hover > .product_header, header:hover, .titles:hover, .litbtn:hover, .menu-item:hover 
    {transition: unset; background-color: white;}

    .m-focus {transition: background-color 0.2s; background-color: #e6ff0f !important;}

  	.header-title {height: 16vw;}
    #detail-header {
        height: 16vw; position: fixed; top: 1vw; left: 1vw; width: 100%;
        z-index: 1; background: white; opacity: unset; pointer-events: auto;
    }
  	.header-title-wrapper {}
  	.header-title-wrapper>svg {}

  	.header-subtitle {font-size: 16vw; left: 100vw !important;}
    .header-subtitle.prd-detail {z-index: 0;}
  	.header-subtitle>span {
      left: 0; font-size: 100%; top: 0; padding-right: 80vw;
    }
  	.header-subtitle-nxt {}

  	.header-shop {font-size: 16vw; display: none;}
  	.header-shop-wrapper {font-size: 100%;}

  	.menu-bar {width: 30px;}
  	.menu-bar:hover {width: 30px;}
    .menu-bar-unfold:hover {width: 30px; right: 0px;}
  	.menu-bar>span {font-size: 20px;}
  	.menu-bar-unfold>span {}

  	.menu-bar-unfold { transform: translateX(-100vw) translateX(32px); }
	.menu-bar-fold { transform: translateX(2px); }

  	.menu-content {width: calc(100vw - 32px);}
  	.menu-content-show {transform: translateX(32px);}
  	.menu-content-hide {}

  	.menu-item {height: 20vw; font-size: 15vw; padding-left: 4vw;}
  	.menu-item:last-child {}
  	.menu-item:first-child {}
  	.menu-item>* {}
  	.menu-item>svg {height: 85%;}

  	#category-button {}

  	.category-hide {height: 0;}
    .category-show {height: 20vw;}
  	.category-arrow {display: none;}
  	.category-arrow-up {}
  	
  	.logo {}

  	.product_list {
  		white-space: unset; height: calc(100vh - 20vw); 
  		width: calc(100vw - 32px); height: calc(var(--100vh, 100vh) - 20vw);
  	}
  	.product {
  		width: calc(100vw - 32px); height: calc(100vw - 32px + 18vw); 
  		display: flex; justify-content: flex-start; align-items: flex-end;
  		border-left: none; border-right: none;
  		border-top: 1px solid black; border-bottom: 1px solid black;
  	}
  	.product_header {
  		width: calc(100vw - 32px); height: 18vw; border-left: none; 
  		border-top: 2px solid black;
  	}
  	.product_header_txt {
  		top: 50%; left: 1.5vw; transform: translateY(-50%);
  		font-size: 4vw;
  	}
  	.product:last-child {border-left: none; border-right: none; border-bottom: none;}
  	.product:first-child {border-left: none; border-right: none; border-top: none;}

  	.category_marker {font-size: 4vw; transform: translateY(4vw); top: 0; display: none;}

  	.dynamic_container {
  		top: 20vw; width: calc(100vw - 32px); 
  		height: calc(100vh - 20vw); height: calc(var(--100vh, 100vh) - 20vw);
  		display: block; overflow-y: auto;
  	}
  	.dynamic_container .left {width: 100%; border-right: none; height: auto;}
  	.dynamic_container .right {width: 100%; border-left: none; height: auto;}

    .right.product-detail {height: auto;}

  	.left {position: unset; top: unset; left: unset; transition: unset;}
	.right {position: unset; top: unset; left: unset; transition: unset;}
	.left.full {height: auto; top: unset; overflow-y: auto;}
	.right.full {left: unset; height: auto; top: -2px;}
    .full_images {height: 80vw; transition: unset;}
    .news-intro > div {width: 100%;}
    .headerhide {top: 0;}

  	.news {
        position: fixed;
        top: 30vw;
        width: calc(100vw - 30px) !important;
        height: calc(100% + 2px - 10vw) !important;
    }
  	.news-list {
  		position: fixed; top: calc(30vw - 2px); background: white;
    	height: calc(100% + 2px) !important; transition: transform 0.3s;
        z-index: 1;
	}
    .news-list .titles {width: calc(100vw - 30px); box-sizing: border-box;}
  	.news-list-hide {transition: transform 0.3s; transform: translateY(100%)}

    #list-button {
        position: fixed;
        width: 100%;
        top: calc(20vw - 2px);
        background: white; z-index: 1;
    }

  	.wrapper {padding: 2vw 2.5vw 2vw 2.5vw;}
	.en {font-family: 'NHass', sans-serif; font-size: 5vw;}
	.kr {font-family: 'NHass', 'Noto Sans KR', sans-serif; font-size: 4.6vw}

  	.border_bottom {}
    .m_border_bottom {border-bottom: 2px solid black;}

  	.images {height: 80vw;}
	.images .bckground {}

  	.cover {}
  	.contain {}

  	.images img {}
  	.images video {}

  	.active-title {}

  	#three-scene {
  		top: 20vw; height: calc(100vh - 20vw); 
  		width: calc(100vw - 32px); height: calc(var(--100vh, 100vh) - 20vw);
  	}
  	#preloader {}
}

@media screen and (min-width: 1500px) {
	header {}
  	main {}
  	.btn {}
  	.noselect {}

  	.product:hover>.product_header,
  	header:hover,
  	.titles:hover {}

  	.header-title {}
  	.header-title-wrapper {}
  	.header-title-wrapper>svg {}

  	.header-subtitle {}
  	.header-subtitle>span {}
  	.header-subtitle-nxt {}

  	.header-shop {}
  	.header-shop-wrapper {}

  	.menu-bar {}
  	.menu-bar:hover {}
  	.menu-bar>span {}
  	.menu-bar-unfold>span {}

  	.menu-bar-unfold {}
	.menu-bar-fold {}

  	.menu-content {}
  	.menu-content-show {}
  	.menu-content-hide {}

  	.menu-item {}
  	.menu-item:hover {}
  	.menu-item:last-child {}
  	.menu-item:first-child {}
  	.menu-item>* {}
  	.menu-item>svg {}

  	#category-button {}

  	.category-hide {}
  	.category-show {}
  	.category-arrow {}
  	.category-arrow-up {}
  	
  	.logo {}

  	.product_list {}
  	.product {}
  	.product_header {}
  	.product_header_txt {}
  	.product:last-child {}
  	.product:first-child {}

  	.category_marker {}

  	.dynamic_container {}
  	.dynamic_container .left {}
  	.dynamic_container .right {}

  	.wrapper {}

  	.en {}
  	.kr {}

  	.border_bottom {}

  	.images {}
	.images .bckground {}

  	.cover {}
  	.contain {}

  	.images img {}
  	.images video {}

  	.active-title {}

  	#three-scene {}
  	#preloader {}
}