.bakG{background-color:#f9f9f9}


	.brand{width:100%;position:relative;}
	.brand .brandP{width:100%;text-align:right;}
	.brand .brandP img{width:100%;max-width:700px;height:550px;object-fit:cover}
	.brand .brandT{position:absolute;width:100%;max-width:720px;background-image:url(/img/textBak.png);background-size:cover;height:auto;left:0;top:50%;transform:translateY(-50%);padding:50px;text-align:left;word-break:keep-all;}
	.brand .brandT h4{font-weight:800;padding-bottom:15px;font-size:20pt;line-height:25pt}
	.brand .brandT p span{padding-bottom:15px;display:inline-block}
	.mainCon .col-md-4{padding:0 10px}

	.menuBak{width:100%;height:300px;background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)),url(/img/menuBak.png);;background-size:cover;margin-top:75px;position:relative;animation:main 60s linear infinite;}
	.menuBak_brand{width:100%;height:300px;background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)),url(/img/menuBak_brand.png);;background-size:cover;margin-top:75px;position:relative;animation:main 60s linear infinite;}
	.menuBak_franchise{width:100%;height:300px;background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)),url(/img/menuBak_franchise.png);;background-size:cover;margin-top:75px;position:relative;animation:main 60s linear infinite;}
	.menuBak_store{width:100%;height:300px;background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)),url(/img/menuBak_store.png);;background-size:cover;margin-top:75px;position:relative;animation:main 60s linear infinite;}
	.menuBak .menuTxt{position:absolute;top:50%;transform:translateY(-50%);text-align:center;width:100%}
	.menuBak .menuTxt p{font-size:30pt;font-weight:800;color:#fff;}

	.menuBtn{margin-top:15px;display:flex;text-align:center;justify-content:center}
	.menuBtn button{width:200px;height:55px;background-color:#fff;border:1px solid gray;border-left:0;color:gray;font-size:14pt}
	.menuBtn button:first-child{border:1px solid gray;}
	.menuBtn button.on{border-color:#25B7EA;background-color:#25B7EA;color:#fff}
	.mainConIn .col-md-6 .card{margin-bottom:30px}
	.mainConIn .col-md-6 .card img{height:300px;object-fit:cover}
	.card-body{text-align:left;}
	.card-body h4{font-size:18pt;font-weight:800;margin-bottom:5px}
	.card-body p{font-size:14pt}
	.cate01{display:inline-block;}
	.cate02, .cate03{display:none}
	.franchise .col-md-4 img{width:100%}
	.franchise .col-md-4 .Finfo{margin-top:10px}
	.franchise .col-md-4 div p{font-size:18pt;font-weight:800;}
	.franchise .col-md-4 div span{color:Gray;}
	.Fstep .col-md-4 .stepCon{border:8px solid #ddd;padding:50px 10px;background-color:#fff;position:relative;margin-bottom:30px}
	.Fstep .col-md-4 .stepCon .stepN{width:45px;height:45px;position:absolute;right:0;top:0;background-color:#25b7ea;color:#fff;display:inline-block;line-height:45px;margin-right:-8px;margin-top:-8px}
	.Fstep .col-md-4 .stepCon div i{font-size:30pt;margin-bottom:10px;display:inline-block}
	.Fstep .col-md-4 .stepCon div p{margin-bottom:5px}
	.table th{background-color:#e5ecef;border-bottom:0}
	.table>:not(:first-child){border-top:0}
	.table th{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
	.table td{border-bottom:1px solid #ddd}
	.table th, .table td{padding:15px 10px;font-size:11pt;}
	.subject{cursor:pointer;}
	.viewTable .write p{display:inline-block;padding-right:15px;color:gray;}
	.viewTable .write p:nth-last-child(1):after{content:none}
	.viewTable .write p:after{content:'ㅣ';padding-left:15px;font-weight:100;}
	.viewTable .subject{font-size:18pt}
	.tableInfo img{margin:5px 0;width:100%;max-width:768px}
	.tableInfo p{margin:5px 0}
	.bbsBtn .btn{background-color:#576367;width:100px;color:#fff}
	.botContact-sub{position:relative !important;}
	#footer{padding-bottom:20px !important;}
	.pagination{margin-top:15px}
	.pagination .page-link{font-size:10pt;color:gray;}
	.pagination .page-item.active .page-link{background-color:#000;border-color:#000}

	@keyframes main{
		from{background-position:top center}
		50%{background-position:bottom center}
		100%{background-position:top center}
	}

	@media(max-width:996px){
		.card-body h4{font-size:14pt}
		.card-body p{font-size:11pt}
		.menuBak{height:150px;animation:main 15s linear infinite;}
		.menuBak .menuTxt p{font-size:25pt}
		.menuBtn button{width:120px;height:45px;font-size:11pt}
		.mainConIn .col-md-6 .card img{height:200px}

		.brand .brandT h4, .franchise .col-md-4 div p{font-size:16pt}
		.brand .brandT{position:relative;top:0;transform:translateY(0);}
		.brand .brandT p span{font-size:11pt}
		.brand .brandP img{height:auto;}
		.franchise .col-md-4 div span{font-size:11pt}
		.franchise .col-md-4 .Finfo{margin-bottom:20px}
		.table th, .table td{font-size:10pt}
		.viewTable .subject{font-size:14pt}
	}

	@media(max-width:768px){
		.mainConIn .col-md-6 .card{margin-bottom:15px}
	}