@media (max-width: 1500px) {
	.price { padding-bottom: 40px; }
	.price .rimgBox { width: 900px; }
}

@media (max-width: 1300px) {
	.price { padding-bottom: 0; }
	.price .rimgBox { width: 840px; }
}

@media (max-width: 1200px) {
	.price .rimgBox { 
		width: 100%; 
		position: relative; /* ¸ð¹ÙÀÏ¿¡¼­´Â Àý´ë À§Ä¡ ÇØÁ¦ */
		z-index: auto;
		margin-top: 30px;
	}
	.priceTxtBox{align-items: center;}
}

@media (max-width: 1024px) {
}

@media (max-width: 992px) {
	.container { width: 100%; max-width: 100%; }
	.navbar .navbar-toggler{display: block;}

	.navbarNav {display: block; position: fixed; top: 0; right: -320px; width: 320px; height: 100%; background: #fff; transition: right 0.3s ease; z-index: 1001; padding: 40px 20px; flex-direction: column; box-sizing: border-box;}
	.navbarNav a{margin:0 !important}
	.navbarNav.active {right: 0;}
	.nav-overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 1000;}
	.nav-overlay.active {display: block;}
	.navbarNav.active .nav-close {display: flex; justify-content: center; align-items: center;}

	.mrimgBox{margin-top:60px;}
	.pd100{padding:80px 0}
	
	.promo-bottom{margin-top:40px;}
	.promo-image-area{position: relative; max-width: 100%; top:unset; right:unset; margin-top:50px;}	
	.price{margin-top: 40px;}

	.no-scroll {overflow: hidden; height: 100%}
}


@media (max-width: 767px) {
	.text-size-xxl { font-size: 60px; line-height: 150%; }
	.text-size-xl { font-size: 40px; line-height: 130%; }
	.text-size-lg { font-size: 30px; line-height: 150%; }
	.text-size-md { font-size: 20px; line-height: 150%; }
	.text-size-sm { font-size: 18px; line-height: 150%; }
	.box{ margin-bottom:30px;}

	.promo-container {flex-direction: column;}
	.main-text {font-size: 14px;}
	.title {font-size: 18px;}

	.promo-bottom .subtitle,
	.promo-bottom .title{font-size: 24px; line-height: 150%;}
}

@media (max-width:576px) {
	.text-size-xxl { font-size: 48px; line-height: 150%; }
	.text-size-xl { font-size: 30px; line-height: 150%; }
	.text-size-lg { font-size: 20px; line-height: 150%; }
	.text-size-md { font-size: 18px; line-height: 150%; }
	.text-size-sm { font-size: 16px; line-height: 150%; }
	.text-lg { font-size: 30px; line-height: 150%; }
	.box{ padding:50px 0;}

	.mconBox br{display:none}
	.promo-bottom .subtitle,
	.promo-bottom .title{font-size: 20px; line-height: 150%;}
	.word-circle-wrap::before{width:5px; height:5px;}

	.footer-content span{display:block; width:100%;}
	.footer-content span::after{display:none;}
	.contact .btnBox button{width:100%}
	
	.text-xmd{font-size:20px}
	.text-xsm{font-size:16px}

	.priceTxtBox p{font-size:32px}
	.priceTxtBox p:nth-last-of-type(1){font-size:16px;}
}