:root{	
	--element-height:45px;
	--element-radius:6px;
	
	--font-size-default: 14px;
	--font-size-small: 13px;
	--font-size-mini: 11px;
	
	@media(max-width:1440px){
		--element-height:40px;
		--font-size-default:13px;
	}
}

.tablet{display:none;}
.pc{display:block}

/*
	Tablet
*/
@media (max-width: 1366px) and (orientation: landscape) {
  /* 아이패드 12.9 포함한 모든 태블릿 가로모드 */
	.pc{display:none;}
	.tablet{display:block;}
	
	.container{min-width:100%!important;max-width:100%!important;}
	
	#controls{white-space:nowrap;}
	
	#tablet-choice .grid__6:last-child{
		display:flex;
		flex-wrap:wrap;
		margin-left:-1rem;
	}
	#tablet-choice .grid__6:last-child a{
		width:50%;
		display:block;
		padding-left:1rem;
		padding-bottom:0rem;
		height:244px;
	}
	#tablet-choice .grid__6:last-child a img{
		height:100%;
		object-fit:cover;
	}
	#tablet-choice .grid__6:last-child a:nth-last-child(1),
	#tablet-choice .grid__6:last-child a:nth-last-child(2){
		padding-bottom:0;
	}
	
	/*
		Intro
	*/
	#layout-tablet{background:url('https://m-cdn.phonearena.com/images/articles/359946-image/zazzle-custom-phone-cases.jpg') no-repeat center center;background-size:cover;background-color:var(--color-primary);height:100vh;width:100vw;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;}
	#layout-tablet::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--color-primary);opacity:.9;z-index:-1;}
	#intro{text-align:center;position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}
	#logo {
	  animation: updown 3s ease-in-out infinite;
	  position: relative;
	}
	
	@keyframes updown {
	  0% { top: 0; }
	  50% { top: -20px; }  /* 위로 이동 */
	  100% { top: 0; }     /* 다시 원위치 */
	}
	@keyframes blink {
	  0%, 100% { opacity: 1; }
	  50% { opacity: 0; }  /* 사라졌다가 */
	}
	#intro #logo img{width:200px;height:200px;display:inline-flex;flex:auto;background-color:#fff;border-radius:50%;padding:1rem;}
	#intro #plz{color:#fff;font-size:4rem;margin-top:1rem;animation: blink 3s ease-in-out infinite;opacity: 1;}
	
	#tablet-qr{color:#fff;text-align:center;}
	#tablet-qr #qr{background-color:#fff;display:inline-flex;}
	#tablet-qr h1{font-size:3rem;}
	#tablet-qr p{font-size:2rem;color:#fff;}
	#tablet-qr .btn-group{display:flex;margin-top:4rem;margin-left:-2rem;}
	#tablet-qr .btn-group .btn{width:100%;border-radius:100px;font-size:3rem;padding:4rem 3rem;margin-left:2rem;}
	#tablet-qr .btn-group .btn:last-child{background-color:rgba(255,255,255,.9);}
	
	#tablet-select{text-align:center;height:100vh;overflow-y:auto;padding:10rem 0;}
	#tablet-select .list{margin-left:-1rem;}
	#tablet-select .list > li{padding-left:1rem;}
	#tablet-select h1{color:#fff;font-size:3.5rem;}
	#tablet-select a{display:block;padding:1rem;background-color:#fff;border-radius:1rem;}
	#tablet-select a img{border-radius:1rem;}
	#tablet-select a span{color:#121212;font-size:1.1rem;font-weight:bold;display:flex;align-items:center;height:3rem;justify-content:center;}
}