@charset "utf-8";

@media (max-width: 1600px) {
	/* S101 */
	.greeting .wrap {gap: 100px;}
	.greeting .img-box {max-width: 550px;}
	.greeting .text-box .pc-only {display: none;}
	
	/* S102 */
	.store-list .wrap {padding: 0 20px;}
	.store-map-gyeonggi .popup07 {top: auto; bottom: 8%; right: 0;}

	/* S2 */
	.business .text-box .pc-only {display: none;}
	.business .img-box {max-width: 540px;}
}

@media (max-width: 1200px) {
	/* S101 */
	.greeting .wrap {gap: 60px;}
	.greeting .img-box {max-width: 500px;}

	/* S2 */
	.business .text-box {position: relative; top: auto;}
	.business .img-box {max-width: 500px;}
}

@media (max-width: 1024px) {
	.sub-visual {margin-top: 100px; margin-bottom: 70px;}
	.sub-visual-box {height: 220px; margin-bottom: 60px;}
	.sub-visual-box .title {font-size: 35px;}
	.sub-visual-box .desc {font-size: 20px;}

	.sub-visual .title-box {margin-bottom: 30px;}
	.sub-visual .title-box h2 {font-size: 40px;} 
	.lnb ul li a {font-size: 18px; padding: 8px 5px;}
	
	.sub-cont {padding-bottom: 200px;}

	/* S101 */
	.greeting .wrap {flex-direction: column; gap: 70px;}
	.greeting .text-box {width: 100%; flex: auto; margin-top: 0;}
	.greeting .text-box b {font-size: 26px; margin-bottom: 20px;}
	.greeting .text-box p {font-size: 16px;}
	.greeting .text-box p:not(:last-child) {margin-bottom: 25px;}
	.greeting .text-box .ceo-name {font-size: 20px; margin-top: 30px;}
	.greeting .text-box .name {font-size: 40px;}
	.greeting .img-box {max-width: 635px; margin-bottom: 0;}
	
	/* S102 */
	.map-info {margin-bottom: 150px;}
	.map {margin-bottom: 30px;}
	.map .root_daum_roughmap {height:450px !important;}
	.map .root_daum_roughmap .wrap_map {height:450px !important;}
	.map-info .info {flex-direction: column; padding: 0;}
	.map-info .info-wrap {width: 100%; flex: auto;}
	.map-info .info dl {font-size: 16px;}
	.map-info .info dt {max-width: 100px; padding: 12px 15px;}
	.map-info .info dd {padding: 12px 15px;}
	.map-info .info .btn {margin-top: 20px;}
	.map-info .info .btn a {width: 56px; height: 56px;}
	.map-info .info .btn-map {margin-right: 15px;}
		
	.store-list-title {flex-direction: column; margin-bottom: 60px;}
	.store-list-title img {width: 150px; margin-bottom: 20px;}
	.store-list-title h3 {font-size: 24px; margin-left: 0;}
	.store-list .wrap {flex-direction: column; gap: 70px; padding: 0;}
	.store-map-seoul {padding-top: 0;} 
	.store-map-gyeonggi {padding-left: 0;} 
	.store-map .title {position: relative; margin-bottom: 30px;}
	.store-map .title h4 {font-size: 18px;}

	.store-map .map-wrap img {margin: 0 auto 20px;}
	.store-map .map-popup {position: relative; max-width: 500px; width: 100%; padding: 20px 28px 10px; text-align: center; margin: 0 auto;}
	.store-map .map-popup:before {top: -5px; transform: translateY(0); left: 50%; transform: translateX(-50%);}
	.store-map .map-popup h5 {font-size: 16px;}
	.store-map .map-popup .btn-open-map {display: block;}

	.store-map-seoul .popup01 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-seoul .popup02 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-seoul .popup03 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-seoul .popup04 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-seoul .popup05 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-seoul .popup06 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-seoul .popup07 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-seoul .popup08 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-seoul .popup09 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-seoul .popup10 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-gyeonggi .popup01 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-gyeonggi .popup02 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-gyeonggi .popup03 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-gyeonggi .popup04 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-gyeonggi .popup05 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-gyeonggi .popup06 {top: auto; left: auto; bottom: auto; right: auto;}
	.store-map-gyeonggi .popup07 {top: auto; left: auto; bottom: auto; right: auto;}

	/* S2 */
	.business .wrap {flex-direction: column; gap: 60px;}
	.business .text-box {width: 100%; flex: auto; margin-top: 0;}
	.business .text-box p {font-size: 16px;}
	.business .text-box p:not(:last-child) {margin-bottom: 25px;}
	.business .text-box b {font-size: 18px; margin: 40px 0 60px;}
	.business .text-box .btn-link {font-size: 16px; padding: 13px 60px;}
	.business .img-box {gap: 20px; max-width: none;}
	.business .img-box img {width: 100%;}
}

@media (max-width: 768px) {
	.sub-visual-box {height: 200px; margin-bottom: 50px;}
	.sub-visual-box .title {font-size: 26px;}
	.sub-visual-box .desc {font-size: 16px;}

	.sub-visual .title-box {margin-bottom: 20px;}
	.sub-visual .title-box h2 {font-size: 32px;} 
	.lnb ul li a {font-size: 16px;}
	
	.sub-cont {padding-bottom: 120px;}

	/* S102 */
	.map-info {margin-bottom: 100px;}
	.map {margin-bottom: 20px;}
	.map .root_daum_roughmap {height:300px !important;}
	.map .root_daum_roughmap .wrap_map {height:300px !important;}
	.map-info .info dt {max-width: 70px;}
}