@charset "utf-8";
/* @charset "euc-kr"; */
#bnSubArea {position: relative; width: 100%; height: auto;}

#bnSubArea > .subVisualArea {position: relative; width: 100%; height: 280px; box-sizing: border-box; padding-top: 100px; background: url('../img/sbn01.jpg') center center no-repeat; background-size: cover; overflow: hidden; transition: all 0.3s;}
#bnSubArea > .subVisualArea.sbnNo02 {background: url('../img/sbn02.jpg') center center no-repeat; background-size: cover;}
#bnSubArea > .subVisualArea.sbnNo03 {background: url('../img/sbn03.jpg') center center no-repeat; background-size: cover;}
#bnSubArea > .subVisualArea.sbnNo04 {background: url('../img/sbn04.jpg') center center no-repeat; background-size: cover;}
#bnSubArea > .subVisualArea.sbnNo05 {background: url('../img/sbn05.jpg') center center no-repeat; background-size: cover;}
#bnSubArea > .subVisualArea > .sbn {position: relative; width: 100%; max-width: 1200px; height: auto; box-sizing: border-box; padding: 50px 0 90px; margin: 0 auto; transition: all 0.3s}
#bnSubArea > .subVisualArea > .sbn > h2 {line-height: 40px; font-size: 36px; font-weight: 700; color: #fff; text-align: center; text-transform: lowercase; letter-spacing: -2px; transition: all 0.3s}
#bnSubArea > .subVisualArea > .sbn > h2::first-letter {text-transform: uppercase;}
#bnSubArea > .subVisualArea > .sbn > .sbnBI {position: absolute; top: 0; bottom: 40px; left: 0; right: 0; display: block; margin: auto; width: 100%; max-width: 1200px; height: 120px; background: url('../img/mbnBI.png') right center no-repeat; background-size: auto 100%; z-index: 1; transition: all 0.3s;}

#bnSubArea > .subVisualArea > .subPageing {position: absolute; top: 140px; left: 0; width: 100%; height: 60px; z-index: 1; transition: all 0.3s;}
#bnSubArea > .subVisualArea > .subPageing > .pageLink {position: absolute; top: 0; display: block; width: 40px; height: 60px;}
#bnSubArea > .subVisualArea > .subPageing > .pageLink > a {display: block; width: 100%; height: 100%; transition: all 0.3s;}
#bnSubArea > .subVisualArea > .subPageing > .pageLink > a.btNext {border-radius: 0; background: url('../img/btNext.png') left -5px center no-repeat; background-color: rgba(0,0,0,0.2);}
#bnSubArea > .subVisualArea > .subPageing > .pageLink > a.btPrev {border-radius: 0; background: url('../img/btPrev.png') right -5px center no-repeat; background-color: rgba(0,0,0,0.2);}
#bnSubArea > .subVisualArea > .subPageing > .pageLink > a:hover {background-color: rgba(0,0,0,0.6); transition: all 0.3s;}
#bnSubArea > .subVisualArea > .subPageing > .prev {left: 0;}
#bnSubArea > .subVisualArea > .subPageing > .next {right: 0;}
@media screen and (max-width: 1220px) {
	#bnSubArea > .subVisualArea > .sbn > .sbnBI {max-width: 960px; height: 90px;}
}
@media screen and (max-width: 980px) {
	#bnSubArea > .subVisualArea {height: 260px; padding-top: 80px;}
	#bnSubArea > .subVisualArea > .sbn {padding: 50px 0 90px;}
	#bnSubArea > .subVisualArea > .sbn > .sbnBI {max-width: calc(100% - 80px); height: 90px;}
	#bnSubArea > .subVisualArea > .subPageing {top: 120px;}
}
@media screen and (max-width: 660px) {
	#bnSubArea > .subVisualArea {height: 220px;}
	#bnSubArea > .subVisualArea > .sbn {padding: 90px 0 10px;}
	#bnSubArea > .subVisualArea > .sbn > h2 {line-height: 40px; font-size: 28px;}
	#bnSubArea > .subVisualArea > .sbn > .sbnBI {top: 0; bottom: 0; left: 0; right: 0; margin: 10px auto 0; max-width: none; height: 80px; background-position: center center;}
	#bnSubArea > .subVisualArea > .subPageing {top: 160px;}
}

#subHeader {position: absolute; top: 240px; left: 0; width: 100%; height: 40px; z-index: 1; transition: all 0.3s;}
#subHeader .subHeaderFix {width: 100%; height: 40px; z-index: 100; border-radius: 0; overflow: visible; }

#subHeader .subMenuArea {
	width: 100%; max-width: 640px; min-width: 320px; height: 40px; margin: 0 auto;
	transition: all 0.3s;
}
/*
background-color: rgba(0,0,0,0.4);
box-shadow: 0 0 0 0 rgba(0,0,0,0.3);
*/

#subHeader .subMenuArea .subMenuNavi {display: flex; justify-content: center; width: 100%; max-width: 1200px; height: 40px; margin: 0 auto;}
/* #subHeader .subMenuArea .subMenuNavi>li {float: left;} */
#subHeader .subMenuArea .subMenuNavi>li > a {display: block; width: 100%; height: 40px; box-sizing: border-box; border-top: 1px rgba(255,255,255,0.3) solid; text-align: center; font-size: 14px; line-height: 39px; font-weight: 400; color: #FFF; text-decoration: none; background-color: rgba(255,255,255,0.3); transition: all 0.3s;}
#subHeader .subMenuArea .subMenuNavi>li:first-child > a {border-left: 1px rgba(255,255,255,0.3) solid;}
#subHeader .subMenuArea .subMenuNavi>li:last-child > a {border-right: 1px rgba(255,255,255,0.3) solid;}
#subHeader .subMenuArea .subMenuNavi>li a:hover {color: #fff;}
#subHeader .subMenuArea .subMenuNavi>li.on,

/* #subHeader .subMenuArea .subMenuNavi>li.on>a {color: #fff; background-color: rgba(177,207,145,0.7);} */
#subHeader .subMenuArea .subMenuNavi>li.on>a {color: #444; background-color: rgba(255,255,255,0.7);}
#subHeader .subMenuArea .subMenuNavi>li a:hover {color: #fff; background-color: rgba(0,0,0,0.1);}
#subHeader .subMenuArea .subMenuNavi>li.on > a:hover {font-weight: 400; color: rgba(115,99,87,1.0); background-color: rgba(210,231,188,1.0);}
#subHeader .subMenuArea .subMenuNavi>li.on > a:hover {font-weight: 400; color: rgba(115,99,87,1.0); background-color: #fff;}

#subHeader .subMenuArea .subMenuNavi.tab1>li {width: 50%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab2>li {width: 50%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab3>li {width: 33%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab3>li:nth-child(2) {width: 34%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab4>li {width: 25%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab5>li {width: 20%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab6>li {width: 16.5%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab6>li:nth-child(1),
#subHeader .subMenuArea .subMenuNavi.tab6>li:nth-child(2) {width: 17%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab7>li {width: 14%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab7>li:nth-child(1),
#subHeader .subMenuArea .subMenuNavi.tab7>li:nth-child(5),
#subHeader .subMenuArea .subMenuNavi.tab7>li:nth-child(6),
#subHeader .subMenuArea .subMenuNavi.tab7>li:nth-child(7) {width: 15%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab7>li:nth-child(2) {width: 10%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab7>li:nth-child(3) {width: 18%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab7>li:nth-child(4) {width: 12%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab8>li {width: 12%; height: 60px; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab8>li:nth-child(odd) {width: 13%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab9>li {width: 11%; border-left: none;}
#subHeader .subMenuArea .subMenuNavi.tab10>li {width: 10%; border-left: none;}

@media screen and (max-width: 1220px) {
	#subHeader .subMenuArea {max-width: 640px;}
	#subHeader .subMenuArea .subMenuNavi>li > a {font-size: 14px;}
}
@media screen and (max-width: 980px) {
	#subHeader {top: 220px;}
	#subHeader .subMenuArea {box-sizing: border-box; padding: 0;}
	#subHeader .subMenuArea .subMenuNavi>li> a {font-size: 13px;}
}
@media screen and (max-width: 660px) {
	#subHeader,
	#subHeader .subHeaderFix,
	#subHeader .subMenuArea {
	  animation-name: slideHidden;
	  -webkit-animation-name: slideHidden;
	  animation-duration: 1.0s;
	  -webkit-animation-duration: 1.0s;
	  visibility: hidden;
	}
	@keyframes slideHidden{
		0% {
		  opacity: 1;
		  transform: translateY(0%);
		} 
		100% {
		  opacity: 0;
		  transform: translateY(70%);
		}
	}
	@-webkit-keyframes slideHidden{
		0% {
		  opacity: 1;
		  -webkit-transform: translateY(0%);
		} 
		100% {
		  opacity: 0;
		  -webkit-transform: translateY(70%);
		}
	}
}

#subContainer {width: 100%; min-height: 600px; padding-bottom: 60px; background-color: #fff; overflow: hidden;}

	/* Table Sub Style Start */
	/* Table Base Style Start */
	table {table-layout: fixed; width: 100%; margin: 0 auto; padding: 0; border-collapse: collapse; border-top: 2px solid #222; border-bottom: 1px solid #999; font-size: 13px;}
	table th {text-align: center; background-color: #f4f4f4;}
	table tr {background-color: #fff;}
	table th,
	table td {font-size: 15px; font-weight: 400; line-height: 1.67em; color: #222; padding: 10px; border: 1px solid #ddd;}
	table tr:first-child th {border-top: 0;}
	table tr:first-child td {border-top: 0;}
	table tbody th:last-of-type,
	table tbody tr:last-child th,
	table tbody tr:last-child td,
	table th.noBottom,
	table td.noBottom {border-bottom: 0;}
	table tr th:first-child,
	table tr td:first-child {border-left: 0;}
	table tr th:last-child,
	table tr td:last-child {border-right: 0;}
	table a.bt {display: block; width: 100%; max-width: 160px; height: 30px; box-sizing: border-box; padding: 5px; line-height: 20px; font-size: 13px; font-weight: 400; color: #fff; text-align: center; background-color: #3163b4;}
	table a.bt:hover {color: #fff;}
	table a {display: inline-block; width: 100%; height: 30px; box-sizing: border-box; padding: 5px 0; line-height: 20px; font-size: 13px; font-weight: 400; color: #3163b4; text-align: left;}
	table a:hover {color: #222;}
	table th br.onOff,
	table td br.onOff {display: none;}
	table td span.btCancel {font-size: 13px; font-weight: 400; color: #606c7c; text-align: center;}
	table td span.btClose {font-size: 13px; font-weight: 400; color: #e8456b; text-align: center;}
	table td a.blankLink {font-size: 15px; font-weight: 500; color: #222; text-align: inherit;}
	table td a.blankLink span {display: inline-block; width: 20px; height: 20px; padding-left: 10px; vertical-align: top; background: url('../img/iconNewWin.png') center center no-repeat;}
	@media screen and (max-width: 660px) {
		table th br.onOff,
		table td br.onOff {display: inline-block;}
		table th,
		table td {font-size: 14px;}
		table td br {display: block;}
	}

	/* 980 scroll */
	table.subTable01 {margin: 0 auto; border-top: 2px solid #1e2b4b;}
	table.subTable01 th,
	table.subTable01 td {text-align: center;}
	table.subTable01 tbody th {background-color: #f2f4f9;}
	@media screen and (max-width: 980px) {
		table.subTable01 {width: 960px;}
		table.subTable01 th,
		table.subTable01 td {font-size: 13px !important;}
	}

	table.subTable01 h1 {line-height: 40px; font-size: 24px; text-align: center;}
	table.subTable01 h2 {line-height: 30px; font-size: 20px; text-align: center;}
	table.subTable01 h3 {line-height: 30px; font-size: 18px; text-align: center;}
	table.subTable01 h1,
	table.subTable01 h2,
	table.subTable01 h3 {font-weight: 500; color: #222;}
	/* Table Base Style End */

	/* Where is Start */
	.whereIsLine {width: 100%; height: 40px; box-sizing: border-box; padding: 0; border-top: 1px #f4f4f4 solid; border-bottom: 1px #f4f4f4 solid; background-color: #fcfcfc; transition: all 0.3s;}
	.whereIsLine ul.whereIs {width: 100%; max-width: 1200px; height: 38px; margin: 0 auto; transition: all 0.3s;}
	.whereIsLine ul.whereIs > li {position: relative; float: left; display: block; width: 130px; height: 38px; box-sizing: border-box; border-left: 1px #f4f4f4 solid; border-right: 1px #f4f4f4 solid; padding: 9px 9px; line-height: 20px; font-size: 12px; font-weight: 200; color: #444; text-align: left; background: url('../img/iconWhereisDown.png') right center no-repeat; background-size: 14px; transition: all 0.3s;}
	.whereIsLine ul.whereIs > li:nth-child(1) {width: 60px; background: url('../img/iconWhereIsHome.png') center center no-repeat; background-size: 14px;}
	.whereIsLine ul.whereIs > li:nth-child(1) > a {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
	.whereIsLine ul.whereIs > li:nth-child(n+2) {border-left: 0;}
	/* .whereIsLine ul.whereIs > li:last-child {color: rgba(119,119,119,1); } */

	ul.whereIs > li > .depthMenu {position: absolute; display: none; top: 39px; left: 0; right: auto; width: 140px; height: auto; min-height: 40px; max-height: 460px; border-top: 0px #777 solid; background-color: rgba(240,240,240,0.60); box-shadow: 0 0 0 0 #999; z-index: 100;}
	ul.whereIs > li > .depthMenu > li {width: 100%; height: 40px; box-sizing: border-box; transition: all 0.3s;}
	ul.whereIs > li > .depthMenu > li > a {display: block; width: 100%; height: 40px; box-sizing: border-box; padding: 10px 10px; line-height: 20px; font-size: 12px; font-weight: 200; color: #444; text-align: left; text-decoration: none; transition: all 0.3s;}
	ul.whereIs > li > .depthMenu > li:hover {background-color: rgba(0,0,0,0.1);}
	ul.whereIs > li > .depthMenu > li.on {background-color: rgba(115,99,87,0.8);} /* rgba(0,0,0,0.8) */
	ul.whereIs > li > .depthMenu > li.on > a {color: #fff;}
	ul.whereIs > li > .depthMenu > li.on:hover {background-color: rgba(115,99,87,0.95);;} /* rgba(0,0,0,0.9) */

	@media screen and (max-width: 1220px) {
		.whereIsLine ul.whereIs {max-width: 960px;}
	}
	@media screen and (max-width: 660px) {
		.whereIsLine ul.whereIs > li {font-size: 12px;}
	}
	/* Where is End */

	.cBoxArea {position: relative; width: 100%; max-width: 1200px; min-height: 600px; margin: 0 auto; box-sizing: border-box; padding: 0; background-color: #fff; border-radius: 0;  transition: all 0.3s;}

	@media screen and (max-width: 1220px) {
		.cBoxArea {max-width: 960px;}
	}
	@media screen and (max-width: 980px) {
		.cBoxArea {max-width: none; padding: 0 10px;}
	}
	@media screen and (max-width: 660px) {
		.cBoxArea {max-width: none; padding: 0 10px;}
	}

	/* in cBoxArea Sub Title Start */
	.subTitleArea {position: relative; margin-top: 80px; width: 100%; height: auto; box-sizing: border-box; padding-top: 0;}
	.subTitleArea .decoSubTitle {position: absolute; top: 0; right: 0; display: block; width: 60px; height: 70px; background: url('../img/BI_black.png') center center no-repeat; background-size: cover; opacity: 0.3; transition: all 0.3s;}
	.subTitleArea h3 {width: 100%; height: 80px; box-sizing: border-box; padding: 0; font-size: 36px; font-weight: 700; color: #222; line-height: 60px; text-align: left; letter-spacing: -2px; padding-bottom: 19px; border-bottom: 1px #eee solid; transition: all 0.3s;}
	@media screen and (max-width: 660px) {
		.subTitleArea {height: auto; margin-top: 40px;}
		.subTitleArea .decoSubTitle {left: 0; margin: 0 auto; width: 51px; height: 60px;}
		.subTitleArea > h3 {height: 120px; box-sizing: border-box; padding-top: 60px; line-height: 40px; font-size: 26px; text-align: center;}
	}
	/* in cBoxArea Sub Title End */

	.cBox {position: relative; width: 100%; min-height: 200px; padding: 60px 0 0; margin: 0; z-index: 2;}
	.cBox .cBoxLine {display: block; width: 100%; height: 59px; font-size: 0; line-height: 0; box-sizing: border-box; border-bottom: 1px #bbb dashed; margin: 0 auto;}
	.cBox:last-child .cBoxLine {height: 60px; font-size: 60px; line-height: 60px; border-bottom: 0;}

	.cBox h4 {position: relative; display: block; margin: 0 auto 40px; line-height: 40px; font-size: 36px; padding: 20px 0 20px; font-weight: 500; text-align: center; z-index: 0;}
	.cBox h4:before {position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; display: inline-block; width: 40px; height: 3px; z-index: -1; content: ""; background-color: rgba(266,26,37,1.0); transition: all 0.3s;}
	/* .cBox h4:before {position: absolute; top: 50%; left: 0; display: inline-block; width: 100%; height: 20px; box-sizing: border-box; padding: 0 10px; z-index: -1; content: ""; background-color: #fcf0ff; transition: all 0.3s;}*/
	.cBox h4.cGreen:before {background-color: #eeffb1;}
	.cBox h4.cPurple:before {background-color: #fcf0ff;}
	.cBox h4.cRed:before {background-color: #ffd8d8;}
	.cBox h4.cGold:before {background-color: #efe6bc;}
	.cBox h4.cSky:before {background-color: #cff9ff;}
	/*
	.cBox h5 {position: relative; display: inline-block; margin-top: 30px; line-height: 40px; font-size: 26px; padding: 10px 0 10px; font-weight: 500; text-align: center; z-index: 0;}
	.cBox h5:before {position: absolute; top: 50%; left: 0; display: inline-block; width: 100%; height: 20px; box-sizing: border-box; padding: 0 10px; z-index: -1; content: ""; background-color: #efecfd; transition: all 0.3s;}
	.cBox h5:first-of-type {margin-top: 0;}
	*/
	.cBox h5 {position: relative; display: block; margin: 0; width: 100%; line-height: 40px; font-size: 20px; padding: 0 0 20px; font-weight: 700; text-align: left; z-index: 0;}
	.cBox h5:before {position: absolute; top: 20px; left: 0; display: inline-block; width: 60px; height: 20px; text-align: left; box-sizing: border-box; padding: 0 10px; z-index: -1; content: ""; background-color: rgba(210,231,188,0.5); transition: all 0.3s;}
	/* .cBox h5:first-of-type {margin-top: 0;} */

	/* .cBox h5 {line-height: 40px; font-size: 26px; padding: 10px 0 10px; font-weight: 500; text-align: center;} */
	.cBox h6 {margin-top: 10px; padding: 10px 0 10px; line-height: 30px; font-size: 18px; font-weight: 500; text-align: left;}
	/*
	.cBox h4:first-child,
	.cBox h5:first-child,
	.cBox h6:first-child {padding-top: 0;}
	*/
	@media screen and (max-width: 660px) {
		.cBox h4 {font-size: 28px;}
		.cBox h4:before {}
		.cBox h5 {line-height: 30px; font-size: 18px;}
	}

	.noticeBox {display: block; width: 100%; height: auto; margin: 20px auto; box-sizing: border-box; padding: 4px; border: 1px #ddd solid; background-image: url('../img/bgTableBorder01.png');}
	.noticeBox > .noticeText {display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 20px; background-color: #faf9f5;}
	@media screen and (max-width: 660px) {
		.noticeBox > .noticeText {padding: 10px; background-position: center top 20px;}
		h4 {line-height: 30px; font-size: 20px;}
		h4:before {top: auto; bottom: 5%; left: 0; height: 80%;}
	}

	ul.listType01 {list-style: none; padding: 0;}
	ul.listType01 > li {position: relative; list-style: none; width: 100%; height: auto; line-height: 1.67em; font-size: 16px; font-weight: 300; color: #444; text-align: left; box-sizing: border-box;  padding-left: 10px;}
	ul.listType01 > li:before {position: absolute; top: 0; left: -10px; display: block; width: 20px; height: 30px; content: ""; background: url('../img/dotType03.png') left center no-repeat;}

	ul.listType02 {list-style: none; padding: 0;}
	ul.listType02 > li {position: relative; list-style: none; width: 100%; height: auto; line-height: 1.67em; font-size: 16px; font-weight: 300; color: #444; text-align: left; box-sizing: border-box; padding-left: 20px;}
	ul.listType02 > li:before {position: absolute; top: 0; left: -5px; display: block; width: 20px; height: 30px; content: ""; background: url('../img/dotType01.png') left center no-repeat;}

	ul.listType03 {list-style: none; padding: 0;}
	ul.listType03 > li {position: relative; list-style: none; width: 100%; height: auto; line-height: 1.67em; font-size: 16px; font-weight: 300; color: #444; text-align: left; box-sizing: border-box; padding-left: 20px;}
	ul.listType03 > li:before {position: absolute; top: 0; left: -5px; display: block; width: 20px; height: 30px; content: ""; background: url('../img/dotType04.png') left center no-repeat;}

	ul.listTypeDec {list-style: decimal; padding: 0;}
	ul.listTypeDec > li {position: relative; list-style: decimal outside; width: calc(100% - 20px); height: auto; line-height: 1.67em; font-size: 16px; font-weight: 400; color: #222; text-align: left; margin-left: 20px;}

	ul.secondType {list-style: none; padding: 0;}
	ul.secondType > li {position: relative; list-style: none; width: 100%; height: auto; line-height: 1.67em; font-size: 15px; font-weight: 300; color: #444; text-align: left; box-sizing: border-box; padding-left: 20px;}
	ul.secondType > li:before {position: absolute; top: -2px; left: 0; display: block; width: 20px; height: 30px; content: "\203A"; color: #6273ae;  font-size: 24px; font-weight: 700; }

	ul.thirdType {list-style: none; padding: 0;}
	ul.thirdType > li {position: relative; list-style: none; width: 100%; height: auto; line-height: 1.67em; font-size: 14px; font-weight: 300; color: #999; text-align: left; box-sizing: border-box; padding-left: 20px;}
	ul.thirdType > li:before {position: absolute; top: 0px; left: 0; display: block; width: 20px; height: 30px; content: "\2666"; color: #849fdd;  font-size: 12px; font-weight: 700; }

	@media screen and (max-width: 660px) {
		ul.listType01 > li,
		ul.listType02 > li,
		ul.listType03 > li {font-size: 14px;}
		ul.secondType > li {font-size: 13px;}
		ul.thirdType > li {font-size: 12px;}		
	}

	.cBox ul > li > .small {font-size: 13px; color: #7e889b;}

	.selectTab {display: none; width: 100%;}
	.selectTab > span {text-indent: -9999px;}
	ul.tabMenuArea {position: relative; display: block; width: 100%; height: 40px; box-sizing: border-box; border-bottom: 1px #bbb solid; z-index: 2;}
	ul.tabMenuArea > li {float: left; display: block; width: 120px; height: 39px; background-color: #f7f7f7; overflow: hidden; transition: all 0.3s;}
	ul.tabMenuArea > li:first-child {border-radius: 0 0 0 0;}
	ul.tabMenuArea > li:last-child {border-radius: 0 0 0 0;}
	ul.tabMenuArea > li > a {display: block; width: 100%; height: 100%; box-sizing: border-box; line-height: 39px; font-size: 14px; font-weight: 500; color: #444; text-align: center; letter-spacing: -0.5px; text-decoration: none;  transition: all 0.3s;}
	ul.tabMenuArea > li:hover {background-color: #e5dbcc;}
	ul.tabMenuArea > li:hover a {color: #fff;}
	ul.tabMenuArea > li.on {background-color: #a05e49;}
	ul.tabMenuArea > li.on > a {color: #fff;}
	ul.tabMenuArea > li.on:hover {background-color: #000;}
	.tabMenuArea.tab1 > li {width: 100%;}
	.tabMenuArea.tab2 > li {width: 50%;}
	.tabMenuArea.tab3 > li {width: 33.3333%;}
	.tabMenuArea.tab3 > li:nth-child(2) {width: 33.3334%;}
	.tabMenuArea.tab4 > li {width: 25%;}
	.tabMenuArea.tab5 > li {width: 20%;}
	.tabMenuArea.tab5 > li {width: 120px;}

	.tabMenuArea.tab6 > li {width: 16.5%;}
	.tabMenuArea.tab6 > li:nth-child(2),
	.tabMenuArea.tab6 > li:nth-child(5) {width: 17%;}
	.tabMenuArea.tab7 > li:nth-child(odd) {width: 14.5%;}
	.tabMenuArea.tab7 > li:nth-child(even) {width: 14%;}
	.tabMenuArea.tab8 > li {width: 12.5px;}
	.parGroup {display: none;}
	@media screen and (max-width: 1220px) {
		ul.tabMenuArea > li > a {font-size: 13px;}
	}
	@media screen and (max-width: 980px) {
		.selectTab {position: relative; display: block; cursor: pointer; width: 100%; height: 38px; box-sizing: border-box; padding: 9px; border: 1px #ddd solid; line-height: 20px; font-size: 15px; font-weight: 700; color: #222; text-align: left; letter-spacing: -1px; font-family: 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', sans-serif;; background: url('../img/iconWhereisDown.png') right 20px center no-repeat #f7f7f7; overflow: hidden; z-index: 2; transition: all 0.3s;}
		ul.tabMenuArea {display: none; max-width: 960px; height: auto; border: 0;}
		ul.tabMenuArea {display: none;}
		ul.tabMenuArea > li {float: none; width: 100% !important; height: 40px; box-sizing: border-box; border-bottom: 1px #eee solid; background-color: #f4f4f4;}
		ul.tabMenuArea > li > a {height: 39px; padding-left: 20px; line-height: 39px; text-align: left; letter-spacing: 0px;}
	}
	/* for sub page start */
	.module {position: relative; clear: both; width: 100%; margin-bottom: 0; word-break: keep-all;}

	.module .mType01 > .mBox {position: relative; float: left; display: block; width: 100%; margin: 0; padding: 0;}
	.module .mType02 > .mBox {position: relative; float: left; display: block; width: 50%; margin: 0; padding: 0;}
	.module .mType03 > .mBox {position: relative; float: left; display: block; width: 33.33%; margin: 0; padding: 0;}
	.module .mType04 > .mBox {position: relative; float: left; display: block; width: 25%; margin: 0; padding: 0;}

		.mBox .mBg {position: relative; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
		.mBox .mImg,
		.mBox .mImgObject {position: relative; width: 100%;}
		.mBox .mImg > img {display: block; float: left; max-width: 100%;}
		.mBox .mImgObject > img {display: block; vertical-align: top; margin: 0 auto; max-width: 100%;}

		.mBox .mText {position: relative; width: 100%; max-width: 1200px; box-sizing: border-box;  margin: 0 auto;}
		.mBox .mImgAdd {padding: 30px;}
		.mBox .mText .engTitle {line-height: 30px; font-size: 28px; font-weight: bold; color: #999; text-align: center;  margin-top: 50px; }

		.mBox .mText p {line-height: 1.6em; font-size: 16px; font-weight: 300; padding: 0 0 30px 0; color: #777; transition: all 0.3s; text-align: left; }
		.mBox .mText p.small {line-height: 20px; font-size: 13px; color: #999;}

		.mBox .mText .parGroup {position: relative; width: 100%; height: auto; padding: 30px 0;}
		.mBox .mText .parGroup .paragraph {padding: 10px 0;}
	/* for sub page end */

	/* for about01 start */
	#about01Wrap {}
	.about01Section01 {}
	.about01Section01 .mType01 .company01 {display: block; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0;}
	.about01Section01 .mType01 .company01 .mText {display: block; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0;}
	.about01Section01 .mType01 .company01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.about01Section01 .mType01 .company01 .mText h4:before {display: none;}
	.about01Section01 .mType01 .company01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.about01Section01 .mType01 .company01 .mText .mContentArea .mContentBox {float: left; display: block; width: calc(100% - 400px); height: auto; box-sizing: border-box; padding-right: 40px;}
	.about01Section01 .mType01 .company01 .mText .mContentArea .attachImgArea {float: left; position: relative; display: block; width: 100%; max-width: 400px;}
	.about01Section01 .mType01 .company01 .mText .mContentArea .attachImgArea .attachImg {display: block; width: 100%; padding-top: 125%; background: url('../img/imgAbout01_01.jpg') center center no-repeat; background-size: cover; transition: all 0.3s;}
	@media screen and (max-width: 1220px) {
		.about01Section01 .mType01 .company01 .mText .mContentArea .mContentBox {width: calc(100% - 320px);}
		.about01Section01 .mType01 .company01 .mText .mContentArea .attachImgArea {max-width: 320px;}
		.about01Section01 .mType01 .company01 .mText .mContentArea .mContentBox > p {font-size: 15px;}
	}
	@media screen and (max-width: 980px) {
		.about01Section01 .mType01 .company01 .mText h4 {width: 160px; font-size: 24px;}
		.about01Section01 .mType01 .company01 .mText .mContentArea {width: calc(100% - 160px);}
		.about01Section01 .mType01 .company01 .mText .mContentArea .mContentBox {float: none; width: 100%; padding-right: 0;}
		.about01Section01 .mType01 .company01 .mText .mContentArea .mContentBox > p {font-size: 14px;}
		.about01Section01 .mType01 .company01 .mText .mContentArea .attachImgArea {float: none; margin-top: 40px; max-width: 640px;}
	}
	@media screen and (max-width: 660px) {
		.about01Section01 .mType01 .company01 .mText h4 {float: none; width: 100%;}
		.about01Section01 .mType01 .company01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
	}
	@media screen and (max-width: 420px) {
	}

	.about01Section02 {}
	.about01Section02 .mType01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.about01Section02 .mType01 .mText h4:before {display: none;}
	.about01Section02 .mType01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}

	.about01Section02 .mType01 .mText .mContentArea .video-ratio {position: relative; display: block; width: 100%; height: 0; padding-top: 56.25%;}
	.about01Section02 .mType01 .mText .mContentArea .video-ratio iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%; background: black;}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
		.about01Section02 .mType01 .mText h4 {width: 160px; font-size: 24px;}
		.about01Section02 .mType01 .mText .mContentArea {width: calc(100% - 160px);}
	}
	@media screen and (max-width: 660px) {
		.about01Section02 .mType01 .mText h4 {float: none; width: 100%;}
		.about01Section02 .mType01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
	}
	@media screen and (max-width: 420px) {
	}

	/* for about01 end */

	/* for about02 start */
	#about02Wrap {}

	/* 20240714 franchise에서 이전해옴 */
	#about02Wrap .aboutTabMenu {padding: 60px 0 20px;}
	#about02Wrap .aboutTabMenu .tabGuide {display: none; width: 100%; height: 20px; line-height: 20px; font-size: 11px; font-weight: 300; color: #777; padding: 0; margin: 0;}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
		#about02Wrap .aboutTabMenu {padding: 60px 0 20px;}
		#about02Wrap .aboutTabMenu .tabGuide {display: block;}
	}
	@media screen and (max-width: 660px) {
		#about02Wrap .aboutTabMenu {padding: 60px 0 0px;}
	}
	@media screen and (max-width: 420px) {
	}
	/* 20240714 franchise에서 이전해옴 */

	.about02Section00 {}
	.about02Section00 .mType01 .brand00 {display: block; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0;}
	.about02Section00 .mType01 .brand00 .mText {display: block; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0;}
	.about02Section00 .mType01 .brand00 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.about02Section00 .mType01 .brand00 .mText h4:before {display: none;}
	.about02Section00 .mType01 .brand00 .mText h6 > span {font-size: 14px; font-weight: 500; color: #999;}
	.about02Section00 .mType01 .brand00 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.about02Section00 .mType01 .brand00 .mText .mContentArea .mContentBox {display: block; width: 100%; height: auto; box-sizing: border-box;}
	.about02Section00 .mType01 .brand00 .mText .mContentArea .mContentBox ul.identityBox {display: block; width: 100%;}
	.about02Section00 .mType01 .brand00 .mText .mContentArea .mContentBox ul.identityBox > li {float: left; display: block; width: 50%; box-sizing: border-box;}
	.about02Section00 .mType01 .brand00 .mText .mContentArea .mContentBox ul.identityBox > li:nth-child(1) {padding-right: 10px;}
	.about02Section00 .mType01 .brand00 .mText .mContentArea .mContentBox ul.identityBox > li:nth-child(2) {padding-left: 10px;}
	.about02Section00 .mType01 .brand00 .mText .mContentArea .mContentBox ul.identityBox > li > .logoBox {display: block; width: 100%; box-sizing: border-box; padding: 59px; border: 1px #f9f9f9 solid; background-color: #fcfcfc;}
	.about02Section00 .mType01 .brand00 .mText .mContentArea .mContentBox ul.identityBox > li > .logoBox img {width: 100%; height: auto; vertical-align: top;}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
		.about02Section00 .mType01 .brand00 .mText h4 {width: 160px; font-size: 24px;}
		.about02Section00 .mType01 .brand00 .mText .mContentArea .mContentBox ul.identityBox > li > .logoBox {padding: 39px;}
	}
	@media screen and (max-width: 660px) {
		.about02Section00 .mType01 .brand00 .mText h4 {float: none; width: 100%;}
		.about02Section00 .mType01 .brand00 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
		.about02Section00 .mType01 .brand00 .mText .mContentArea .mContentBox ul.identityBox > li {float: none; width: 100%;}
		.about02Section00 .mType01 .brand00 .mText .mContentArea .mContentBox ul.identityBox > li:nth-child(1),
		.about02Section00 .mType01 .brand00 .mText .mContentArea .mContentBox ul.identityBox > li:nth-child(2) {padding: 0;}
	}
	@media screen and (max-width: 420px) {
	}
	.about02Section01 {}
	.about02Section01 .mType01 .brand01 {display: block; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0;}
	.about02Section01 .mType01 .brand01 .mText {display: block; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0;}
	.about02Section01 .mType01 .brand01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.about02Section01 .mType01 .brand01 .mText h4:before {display: none;}
	.about02Section01 .mType01 .brand01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.about02Section01 .mType01 .brand01 .mText .mContentArea .mContentBox {display: block; width: 100%; height: auto; box-sizing: border-box;}
	.about02Section01 .mType01 .brand01 .mText .mContentArea .attachImgArea {position: relative; display: block; margin-top: 20px; width: 100%;}
	.about02Section01 .mType01 .brand01 .mText .mContentArea .attachImgArea .attachImg {display: block; width: 100%; padding-top: 63%; background: url('../img/imgAbout02_01.jpg') center center no-repeat; background-size: cover; transition: all 0.3s;}
	@media screen and (max-width: 1220px) {
		.about02Section01 .mType01 .brand01 .mText .mContentArea .mContentBox > p {font-size: 15px;}
	}
	@media screen and (max-width: 980px) {
		.about02Section01 .mType01 .brand01 .mText h4 {width: 160px; font-size: 24px;}
		.about02Section01 .mType01 .brand01 .mText .mContentArea .mContentBox > p {font-size: 14px;}
	}
	@media screen and (max-width: 660px) {
		.about02Section01 .mType01 .brand01 .mText h4 {float: none; width: 100%;}
		.about02Section01 .mType01 .brand01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
	}
	@media screen and (max-width: 420px) {
	}

	.about02Section02 {}
	.about02Section02 .mType01 .brand02 {display: block; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0;}
	.about01Section02 .mType01 .brand02 .mText {display: block; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0;}
	.about02Section02 .mType01 .brand02 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.about02Section02 .mType01 .brand02 .mText h4:before {display: none;}
	.about02Section02 .mType01 .brand02 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.about02Section02 .mType01 .brand02 .mText .mContentArea .mContentBox {display: block; width: 100%; height: auto; box-sizing: border-box;}
	.about02Section02 .mType01 .brand02 .mText .mContentArea .mContentBox .upCycling {padding: 0 0 10px; line-height: 40px; font-size: 28px; font-weight: 200; color: #222; letter-spacing: -2px;}
	.about02Section02 .mType01 .brand02 .mText .mContentArea .mContentBox .upCycling span {font-weight: 700;}
	.about02Section02 .mType01 .brand02 .mText .mContentArea .attachImgArea {position: relative; display: block; margin-top: 20px; width: 100%;}
	.about02Section02 .mType01 .brand02 .mText .mContentArea .attachImgArea .attachImg {display: block; width: 100%; padding-top: 63%; background: url('../img/imgAbout02_02.jpg') center center no-repeat; background-size: cover; transition: all 0.3s;}
	@media screen and (max-width: 1220px) {
		.about02Section02 .mType01 .brand02 .mText .mContentArea .mContentBox > p {font-size: 15px;}
	}
	@media screen and (max-width: 980px) {
		.about02Section02 .mType01 .brand02 .mText h4 {width: 160px; font-size: 24px;}
		.about02Section02 .mType01 .brand02 .mText .mContentArea .mContentBox > p {font-size: 14px;}
		.about02Section02 .mType01 .brand02 .mText .mContentArea .mContentBox .upCycling {line-height: 30px; font-size: 24px;}
	}
	@media screen and (max-width: 660px) {
		.about02Section02 .mType01 .brand02 .mText h4 {float: none; width: 100%;}
		.about02Section02 .mType01 .brand02 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
		.about02Section02 .mType01 .brand02 .mText .mContentArea .mContentBox .upCycling {font-size: 20px;}
	}
	@media screen and (max-width: 420px) {
	}

	.about02Section03 {}
	.about02Section03 .mType01 .brand03 {display: block; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0;}
	.about02Section03 .mType01 .brand03 .mText {display: block; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0;}
	.about02Section03 .mType01 .brand03 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.about02Section03 .mType01 .brand03 .mText h4:before {display: none;}
	.about02Section03 .mType01 .brand03 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.about02Section03 .mType01 .brand03 .mText .mContentArea .mContentBox {display: block; width: 100%; height: auto; box-sizing: border-box;}
	.about02Section03 .mType01 .brand03 .mText .mContentArea .mContentBox > p span.strongGreen {font-weight: 700; color: #609040;}
	.about02Section03 .mType01 .brand03 .mText .mContentArea .mContentBox .upCycling {padding: 0 0 10px; line-height: 40px; font-size: 28px; font-weight: 200; color: #222; letter-spacing: -2px;}
	.about02Section03 .mType01 .brand03 .mText .mContentArea .mContentBox .upCycling span {font-weight: 700;}
	.about02Section03 .mType01 .brand03 .mText .mContentArea .attachImgArea {position: relative; display: block; margin-top: 20px; width: 100%;}
	.about02Section03 .mType01 .brand03 .mText .mContentArea .attachImgArea .attachImg {display: block; width: 100%; max-width: 1020px; padding-top: 69%; background: url('../img/imgAbout02_03.jpg') center center no-repeat; background-size: cover; transition: all 0.3s;}
	@media screen and (max-width: 1220px) {
		.about02Section03 .mType01 .brand03 .mText .mContentArea .mContentBox > p {font-size: 15px;}
	}
	@media screen and (max-width: 980px) {
		.about02Section03 .mType01 .brand03 .mText h4 {width: 160px; font-size: 24px;}
		.about02Section03 .mType01 .brand03 .mText .mContentArea .mContentBox > p {font-size: 14px;}
		.about02Section03 .mType01 .brand03 .mText .mContentArea .mContentBox .upCycling {line-height: 30px; font-size: 24px;}
	}
	@media screen and (max-width: 660px) {
		.about02Section03 .mType01 .brand03 .mText h4 {float: none; width: 100%;}
		.about02Section03 .mType01 .brand03 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
		.about02Section03 .mType01 .brand03 .mText .mContentArea .mContentBox .upCycling {font-size: 20px;}
	}
	@media screen and (max-width: 420px) {
	}
	/* for about02 end */



	/* for about03 start */
	#about03Wrap {}
	.about03Section01 {}
	.about03Section01 h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.about03Section01 h4:before {display: none;}
	.about03Section01 .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.about03Section01 .mContentArea .mContentBox {display: block; width: 100%; height: auto; box-sizing: border-box;}
	.about03Section01 .mContentArea .mContentBox .mapResponse {margin: 0 auto; width: 100%;}
	.about03Section01 .mContentArea .mContentBox .mapResponse {-webkit-filter: grayscale(40%); overflow: hidden;}
	.about03Section01 .contactInfo {display: block; margin: 40px auto 0; width: 100%;}
	.about03Section01 .contactInfo > ul {width: 100%; max-width: 320px; height: auto; padding-bottom: 40px;}
	.about03Section01 .contactInfo > ul > li {position: relative; padding-bottom: 20px;}
	.about03Section01 .contactInfo > ul > li > a {position: absolute; top: 0; left: 0; right: 0; display: block; margin: 0 auto; width: 100%; height: 100%;}
	.about03Section01 .contactInfo > ul > li > dl {width: 100%; height: auto; padding: 0;}
	.about03Section01 .contactInfo > ul > li > dl > dt {line-height: 20px; font-size: 14px; font-weight: 200; color: #222; letter-spacing: -0.5px;}
	.about03Section01 .contactInfo > ul > li > dl > dd {line-height: 30px; font-size: 16px; font-weight: 700; color: #222; box-sizing: border-box; padding-left: 20px; transition: all 0.3s;}
	.about03Section01 .contactInfo > ul > li:nth-child(1) > dl > dd {font-size: 20px;}
	.about03Section01 .contactInfo > ul > li:hover > dl > dd {color: #a05e49; text-decoration-line: underline; text-decoration-color: #eeeeee;}
	.about03Section01 .contactInfo > .linkArea {display: block; margin: 0 auto; width: 100%;}    
	.about03Section01 .contactInfo > .linkArea > a {display: block; width: 200px; height: 40px; border-radius: 0px; line-height: 40px; font-size: 14px; font-weight: 400; color: #fff; text-align: center; text-decoration: none; background-color: #a05e49; transition: all 0.3s;} /* rgba(81,118,240,1.0) */
	.about03Section01 .contactInfo > .linkArea > a:hover {background-color: #222;}

	@media screen and (max-width: 1220px) {
		.about03Section01 .mContentArea .mContentBox > p {font-size: 15px;}
	}
	@media screen and (max-width: 980px) {
		.about03Section01 h4 {width: 160px; font-size: 24px;}
		.about03Section01 .mContentArea .mContentBox > p {font-size: 14px;}
	}
	@media screen and (max-width: 660px) {
		.about03Section01 h4 {float: none; width: 100%;}
		.about03Section01 .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
		.about03Section01 .contactInfo > ul > li > dl > dt {font-size: 13px; letter-spacing: 0;}
		.about03Section01 .contactInfo > ul > li > dl > dd {line-height: 25px; font-size: 14px;}

	}
	@media screen and (max-width: 420px) {
	}
	/* for about03 end */

	/* for menu01 start */
	#menu01Wrap {}
	.menu01Section01 {}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
	}
	@media screen and (max-width: 660px) {
	}
	@media screen and (max-width: 420px) {
	}
	/* for menu01 end */

	/* for menu02 start */
	#menu02Wrap {}
	.menu02Section01 {}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
	}
	@media screen and (max-width: 660px) {
	}
	@media screen and (max-width: 420px) {
	}
	/* for menu02 end */

	/* for menu03 start */
	#menu03Wrap {}
	.menu03Section01 {}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
	}
	@media screen and (max-width: 660px) {
	}
	@media screen and (max-width: 420px) {
	}
	/* for menu03 end */

	/* for menu04 start */
	#menu04Wrap {}
	.menu04Section01 {}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
	}
	@media screen and (max-width: 660px) {
	}
	@media screen and (max-width: 420px) {
	}
	/* for menu04 end */

	/* for menu05 start */
	#menu05Wrap {}
	.menu05Section01 {}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
	}
	@media screen and (max-width: 660px) {
	}
	@media screen and (max-width: 420px) {
	}
	/* for menu05 end */

	/* for menu06 start */
	#menu06Wrap {}
	.menu06Section01 {}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
	}
	@media screen and (max-width: 660px) {
	}
	@media screen and (max-width: 420px) {
	}
	/* for menu06 end */

	/* for store01 start */
	#store01Wrap {}
	.store01Section01 {}
	.store01Section01 .mType01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 24px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.store01Section01 .mType01 .mText h4:before {display: none;}
	.store01Section01 .mType01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.store01Section01 .mType01 .mText .mContentArea .mContentBox {display: block; width: 100%; height: auto; box-sizing: border-box;}
	.store01Section01 .mType01 .mText .mContentArea .mContentBox .placeImgArea {position: relative; display: block; margin: 0px 0; width: 100%; transition: all 0.3s;}
	.store01Section01 .mType01 .mText .mContentArea .mContentBox .placeImgArea > ul.imgGroup {display: block; margin: 0; width: 100%; background-color: #f9f9f9;}
	.store01Section01 .mType01 .mText .mContentArea .mContentBox .placeImgArea > ul.imgGroup > li {float: left; display: block; width: 25%; box-sizing: border-box; padding: 10px;}
	.store01Section01 .mType01 .mText .mContentArea .mContentBox .placeImgArea > ul.imgGroup > li > .imgArea {position: relative; display: block; width: 100%; height: auto; box-sizing: border-box; padding: 0; padding-top: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #eee;}
	.store01Section01 .mType01 .mText .mContentArea .mContentBox .placeImgArea > ul.imgGroup > li > .imgArea a {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 2;}
	.store01Section01 .mType01 .mText .mContentArea .mContentBox .placeImgArea > ul.imgGroup > li > .imgArea .imgTitle {position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 80px; box-sizing: border-box; padding: 20px; line-height: 40px; font-size: 12px; font-weight: 400; color: #fff; text-align: center; z-index: 1; background-color: rgba(0,0,0,0.1); transition: all 0.3s;}
	.store01Section01 .mType01 .mText .mContentArea .mContentBox .placeImgArea > ul.imgGroup > li > .imgArea:hover .imgTitle {height: 100%; padding: calc(50% - 20px) 20px; background-color: rgba(0,0,0,0.8);}
	@media screen and (max-width: 1220px) {
		.store01Section01 .mType01 .mText .mContentArea .mContentBox p {font-size: 15px;}
		.store01Section01 .mType01 .mText .mContentArea .mContentBox .placeImgArea > ul.imgGroup > li {width: 50%;}
	}
	@media screen and (max-width: 980px) {
		.store01Section01 .mType01 .mText h4 {width: 160px; font-size: 24px;}
		.store01Section01 .mType01 .mText .mContentArea {width: calc(100% - 160px);}
		.store01Section01 .mType01 .mText .mContentArea .mContentBox p {font-size: 14px;}
	}
	@media screen and (max-width: 660px) {
		.store01Section01 .mType01 .mText h4 {float: none; width: 100%;}
		.store01Section01 .mType01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
	}
	@media screen and (max-width: 420px) {
	}

	.store01Section02 {}
	.store01Section02 .mType01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 24px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.store01Section02 .mType01 .mText h4:before {display: none;}
	.store01Section02 .mType01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox {display: block; width: 100%; height: auto; box-sizing: border-box;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea {display: block; width: 100%; height: auto; box-sizing: border-box; padding: 0; border-top: 1px #999 solid;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li {float: left; position: relative; display: block; width: 50%; box-sizing: border-box; padding: 40px 10px 0;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p {display: block; margin: 0; width: 100%; box-sizing: border-box; padding: 0;}
	/*
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.areaName {display: inline-block; width: 80px; padding: 0 10px; border-radius: 15px; line-height: 30px; font-size: 16px; font-weight: 700; color: #222; text-align: center; background-color: #f0f0f0;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.areaDirectly {display: inline-block; margin-left: 10px; width: 80px; min-width: 80px; max-width: 120px; padding: 0 10px; border-radius: 15px; line-height: 30px; font-size: 16px; font-weight: 700; color: #fff; text-align: center; background-color: rgba(115,99,87,1.0);}
	*/
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.areaDirectly {position: absolute; top: 20px; left: 0; display: block; margin-left: 10px; width: 60px; min-width: 60px; max-width: 120px; padding: 0 10px; border-radius: 10px; line-height: 20px; font-size: 13px; font-weight: 500; color: #fff; text-align: center; background-color: rgba(115,99,87,1.0);}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.storeName {padding: 0 0 10px; line-height: 40px; font-size: 28px; font-weight: 700; color: #222;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.storePhone {line-height: 30px; font-size: 20px; font-weight: 700; color: #222;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.storeAddr {line-height: 30px; font-size: 15px; font-weight: 400; color: #999;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > .linkArea {display: block; width: 100%; padding: 20px 0 39px; border-bottom: 1px #eee solid;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > .linkArea > a {float: left; display: block; width: 120px; height: 40px; border-radius: 16px; line-height: 40px; font-size: 13px; font-weight: 300; color: #fff; text-align: center; text-decoration: none; transition: all 0.3s;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > .linkArea > a.phoneCall {background-color: #a05e49;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > .linkArea > a.kakaoMap {margin-left: 10px; color: #444; background-color: #fee500;}
	.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > .linkArea > a:hover {color: #fff; background-color: #222;}

	@media screen and (max-width: 1220px) {
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.areaName {font-size: 16px;}
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.storeName {line-height: 30px; font-size: 20px;}
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.storePhone {line-height: 30px; font-size: 17px;}
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.storeAddr {line-height: 30px; font-size: 14px;}
	}
	@media screen and (max-width: 980px) {
		.store01Section02 .mType01 .mText h4 {width: 160px; font-size: 24px;}
		.store01Section02 .mType01 .mText .mContentArea {width: calc(100% - 160px);}
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li {float: none; width: 100%; padding: 20px 0;}
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.areaDirectly {top: 30px; left: auto; right: 0;}
	}
	@media screen and (max-width: 660px) {
		.store01Section02 .mType01 .mText h4 {float: none; width: 100%;}
		.store01Section02 .mType01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.areaName {font-size: 15px;}
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.areaDirectly {font-size: 12px;}
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.storeName {line-height: 30px; font-size: 20px;}
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.storePhone {line-height: 25px; font-size: 16px;}
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > p.storeAddr {line-height: 20px; font-size: 13px;}
		.store01Section02 .mType01 .mText .mContentArea .mContentBox ul.storeLsitArea > li > .linkArea > a {width: 100px; height: 30px; border-radius: 13px; line-height: 30px; font-size: 11px;}
	}
	@media screen and (max-width: 420px) {
	}
	/* for store01 end */

	/* for franchise01 start */
	#franchise01Wrap {}
	.franchise01Section01 {}
	.franchise01Section01 .mType01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.franchise01Section01 .mType01 .mText h4:before {display: none;}
	.franchise01Section01 .mType01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.franchise01Section01 .mType01 .mText .mContentArea .mContentBox {float: left; display: block; width: calc(100% - 400px); height: auto; box-sizing: border-box; padding-right: 40px;}
	.franchise01Section01 .mType01 .mText .mContentArea .mContentBox > p.pointSummery {position: relative; display: block; width: 100%; box-sizing: border-box; padding: 0 0 20px 20px; line-height: 20px; font-size: 17px; font-weight: 500; color: #222;}
	.franchise01Section01 .mType01 .mText .mContentArea .mContentBox > p.pointSummery:before {position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 2px; height: 40px; content: ""; background-color: #999; z-index: 1;}
	.franchise01Section01 .mType01 .mText .mContentArea .attachImgArea {float: left; position: relative; display: block; width: 100%; max-width: 400px;}
	.franchise01Section01 .mType01 .mText .mContentArea .attachImgArea .attachImg {display: block; width: 100%; padding-top: 100%; background: url('../img/imgFranchise01_01.jpg') center center no-repeat; background-size: cover; transition: all 0.3s;}
	@media screen and (max-width: 1220px) {
		.franchise01Section01 .mType01 .mText .mContentArea .mContentBox {width: calc(100% - 320px);}
		.franchise01Section01 .mType01 .mText .mContentArea .mContentBox > p {font-size: 15px;}
		.franchise01Section01 .mType01 .mText .mContentArea .attachImgArea {max-width: 320px;}
	}
	@media screen and (max-width: 980px) {
		.franchise01Section01 .mType01 .mText h4 {width: 160px; font-size: 24px;}
		.franchise01Section01 .mType01 .mText .mContentArea {width: calc(100% - 160px);}
		.franchise01Section01 .mType01 .mText .mContentArea .mContentBox {float: none; width: 100%; padding-right: 0;}
		.franchise01Section01 .mType01 .mText .mContentArea .mContentBox > p {font-size: 14px;}
		.franchise01Section01 .mType01 .mText .mContentArea .mContentBox > p.pointSummery {font-size: 16px; font-weight: 500; color: #222;}
		.franchise01Section01 .mType01 .mText .mContentArea .attachImgArea {float: none; margin-top: 20px; max-width: 640px;}
	}
	@media screen and (max-width: 660px) {
		.franchise01Section01 .mType01 .mText h4 {float: none; width: 100%;}
		.franchise01Section01 .mType01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
	}
	@media screen and (max-width: 420px) {
	}

	.franchise01Section02 {}
	.franchise01Section02 .mType01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.franchise01Section02 .mType01 .mText h4:before {display: none;}
	.franchise01Section02 .mType01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox {display: block; width: 100%; height: auto; box-sizing: border-box;}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea {display: block; width: 100%; height: auto; box-sizing: border-box;}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li {float: left; display: block; width: 33.3333%; box-sizing: border-box; padding: 10px;}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox {position: relative; display: block; width: 100%; box-sizing: border-box; padding: 19px 20px 20px; border-top: 1px #ccc solid; background-color: rgba(0,0,0,0.01); transition: all 0.3s;}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox > .iconArea {position: absolute; top: 20px; right: 20px; display: block; width: 60px; height: 60px; border-radius: 50%; background-color: #ddd; background-position: center center; background-repeat: no-repeat; background-size: 60%; z-index: 1; transition: all 0.3s;}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox > h6 {margin: 0; display: block; width: 100%; height: 60px; padding: 0; line-height: 30px; font-size: 24px; font-weight: 700; color: #666; transition: all 0.3s;}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox > h6 > span {font-size: 32px; font-weight: 100; color: #999;}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox > p.engTitle {margin: 0; display: block; width: 100%; height: 30px; padding: 0 0 20px; line-height: 30px; font-size: 12px; font-weight: 700; color: #ccc; text-align: left;}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox > p.guide {display: block; width: 100%; min-height: 60px; padding: 0 0 0; line-height: 20px; font-size: 14px; font-weight: 300; color: #444;}

	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox:hover {border-top: 1px #222 solid; box-shadow: 0 0 7px 0 rgba(0,0,0,0.3); background-color: rgba(0,0,0,0);}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox:hover > h6 {color: #222;}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox:hover > .iconArea {background-color: #a05e49;} /* rgba(210,231,188,0.5); */

	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(1) > .articleBox > .iconArea {background-image: url('../img/iconFranchise01.png');}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(2) > .articleBox > .iconArea {background-image: url('../img/iconFranchise02.png');}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(3) > .articleBox > .iconArea {background-image: url('../img/iconFranchise03.png');}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(4) > .articleBox > .iconArea {background-image: url('../img/iconFranchise04.png');}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(5) > .articleBox > .iconArea {background-image: url('../img/iconFranchise05.png');}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(6) > .articleBox > .iconArea {background-image: url('../img/iconFranchise06.png');}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(7) > .articleBox > .iconArea {background-image: url('../img/iconFranchise07.png');}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(8) > .articleBox > .iconArea {background-image: url('../img/iconFranchise08.png');}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(9) > .articleBox > .iconArea {background-image: url('../img/iconFranchise09.png');}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(10) > .articleBox > .iconArea {background-image: url('../img/iconFranchise10.png');}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(11) > .articleBox > .iconArea {background-image: url('../img/iconFranchise11.png');}
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li:nth-child(12) > .articleBox > .iconArea {background-image: url('../img/iconFranchise12.png');}

	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox .linkArea {display: block; margin: 40px auto 0; width: 100%;}    
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox .linkArea > a {display: block; width: 200px; height: 40px; border-radius: 0px; line-height: 40px; font-size: 14px; font-weight: 400; color: #fff; text-align: center; text-decoration: none; background-color: #a05e49; transition: all 0.3s;} /* rgba(81,118,240,1.0) */
	.franchise01Section02 .mType01 .mText .mContentArea .mContentBox .linkArea > a:hover {background-color: #222;}
	@media screen and (max-width: 1220px) {
		.franchise01Section02 .mType01 .mText .mContentArea .mContentBox > p {font-size: 15px;}
		.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li {width: 50%;}
	}
	@media screen and (max-width: 980px) {
		.franchise01Section02 .mType01 .mText h4 {width: 160px; font-size: 24px;}
		.franchise01Section02 .mType01 .mText .mContentArea {width: calc(100% - 160px);}
		.franchise01Section02 .mType01 .mText .mContentArea .mContentBox > p {font-size: 14px;}
		.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox > .iconArea {top: 20px; right: 20px; width: 50px; height: 50px;}
		.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox > h6 {height: 50px; line-height: 25px; font-size: 18px;}
		.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox > h6 > span {font-size: 26px;}
		.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox > p.engTitle {font-size: 11px;}
		.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li > .articleBox > p.guide {font-size: 12px;}
	}
	@media screen and (max-width: 660px) {
		.franchise01Section02 .mType01 .mText h4 {float: none; width: 100%;}
		.franchise01Section02 .mType01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
	}
	@media screen and (max-width: 500px) {
		.franchise01Section02 .mType01 .mText .mContentArea .mContentBox ul.procedureArea > li {float: none; width: 100%;}
	}
	/* for franchise01 end */

	/* for franchise02 start */
	#franchise02Wrap {}
	#franchise02Wrap .franchiseTabMenu {padding: 60px 0 20px;}
	#franchise02Wrap .franchiseTabMenu .tabGuide {display: none; width: 100%; height: 20px; line-height: 20px; font-size: 11px; font-weight: 300; color: #777; padding: 0; margin: 0;}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
		#franchise02Wrap .franchiseTabMenu {padding: 60px 0 20px;}
		#franchise02Wrap .franchiseTabMenu .tabGuide {display: block;}
	}
	@media screen and (max-width: 660px) {
		#franchise02Wrap .franchiseTabMenu {padding: 60px 0 0px;}
	}
	@media screen and (max-width: 420px) {
	}

	.franchise02Section01 {}
	.franchise02Section01 .mType01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.franchise02Section01 .mType01 .mText h4:before {display: none;}
	.franchise02Section01 .mType01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.franchise02Section01 .mType01 .mText .mContentArea .mContentBox {display: block; width: 100%; height: auto; box-sizing: border-box; padding: 0px;}
	.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > p.pointSummery {position: relative; display: block; width: 100%; box-sizing: border-box; padding: 0 0 20px 20px; line-height: 20px; font-size: 17px; font-weight: 500; color: #204122;}
	.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > p.pointSummery:before {position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 2px; height: 40px; content: ""; background-color: #204122; z-index: 1;}
	.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > ul.educationArea {display: block; width: 100%;}
	.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > ul.educationArea > li {float: left; display: block; width: 50%; box-sizing: border-box; padding: 10px;}
	.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > ul.educationArea > li > p.classTitle {display: block; width: 100%; line-height: 40px; box-sizing: border-box; padding: 0 10px; border-radius: 20px 20px 0 0; font-size: 17px; font-weight: 700; color: #fff; background-color: #204122;}
	.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > ul.educationArea > li > ul {display: block; width: 100%; min-height: 160px; box-sizing: border-box; padding: 10px; border-radius: 0 0 20px 20px; background-color: #f9f9f9;}
	.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > ul.educationArea > li > ul > li {list-style: disc outside; margin-left: 20px; line-height: 20px; font-size: 13px; font-weight: 400; color: #777;}
	.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > ul.educationArea > li > ul > li > span {font-size: 12px; font-weight: 300; color: #999;}
	
	@media screen and (max-width: 1220px) {
		.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > p {font-size: 15px;}
	}
	@media screen and (max-width: 980px) {
		.franchise02Section01 .mType01 .mText h4 {width: 160px; font-size: 24px;}
		.franchise02Section01 .mType01 .mText .mContentArea {width: calc(100% - 160px);}
		.franchise02Section01 .mType01 .mText .mContentArea .mContentBox {float: none; width: 100%; padding-right: 0;}
		.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > p {font-size: 14px;}
		.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > p.pointSummery {font-size: 16px; font-weight: 500; color: #222;}
		.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > ul.educationArea > li {float: none; width: 100%; box-sizing: border-box; padding: 10px;}
		.franchise02Section01 .mType01 .mText .mContentArea .mContentBox > ul.educationArea > li > ul {min-height: 0;}
	}
	@media screen and (max-width: 660px) {
		.franchise02Section01 .mType01 .mText h4 {float: none; width: 100%;}
		.franchise02Section01 .mType01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
	}
	@media screen and (max-width: 420px) {
	}

	.franchise02Section02 {}
	.franchise02Section02 .mType01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.franchise02Section02 .mType01 .mText h4:before {display: none;}
	.franchise02Section02 .mType01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.franchise02Section02 .mType01 .mText .mContentArea .mContentBox {display: block; width: 100%; height: auto; box-sizing: border-box; padding: 0px;}
	.franchise02Section02 .mType01 .mText .mContentArea .mContentBox > p.pointSummery {position: relative; display: block; width: 100%; box-sizing: border-box; padding: 0 0 20px 20px; line-height: 20px; font-size: 17px; font-weight: 500; color: #a05e49;}
	.franchise02Section02 .mType01 .mText .mContentArea .mContentBox > p.pointSummery:before {position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 2px; height: 40px; content: ""; background-color: #a05e49; z-index: 1;}
	.franchise02Section02 .mType01 .mText .mContentArea .attachImgArea {position: relative; display: block; margin-top: 20px; width: 100%;}
	.franchise02Section02 .mType01 .mText .mContentArea .attachImgArea > img {display: block; width: 100%; vertical-align: top; transition: all 0.3s;}

	@media screen and (max-width: 1220px) {
		.franchise02Section02 .mType01 .mText .mContentArea .mContentBox > p {font-size: 15px;}
	}
	@media screen and (max-width: 980px) {
		.franchise02Section02 .mType01 .mText h4 {width: 160px; font-size: 24px;}
		.franchise02Section02 .mType01 .mText .mContentArea {width: calc(100% - 160px);}
		.franchise02Section02 .mType01 .mText .mContentArea .mContentBox {float: none; width: 100%; padding-right: 0;}
		.franchise02Section02 .mType01 .mText .mContentArea .mContentBox > p {font-size: 14px;}
		.franchise02Section02 .mType01 .mText .mContentArea .mContentBox > p.pointSummery {font-size: 16px; font-weight: 500; color: #222;}
	}
	@media screen and (max-width: 660px) {
		.franchise02Section02 .mType01 .mText h4 {float: none; width: 100%;}
		.franchise02Section02 .mType01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
	}
	@media screen and (max-width: 420px) {
	}

	.franchise02Section03 {}
	.franchise02Section03 .mType01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.franchise02Section03 .mType01 .mText h4:before {display: none;}
	.franchise02Section03 .mType01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.franchise02Section03 .mType01 .mText .mContentArea .mContentBox {display: block; width: 100%; height: auto; box-sizing: border-box; padding: 0px;}
	.franchise02Section03 .mType01 .mText .mContentArea .attachImgArea {position: relative; display: block; margin-top: 20px; width: 100%;}
	.franchise02Section03 .mType01 .mText .mContentArea .attachImgArea > img {display: block; width: 100%; vertical-align: top; transition: all 0.3s;}
	.franchise02Section03 .mType01 .mText .mContentArea .attachImgArea > p {line-height: 20px; font-size: 12px; font-weight: 400; color: #a05e49; padding: 0;}

	@media screen and (max-width: 1220px) {
		.franchise02Section03 .mType01 .mText .mContentArea .mContentBox > p {font-size: 15px;}
	}
	@media screen and (max-width: 980px) {
		.franchise02Section03 .mType01 .mText h4 {width: 160px; font-size: 24px;}
		.franchise02Section03 .mType01 .mText .mContentArea {width: calc(100% - 160px);}
		.franchise02Section03 .mType01 .mText .mContentArea .mContentBox {float: none; width: 100%; padding-right: 0;}
		.franchise02Section03 .mType01 .mText .mContentArea .mContentBox > p {font-size: 14px;}
	}
	@media screen and (max-width: 660px) {
		.franchise02Section03 .mType01 .mText h4 {float: none; width: 100%;}
		.franchise02Section03 .mType01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
	}
	@media screen and (max-width: 420px) {
	}

	.franchise02Section04 {}
	.franchise02Section04 .mType01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.franchise02Section04 .mType01 .mText h4:before {display: none;}
	.franchise02Section04 .mType01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea {display: block; width: 100%;}
	.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li {display: block; margin-top: 80px; width: 100%; padding-bottom: 79px; border-bottom: 1px #ddd dashed;}
	.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li:first-child {margin-top: 0;}
	.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li:last-child {padding-bottom: 0; border: 0;}

	.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li .mContentBox {float: left; display: block; width: 33.3333%; height: auto; box-sizing: border-box; padding-right: 40px;}
	.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li .mContentBox > p {font-size: 15px;}
	.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li .mContentBox > img {display: block; width: 100%; max-width: 200px;}
	.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li .attachImgArea {float: left; display: block; width: 66.6666%; max-width: 640px;}
	.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li .attachImgArea > img {display: block; width: 100%; vertical-align: top; transition: all 0.3s;}

	@media screen and (max-width: 1220px) {
		.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li .mContentBox > p {font-size: 15px;}
	}
	@media screen and (max-width: 980px) {
		.franchise02Section04 .mType01 .mText h4 {width: 160px; font-size: 24px;}
		.franchise02Section04 .mType01 .mText .mContentArea {width: calc(100% - 160px);}
		.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li .mContentBox {float: none; width: 100%; padding-right: 0;}
		.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li .mContentBox > p {font-size: 14px;}
		.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li .mContentBox > img {max-width: 180px;}
		.franchise02Section04 .mType01 .mText .mContentArea ul.sectionArea > li .attachImgArea {float: none; margin-top: 20px; width: 100%; max-width: 640px;}
	}
	@media screen and (max-width: 660px) {
		.franchise02Section04 .mType01 .mText h4 {float: none; width: 100%;}
		.franchise02Section04 .mType01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
	}
	@media screen and (max-width: 420px) {
	}

	.franchise02Section05 {}
	.franchise02Section05 .mType01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.franchise02Section05 .mType01 .mText h4:before {display: none;}
	.franchise02Section05 .mType01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.franchise02Section05 .mType01 .mText .mContentArea .mContentBox {float: left; display: block; width: calc(100% - 220px); height: auto; box-sizing: border-box; padding-right: 40px;}
	.franchise02Section05 .mType01 .mText .mContentArea .mContentBox > p.pointSummery {position: relative; display: block; width: 100%; box-sizing: border-box; padding: 0 0 20px 20px; line-height: 20px; font-size: 17px; font-weight: 500; color: #a05e49;}
	.franchise02Section05 .mType01 .mText .mContentArea .mContentBox > p.pointSummery:before {position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 2px; height: 40px; content: ""; background-color: #a05e49; z-index: 1;}
	.franchise02Section05 .mType01 .mText .mContentArea .attachImgArea {float: left; position: relative; display: block; width: 100%; max-width: 220px;}
	.franchise02Section05 .mType01 .mText .mContentArea .attachImgArea > img {width: 100%; max-width: 220px; vertical-align: top; border-radius: 50%; overflow: hidden;}
	.franchise02Section05 .mType01 .mText .mContentArea .attachImgArea > p {line-height: 20px; font-size: 12px; font-weight: 400; color: #a05e49; padding: 0; text-align: center;}

	.franchise02Section05 .mType01 .mText .mContentArea ul.halfImgArea {float: left; display: block; margin-top: 40px; width: 100%;}
	.franchise02Section05 .mType01 .mText .mContentArea ul.halfImgArea > li {float: left; display: block; width: 50%; box-sizing: border-box;}
	.franchise02Section05 .mType01 .mText .mContentArea ul.halfImgArea > li > img {width: 100%; vertical-align: top;}
	.franchise02Section05 .mType01 .mText .mContentArea ul.halfImgArea > li:nth-child(1) {padding-right: 10px;}
	.franchise02Section05 .mType01 .mText .mContentArea ul.halfImgArea > li:nth-child(2) {padding-left: 10px;}
	@media screen and (max-width: 1220px) {
		.franchise02Section05 .mType01 .mText .mContentArea .mContentBox {width: calc(100% - 180px);}
		.franchise02Section05 .mType01 .mText .mContentArea .mContentBox > p {font-size: 15px;}
		.franchise02Section05 .mType01 .mText .mContentArea .attachImgArea {max-width: 180px;}
	}
	@media screen and (max-width: 980px) {
		.franchise02Section05 .mType01 .mText h4 {width: 160px; font-size: 24px;}
		.franchise02Section05 .mType01 .mText .mContentArea {width: calc(100% - 160px);}
		.franchise02Section05 .mType01 .mText .mContentArea .mContentBox {float: none; width: 100%; padding-right: 0;}
		.franchise02Section05 .mType01 .mText .mContentArea .mContentBox > p {font-size: 14px;}
		.franchise02Section05 .mType01 .mText .mContentArea .mContentBox > p.pointSummery {font-size: 16px; font-weight: 500; color: #222;}
		.franchise02Section05 .mType01 .mText .mContentArea .attachImgArea {float: none; margin-top: 20px; max-width: 180px;}
		.franchise02Section05 .mType01 .mText .mContentArea .attachImgArea > p {width: 180px;}
	}
	@media screen and (max-width: 660px) {
		.franchise02Section05 .mType01 .mText h4 {float: none; width: 100%;}
		.franchise02Section05 .mType01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
		.franchise02Section05 .mType01 .mText .mContentArea .attachImgArea {float: none; margin: 20px auto 0; max-width: 180px;}
		.franchise02Section05 .mType01 .mText .mContentArea .attachImgArea > p {width: 100%;}
		.franchise02Section05 .mType01 .mText .mContentArea ul.halfImgArea > li {float: none; width: 100%; box-sizing: border-box; padding: 0;}
		.franchise02Section05 .mType01 .mText .mContentArea ul.halfImgArea > li:nth-child(1) {padding: 0 0 10px;}
		.franchise02Section05 .mType01 .mText .mContentArea ul.halfImgArea > li:nth-child(2) {padding: 0 0 0;}

	}
	@media screen and (max-width: 420px) {
	}

	/* for franchise02 end */


	/* for franchise03 start */
	#franchise03Wrap {}
	#franchise03Wrap .budgetTable {width: 100%; min-width: 500px;}
	#franchise03Wrap .budgetTable thead tr th {font-weight: 700; font-size: 15px; text-align: center; background-color: rgba(233,227,223,0.8);}
	#franchise03Wrap .budgetTable tbody tr td {text-align: center;}
	#franchise03Wrap .budgetTable tbody tr td:first-of-type {font-size: 13px; text-align: left;}
	#franchise03Wrap .budgetTable tbody tr td:nth-of-type(2) {font-size: 13px; text-align: right;}
	#franchise03Wrap .budgetTable tbody tr td:nth-of-type(3) {font-size: 12px; text-align: center; color: #777;}
	#franchise03Wrap .budgetTable tbody tr td .pointLine {padding: 0 5px; background-color: rgba(233,227,223,0.6);}
	#franchise03Wrap .budgetTable tbody tr td .cancelLine {text-decoration: line-through; text-decoration-color: #ff1b46;}
	#franchise03Wrap .budgetTable tbody tr td .cancelText {color: #ff1b46;}
	#franchise03Wrap .budgetTable tbody tr td.total {font-weight: 700; text-align: center;}
	#franchise03Wrap .tableComment {line-height: 20px; font-size: 12px; font-weight: 400; color: #a05e49; padding: 0;}

	.franchise03Section01 {}
	.franchise03Section01 .mType01 .mText h4 {float: left; display: block; margin: 0; width: 200px; height: auto; box-sizing: border-box; padding: 5px 0; line-height: 30px; font-size: 26px; font-weight: 700; color: #222; text-align: left; letter-spacing: -2px;}
	.franchise03Section01 .mType01 .mText h4:before {display: none;}
	.franchise03Section01 .mType01 .mText .mContentArea ul.sectionArea {display: block; width: 100%;}
	.franchise03Section01 .mType01 .mText .mContentArea ul.sectionArea > li {display: block; margin-top: 80px; width: 100%; padding-bottom: 79px; border-bottom: 1px #ddd dashed;}
	.franchise03Section01 .mType01 .mText .mContentArea ul.sectionArea > li:first-child {margin-top: 0;}
	.franchise03Section01 .mType01 .mText .mContentArea ul.sectionArea > li:last-child {padding-bottom: 0; border: 0;}

	.franchise03Section01 .mType01 .mText .mContentArea {float: left; position: relative; display: block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 39px; border-left: 1px #eee solid;}
	.franchise03Section01 .mType01 .mText .mContentArea .mContentBox {float: left; display: block; width: 100%; height: auto; box-sizing: border-box; padding-right: 0;}
	@media screen and (max-width: 1220px) {
		.franchise03Section01 .mType01 .mText .mContentArea .mContentBox > p {font-size: 15px;}
	}
	@media screen and (max-width: 980px) {
		.franchise03Section01 .mType01 .mText h4 {width: 160px; font-size: 24px;}
		.franchise03Section01 .mType01 .mText .mContentArea {width: calc(100% - 160px);}
		.franchise03Section01 .mType01 .mText .mContentArea .mContentBox {float: none; width: 100%; padding-right: 0;}
	}
	@media screen and (max-width: 660px) {
		#franchise03Wrap .budgetTable thead tr th {font-size: 14px;}
		#franchise03Wrap .budgetTable tbody tr td:first-of-type {font-size: 12px;}
		#franchise03Wrap .budgetTable tbody tr td:nth-of-type(2) {font-size: 12px;}
		#franchise03Wrap .budgetTable tbody tr td:nth-of-type(3) {font-size: 11px;}

		.franchise03Section01 .mType01 .mText h4 {float: none; width: 100%;}
		.franchise03Section01 .mType01 .mText .mContentArea {float: none; margin: 20px 0 0 10px; width: calc(100% - 10px); padding: 20px 10px 0 19px;}
	}
	@media screen and (max-width: 420px) {
	}

	/* for franchise03 end */

	/* for franchise04 start */
	#franchise04Wrap {}
	.franchise04Section01 {}
	.franchise04Section01 h4 {width: 100%; height: 30px; margin: 0; padding: 0; line-height: 30px; font-size: 28px; font-weight: 700; text-align: left; letter-spacing: -1px; color: #222;}
	.franchise04Section01 h4:before {display: none;}
	.franchise04Section01 p.engTitle {width: 100%; height: 30px; padding: 0; line-height: 30px; font-size: 28px; font-weight: 700; text-align: left; letter-spacing: -1px; color: #222;}
	.franchise04Section01 p.guideComment {width: 100%; height: 30px; padding: 0; line-height: 30px; font-size: 15px; font-weight: 300; text-align: left; letter-spacing: -0.5px; color: #999;}
	.franchise04Section01 .privacyAgreeArea {display: block; margin: 20px auto 0; width: 100%; height: auto; box-sizing: border-box; padding: 39px; border: 1px #eee solid; background-color: #fcfcfc; transition: all 0.3s;}
	/* .franchise04Section01 .privacyAgreeArea > h5 {line-height: 40px; font-size: 18px; font-weight: 400; color: #222; padding: 0; margin: 0;} */
	.franchise04Section01 .privacyAgreeArea > p {width: 100%; height: auto; padding: 0; line-height: 1.64em; font-size: 15px; font-weight: 300; text-align: left; letter-spacing: -0.5px; color: #999;}
	.franchise04Section01 .privacyAgreeArea > h6 {line-height: 20px; font-size: 15px; font-weight: 400; color: #222; padding: 0; margin-top: 20px;}
	.franchise04Section01 .privacyAgreeArea > ul {}
	.franchise04Section01 .privacyAgreeArea > ul > li {list-style: decimal inside; font-size: 13px; color: #999;}

	.franchise04Section01 .agreddChk {display: block; margin: 20px auto; width: 140px; height: auto; text-align: center;}
	.franchise04Section01 .agreddChk > label {padding-left: 10px; line-height: 30px; font-size: 16px; font-weight: 500; color: #222;}

	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
	}
	@media screen and (max-width: 660px) {
		.franchise04Section01 h4 {height: auto; line-height: 1.2em; font-size: 24px;}
		.franchise04Section01 p.engTitle {height: auto; line-height: 1.2em; font-size: 24px;}
		.franchise04Section01 p.guideComment {height: 20px; line-height: 20px; font-size: 13px;}
		.franchise04Section01 .privacyAgreeArea {padding: 19px;}
		/* .franchise04Section01 .privacyAgreeArea > h5 {font-size: 16px;} */
		.franchise04Section01 .privacyAgreeArea > p {font-size: 13px;}
		.franchise04Section01 .privacyAgreeArea > h6 {font-size: 14px;}
		.franchise04Section01 .privacyAgreeArea > ul {}
		.franchise04Section01 .privacyAgreeArea > ul > li {font-size: 11px;}
	}
	@media screen and (max-width: 420px) {
	}
	/* for franchise04 end */


	/* for news01 start */
	#news01Wrap {}
	.news01Section01 {}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
	}
	@media screen and (max-width: 660px) {
	}
	@media screen and (max-width: 420px) {
	}
	/* for news01 end */

	/* for news02 start */
	#news02Wrap {}
	.news02Section01 {}
	@media screen and (max-width: 1220px) {
	}
	@media screen and (max-width: 980px) {
	}
	@media screen and (max-width: 660px) {
	}
	@media screen and (max-width: 420px) {
	}
	/* for news02 end */