@charset "utf-8";



.s-Part {padding:100px 0}
.s-Margin {margin:100px 0}
@media all and (max-width:767px){
	.s-Part {padding:80px 0}
	.s-Margin {margin:80px 0}
}
@media all and (max-width:480px){
	.s-Part {padding:50px 0}
	.s-Margin {margin:50px 0}
}




.fran-title {margin-bottom:4em; text-align:center}
.fran-title h3 {font-size:4.6rem; color:#222; font-weight:500}
.fran-title br.br640 {display:none}
.fran-title .t1 { padding:1.5em 0; line-height:1.2em; font-size:1.8rem}
.fran-title .t2 { padding:1.5em 0; line-height:1.2em; font-size:1.8rem; opacity:.5}
.fran-title .btnWrap {display:flex;  justify-content:center; flex-wrap:wrap; }
.fran-title .btnWrap li {margin:5px; background:#222; border-radius:100px; line-height:60px; padding:0 1.5em; color:#FFF;
									font-size:2.4rem; font-weight:700}
.fran-title .btnWrap li i {font-size:2.1rem;}
.fran-title .btnWrap li.mo {display:none}
.fran-title .btnWrap li span {padding-left:0.5em;}
.fran-title .btnWrap li a {color:#FFF;}

@media all and (max-width:976px){
	.fran-title .btnWrap li.pc {display:none}
	.fran-title .btnWrap li.mo {display:block}
}
@media all and (max-width:640px){
	.fran-title br.br640 {display:block}
}
@media all and (max-width:480px){
	.fran-title h3 {font-size:4.0rem; }
	.fran-title .btnWrap li {font-size:2.0rem; line-height:45px; }
	.fran-title .btnWrap li i {font-size:1.8rem;}
}






#brand1 {width:100%; max-width:1400px; margin:0 auto}

#halfWrap {margin:100px 0; display:flex}
#halfWrap .img {width:50%; position:relative}
#halfWrap .img img {width:calc(100% - 20px)}
#halfWrap .img:before {content:''; width:270px; height:170px; background:#f5b335; position:absolute; right:0; top:-20px; z-index:-1}
#halfWrap .cont {width:50%; padding:0 0 5% 5%; display:table; position:relative}
#halfWrap .cont .num {font-size:17rem; color:#f1efef; line-height:1.0em;
							position:absolute; right:0; top:0; font-family:'Jost'; font-weight:900; z-index:-1}
#halfWrap .cont dl {display:table-cell; vertical-align:bottom}
#halfWrap .cont dl dt {font-size:3.0rem; font-weight:600; color:#222}
#halfWrap .cont dl dd {padding-top:1em; line-height:1.6em; font-size:1.8rem;}


#halfWrap.ver2 .img {order:2; text-align:right}
#halfWrap.ver2 .img:before { left:0; right:unset}
#halfWrap.ver2 .cont .num {right:5%; top:unset; bottom:-25px}
#halfWrap.ver2 .cont {order:1;  padding:5% 5% 0 0;}
#halfWrap.ver2 .cont dl { vertical-align:top}


#halfWrap.brand4 .img {width:60%;}
#halfWrap.brand4 .cont {width:40% }


@media all and (max-width:1280px){
	#halfWrap .cont .num {font-size:13 vw; }
}
@media all and (max-width:1024px){
	#halfWrap .img:before {width:40%; height:50%; right:10px; top:-10px; }
	#halfWrap .cont {padding:0 0 3% 3%; }
	#halfWrap .cont .num {font-size:12vw; }
	#halfWrap .cont .num { right:5px; top:5px;}
	#halfWrap.ver2 .cont {padding:3% 3% 0 0;}
	#halfWrap.ver2 .img:before { left:10px; right:unset}
}
@media all and (max-width:767px){
	#halfWrap {flex-wrap:wrap}
	#halfWrap .img {width:100%; }
	#halfWrap .cont {width:100%;  padding:3%; padding-top:5%; }
	#halfWrap .cont .num {right:3% }

	#halfWrap.ver2 .img {order:1; text-align:left}
	#halfWrap.ver2 .img:before { left:unset; right:10px}
	#halfWrap.ver2 .cont {order:2; padding:3%; padding-top:5%; }
	#halfWrap.ver2 .cont .num { top:0; bottom:unset; right:3%}

	
#halfWrap.brand4 .img {width:100%;}
#halfWrap.brand4 .cont {width:100% }

}
@media all and (max-width:580px){
	#halfWrap .cont {padding-top:15%; }
	#halfWrap.ver2 .cont {; padding-top:15%; }
}
@media all and (max-width:480px){
	#halfWrap {margin:50px 0; }
	#halfWrap .cont dl dd br {display:none}
}



#topWrap {text-align:center}
#topWrap img {width:80%; max-width:440px; margin:0 auto}
#topWrap h3 {margin-top:1.3em; font-size:2.6rem; color:#222; font-weight:400; line-height:1.4em}
@media all and (max-width:480px){
	#topWrap h3 { font-size:2.0rem; }
}





#brand2-title {margin-bottom:3em}
#brand2-title h3 {font-size:7.0rem; font-weight:500; color:#512d1e; line-height:1.2em}
#brand2-title h3 .br767 {display:none}
#brand2-title h3 .point {color:#f5b335; font-weight:800}
#brand2-title .t1 {margin-top:2em; font-size:1.8rem; line-height:1.6em}
#brand2-title .t2 {margin-top:1em; font-size:2.6rem; line-height:1.5em; color:#222}


#brand2 .contWrap {padding:100px 0; background:url('/images/sub/brand2-bg.png') no-repeat top center; background-size:cover; text-align:center}
#brand2 .contWrap h3 {display:inline-block; font-size:22.0rem; line-height:1.2em; color:#ffbf35; font-weight:900; font-family:'Roboto'; letter-spacing:-0.03em; position:relative}
#brand2 .contWrap h3:before {content:''; width:230px; height:230px; background:url('/images/sub/brand2-bubble.png')no-repeat left top; background-size:100% auto;
								position:absolute; right:-150px; top:-200px; animation: motion2 0.6s linear 0s infinite alternate;}
#brand2 .contWrap .year-day {margin-top:30px; display:flex; justify-content:center; }
#brand2 .contWrap .year-day li {padding:10px 20px; font-size:3.5rem; color:#FFF; font-weight:700}
#brand2 .contWrap .year-day li .num {font-size:5.8rem; font-family:'Roboto'; font-weight:900;  letter-spacing:-0.03em;}
#brand2 .contWrap .year-day li .br640 {display:none}


@media all and (max-width:1599px){
	#brand2 .contWrap h3 { font-size:14vw }
	#brand2 .contWrap h3:before {width:15vw; height:15vw; top:-13vw }
}
@media all and (max-width:1280px){
	#brand2 .contWrap h3 { font-size:16vw }
	#brand2 .contWrap h3:before {width:15vw; height:15vw; top:-11vw ;  right:-4vw;}
}
@media all and (max-width:1024px){
	#brand2 .contWrap {padding:50px 0;}
	#brand2 .contWrap .year-day {margin-top:20px; }
	#brand2 .contWrap .year-day li {font-size:3.0rem; }
	#brand2 .contWrap .year-day li .num {font-size:5.0rem; }
}
@media all and (max-width:976px){
	#brand2 .contWrap {margin-top:70px; padding:80px 0 }
	#brand2 .contWrap h3:before {top:-14vw ;  right:unset; left:50%; margin-left:-7.5vw }
}
@media all and (max-width:767px){
	#brand2-title h3 {font-size:6.0rem; }
	#brand2-title h3 .br767 {display:block}
	#brand2 .contWrap {margin-top:100px; padding:80px 0 50px}
	#brand2 .contWrap h3:before {width:20vw; height:20vw; margin-left:-10vw; top:-19vw }
	#brand2 .contWrap .year-day {flex-wrap:wrap}
	#brand2 .contWrap .year-day li {width:100%; padding:0; }
}
@media all and (max-width:480px){
	#brand2-title h3 {font-size:5.0rem; }
	#brand2-title .t2 { font-size:2.0rem}
	#brand2-title {margin-bottom:2em} 
	#brand2 .contWrap {margin-top:70px}
	#brand2 .contWrap h3:before {width:26vw; height:26vw; margin-left:-13vw; top:-28vw }
	#brand2 .contWrap .year-day li {font-size:2.5rem; }
	#brand2 .contWrap .year-day li .num {font-size:4.0rem;}
}




#brand2-2 {display:flex;  align-items: center;}
#brand2-2 #imgWrap {width:45%}
#brand2-2 #imgWrap .img-mo {display:none; width:100%; padding-top:30px}
#brand2-2 #contWrap {width:55%; padding:3%; padding-right:0; background:#FFF}


#brand2-2 .iconWrap ul {display:flex; justify-content:space-between;}
#brand2-2 .iconWrap ul li { text-align:center}
#brand2-2 .iconWrap ul li dl dt { margin:10px 0 25px; padding:0.7em 1.5em; display:inline-block; background:#512d1e; color:#FFF; border-radius:50px; font-weight:400; position:relative}
#brand2-2 .iconWrap ul li dl dt:before {content:''; border-bottom: 10px solid transparent; border-top: 10px solid #512d1e; border-left: 10px solid transparent; border-right: 10px solid transparent; 
													position:absolute; left:50%; bottom:-20px; margin-left:-10px}
#brand2-2 .iconWrap ul li dl dd { font-size:2.4rem; color:#512d1e; font-weight:700}

@media all and (max-width:1350px){
	#brand2-2 #imgWrap {width:40%}
	#brand2-2 #contWrap {width:60%; }
}
@media all and (max-width:1240px){
	#brand2-2 { flex-wrap:wrap;   align-items: top;}
	#brand2-2 #imgWrap {order:2; width:100%}
	#brand2-2 #imgWrap .img-pc {display:none}
	#brand2-2 #imgWrap .img-mo {display:block; }
	#brand2-2 #contWrap {order:1; width:100%; max-width:751px; margin:0 auto;  }
	#brand2-2 #brand2-title {text-align:center}

	#brand2-2 .iconWrap ul {  justify-content:start;}
	#brand2-2 .iconWrap ul li {margin-right:20px}
	#brand2-2 .iconWrap ul li:last-child {margin-right:0}
}
@media all and (max-width:976px){
	#brand2-2 #contWrap { max-width:723px;  }
}
@media all and (max-width:767px){
	#brand2-2 .iconWrap ul {  flex-wrap:wrap}
	#brand2-2 .iconWrap ul li {width:49%; margin:1% 0.5% }
	#brand2-2 .iconWrap ul li.icon1 {order:3}
	#brand2-2 .iconWrap ul li.icon2 {order:4}
}
@media all and (max-width:767px){
	#brand2-2 #brand2-title .t1 br {display:none}
}


#brand2-3 {background:url('/images/sub/brand2-3-bg.png') no-repeat right -35% center; }
#brand2-3 #contWrap {padding:40px 0; width:100%; max-width:860px}

@media all and (max-width:1499px){
	#brand2-3 {background-position: right -55% bottom 30%; background-size:70% auto}
}
@media all and (max-width:1024px){
	#brand2-3 #brand2-title {text-align:center}
	#brand2-3 {background-position: center bottom; background-size:70% auto}
	#brand2-3 #contWrap {padding:0;  padding-bottom:40vw; margin:0 auto}
}
@media all and (max-width:767px){
	#brand2-3 #checkList.w50 li {width:100%; margin-left:0}
}



#checkList {display:flex; flex-wrap:wrap}
#checkList li {padding:20px; background:#512d1e; border-radius:50px; position:relative} 
#checkList li:before {content:''; width:28px; height:28px; background:url('/images/sub/checklist-ico.png') no-repeat left center;
						position:absolute; left:20px; top:50%; margin-top:-14px}
#checkList li p {padding-left:40px; font-size:2.0rem; color:#FFF}
#checkList.w50 li {width:calc(50% - 5px); margin-left:10px; margin-bottom:10px}
#checkList.w50 li:nth-child(2n + 1) { margin-left:0}

@media all and (max-width:480px){
	#checkList li {padding:15px 20px; }
	#checkList li:before { width:20px; height:20px; background-size:100% auto;  margin-top:-10px}
	#checkList li p {padding-left:30px; }
}







#brand3 {text-align:center}
#brand3 img {margin-bottom:50px; width:100%; max-width:988px}

#brand3-2 #box {padding:50px 80px;display:flex; align-items:center; overflow:hidden}
#brand3-2 #box .imgWrap {width:40%; text-align:center}
#brand3-2 #box .imgWrap img {width:70%}
#brand3-2 #box .contWrap {padding:0 30px; width:60%; color:#FFF}
#brand3-2 #box .contWrap h3 {font-size:5.0rem;  font-family: 'yg-jalnan'; }
#brand3-2 #box .contWrap h3 .eng {font-size:3.0rem}
#brand3-2 #box .contWrap .t1 {font-size:1.8rem; line-height:1.2em; margin-top:0.5em }
#brand3-2 #box .contWrap .spec {margin-top:40px}
#brand3-2 #box .contWrap .spec li {font-size:1.8rem; margin: 0.3em 0; }
#brand3-2 #box .contWrap .spec li span {padding:7px 10px;  width:80px; border-radius:30px; 
													display:inline-block; text-align:center; background:#222}
#brand3-2 #box .contWrap .spec li p {display:inline-block; width:calc(100% - 80px); padding-left:10px ; vertical-align:middle }

#brand3-2 #box.cht1 {background:#25bdad}
#brand3-2 #box.cht2 {background:#e3569a}
#brand3-2 #box.cht3 {background:#f7df3a}
#brand3-2 #box.cht4 {background:#ababad}
#brand3-2 #box.cht5 {background:#edc79e}
#brand3-2 #box.cht6 {background:#c89c83}

@media all and (max-width:1599px){
	#brand3-2 #box {padding:50px 0px }
}
@media all and (max-width:1130px){
	#brand3-2 #box .imgWrap {width:35%;}
	#brand3-2 #box .imgWrap img {width:85%}
	#brand3-2 #box .contWrap {width:65%;}
}
@media all and (max-width:976px){
	#brand3-2 #box {flex-wrap:wrap}
		#brand3-2 #box .imgWrap {width:100%;}
	#brand3-2 #box .imgWrap img {width:60%; max-width:540px}
	#brand3-2 #box .contWrap {width:100%; padding:5%}
}





#intro1 {display:flex}
#intro1 #contWrap {width:50%}
#intro1 #contWrap h3 {font-size:7.0rem; font-weight:900; font-family:'Jost'; color:#512d1e; line-height:1.2em}
#intro1 #contWrap h4 { padding:5% 0; font-size:2.2rem; color:#222; font-weight:700; line-height:1.6em }
#intro1 #contWrap .t1 {margin-bottom:5%; line-height:1.8em; font-size:1.8rem; }
#intro1 #contWrap .name {font-sizE:2.0rem; color:#222; font-weight:600 }
#intro1 #contWrap .name span {padding-left:15px ;font-size:2.6rem; letter-spacing:0.4em}
#intro1 #contWrap .name img {vertical-align:middle}
#intro1 #imgWrap {width:50%}

@media all and (max-width:1399px){
	#intro1 #contWrap {padding-right:5%}
	#intro1 #contWrap .t1 br {display:none}
}
@media all and (max-width:1024px){
	#intro1 {display:flex; flex-wrap:wrap}
	#intro1 #contWrap {order:2; width:100%; padding:5%}
	#intro1 #imgWrap {order:1; width:100%; text-align:center}
	#intro1 #imgWrap img {width:90%; max-width:800px}
}
@media all and (max-width:480px){
	#intro1 #contWrap h4 br {display:none}
}





#intro2 {position:relative}
#intro2 h4 {margin-bottom:1em; font-size:3.6rem;  font-weight:600; color:#222; line-height:1.5em;}
#intro2 h3 {font-size:7.0rem;  color:#512d1e ; line-height:1.2em; font-weight:500}
#intro2 h3 .point { color:#ffb21f;  font-weight:800;}
#intro2 .symbol {display:none; position:absolute; right:0; top:0}

#intro2-2 {margin-top:4em ; background:url('/images/sub/intro2-bg.png') no-repeat left top; background-size:50% auto; }
#intro2-2 .m-inner {overflow:hidden}
#intro2-2 .contWrap { padding-left:3%; width:50%; background:#FFF; float:right; text-align:center}

.table-t { width:100%; border-top:2px solid #222 ; border-bottom:2px solid #222 }
.table-t th,
.table-t td { padding:1.2em 1em;  line-height:1.4em;  border-bottom: 1px solid #e9e9e9; }
.table-t th { width:200px; text-align:center; color:#686868;
				text-transform:uppercase; letter-spacing:0; word-break: keep-all;}
.table-t td {width:calc(100% - 200px);  text-align: left;  color:#222}

.table-t tr:last-child th,
.table-t tr:last-child td {border-bottom:0; }

@media all and (max-width:1280px){
	.table-t th { width:30%}
	.table-t td {width:70%; }
}
@media all and (max-width:976px){
	#intro2-2 {padding-top:52vw; background-size:100% auto; }
	#intro2-2 .contWrap {padding-left: 0; width:100%}
}
@media all and (max-width:680px){
	#intro2 h4 { font-size:4vw;  }
	#intro2 h3 {font-size:7vw}
	.table-t th,
	.table-t td { padding:1em 0.8em;  }
}



#intro3-tit {margin-bottom:3em}
#intro3-tit h3 {font-size:7.0rem; font-weight:200; color:#eca51d; font-family:"Montserrat"; text-transform:uppercase}
#intro3-tit h3 span {padding:0 20px; font-weight:900; color:#222; display:inline-block;}
#intro3-tit .t2 {margin-top:1.5em; font-size:2.2rem; font-weight:700; color:#222}
#intro3-tit .t1 {margin-top:1.5em; font-size:1.8rem; color:#686868; line-height:1.4em}

@media all and (max-width:767px){
	#intro3-tit h3 {font-size:6.0rem; }
}
@media all and (max-width:480px){
	#intro3-tit .t1 { font-size:1.6rem; }
	#intro3-tit .t1 br { display:none }
}


#intro3 {text-align:center; }
#intro3 .circle {display:flex; justify-content:center}
#intro3 .circle li {width:350px; height:350px; display:table;border-radius:100%; margin:0 -15px; }
#intro3 .circle li.bg1 {background:rgba(193,167,48,0.1)}
#intro3 .circle li.bg2 {background:rgba(113,58,17,0.1)}
#intro3 .circle li.bg3 {background:rgba(176,100,92,0.1)}
#intro3 .circle li dl {display:table-cell; vertical-align:middle}
#intro3 .circle li dl dt {font-size:4.0rem; font-family:"Montserrat"; font-weight:900; color:#222}
#intro3 .circle li dl dt .fc-1 {color:#eca51d}
#intro3 .circle li dl dt .fc-2 {color:#512d1e}
#intro3 .circle li dl dt .fc-3 {color:#9e583a}
#intro3 .circle li dl dd {margin-top:1.0em; line-height:1.4em; font-size:1.8rem}

@media all and (max-width:976px){
	#intro3 .circle li {width:35vw; height:35vw; }
}
@media all and (max-width:640px){
	#intro3 .circle  {width:100%; margin:0 auto; flex-wrap:wrap}
	#intro3 .circle li {width:42vw; height:42vw; margin:-10px 5px}
}
@media all and (max-width:480px){
	#intro3 .circle li dl dt {font-size:3.0rem;}
	#intro3 .circle li dl dd  { font-size:1.6rem}
}



#intro3-2 {margin-top:100px; text-align:center; background:rgba(255,251,242,0.7)}
#intro3-2 .boxWrap {display:flex; justify-content:center}
#intro3-2 .boxWrap li {width:430px; height:450px; margin: 0 20px; background:#FFF; display:table}
#intro3-2 .boxWrap li dl {display:table-cell; vertical-align:middle}
#intro3-2 .boxWrap li dl .tit {margin:2em 0 1.3em; font-size:2.0rem; }
#intro3-2 .boxWrap li dl .tit span {background:#222; color:#FFF; border-radius:50px; padding:0.5em 1.5em;}
#intro3-2 .boxWrap li dl dt { padding-top:50px; font-size:2.6rem; color:#eca51d; font-weight:600; position:relative}
#intro3-2 .boxWrap li dl dt:before {content:''; width:1px; height:30px; background:#eca51d; position:absolute; left:50%; top:10px}
#intro3-2 .boxWrap li dl dd {font-size:1.8rem; line-height:1.4em; }

@media all and (max-width:1024px){
	#intro3-2 .boxWrap li { margin: 0 10px;  height:auto; padding:30px 0}
}
@media all and (max-width:767px){
	#intro3-2 .boxWrap {width:90%; max-width:580px; flex-wrap:wrap; margin:0 auto}
	#intro3-2 .boxWrap li {margin:10px; width:100%}
}
@media all and (max-width:480px){
	#intro3-2 .boxWrap {width:100%;}
	#intro3-2 .boxWrap li {margin:5px 0;}

}






#intro4  {text-align:Center}
#intro4 img {width:100%; max-width:1135px}


#intro5 {}
.root_daum_roughmap .wrap_map { height: 500px !important; }
.root_daum_roughmap .wrap_controllers  {display:none}


#intro5-2 {margin-top:30px}
#intro5-2 .tit {width:100px; font-size:1.8rem; color:#222; font-weight:700}

#intro5-2 .add {padding:30px; ;border-bottom:1px solid #e9e9e9; display:flex;    }
#intro5-2 .add .li-f {width:calc(100% - 100px); display:flex; justify-content:space-between;  align-items: end;}
#intro5-2 .add dl dt {font-size:2.0rem; color:#222; line-height:1.6em; font-weight:500}
#intro5-2 .add dl dd.eng,
#intro5-2 .add .li-f .num {font-family:'Montserrat'; font-weight:500}
#intro5-2 .add .li-f .num span {padding-right:10px; }

#intro5-2 .sub dl dd {line-height:1.8em}
#intro5-2 .sub,
#intro5-2 .bus {padding:30px; border-bottom:1px solid #e9e9e9; display:flex; }

#intro5-2 .bus .bus-dl {margin-bottom:20px;  display:flex; }
#intro5-2 .bus .bus-dl dt {width:160px}
#intro5-2 .bus .bus-dl dd {width:calc(100% - 160px);  }
#intro5-2 .bus .bus-dl dd p {padding-bottom:5px}
#intro5-2 .bus .bus-dl dd span {margin-right:5px; padding:2px 8px; display:inline-block; background:#222; color:#FFF; font-size:1.3rem }


@media all and (max-width:1080px){
	#intro5-2 .add .li-f {flex-wrap:wrap}
	#intro5-2 .add dl {width:100%}
	#intro5-2 .add .li-f .num {padding-top:15px; width:100%}
}
@media all and (max-width:640px){
	.root_daum_roughmap .wrap_map { height: 430px !important; }
	#intro5-2 .add {padding:20px 10px; }
	#intro5-2 .tit {width:60px; }
	#intro5-2 .add .li-f {width:calc(100% - 60px);}
	#intro5-2 .sub,
	#intro5-2 .bus {padding:20px 10px; }
}
@media all and (max-width:480px){
	.root_daum_roughmap .wrap_map { height: 80vw !important; }
	#intro5-2 .bus .bus-dl {flex-wrap:wrap }
	#intro5-2 .bus .bus-dl dt {width:100%; margin-bottom:5px }
	#intro5-2 .bus .bus-dl dd {width:100%;  }

	#intro5-2 .add .li-f .num .sp1 {display:block}
}






.stepList { display:flex; flex-wrap:wrap; justify-content:center;}
.stepList > li {width: calc(25% - 50px);  margin:25px;  background: #512d1e ; color:#fff; text-align: center; 
				box-sizing: border-box; position: relative; border-radius:10px; padding:20px;}
.stepList > li:first-child { background: #eca51d; }
.stepList > li:last-child { background: #c9161e; }

.stepList > li::before { content:''; width: 80px; height: 80px; border-radius: 100%; position: absolute; left: -60px; top:50%; 
							margin-top: -40px; background: #fff url("/images/sub/step-next.png") no-repeat center; 
							box-shadow: 5px 5px 5px rgba(0,0,0,0.1); }
.stepList > li:nth-child(4n+1)::before { display: none; }

.stepList > li img {width:80px}
.stepList > li .stepNum {margin:0.5em 0; font-size:2.2rem; font-family:'Jost'; font-weight:600}
.stepList > li dl { min-height:162px; background: #fff; border-radius: 5px; padding: 30px 5px;; box-sizing: border-box;  }
.stepList > li dl dt { font-size: 2.6rem; color:#222; font-weight:700; }
.stepList > li dl dd { margin-top:0.8em; font-size:1.8rem; text-align: center;  line-height: 1.5em; color:#686868 }

@media all and (max-width:1399px){
	.stepList > li {width:270px; margin:15px; }
	.stepList > li::before { width: 60px; height: 60px;left: -3.25vw; margin-top: -30px; } 
	.stepList > li dl { padding:20px 5px; min-height:138px;}
}
@media all and (max-width:1249px){
	.stepList > li::before { left: -3.6vw;  } 
	.stepList > li:nth-child(4n+1)::before { display: block; }
	.stepList > li:nth-child(3n+1)::before { display: none; }
}

@media all and (max-width:976px){
	.stepList > li {width:calc(33.333% - 20px); margin:10px}
	.stepList > li::before {left: -3.25vw }
	.stepList > li img {width:70px}
	.stepList > li dl { min-height:125px; }
	.stepList > li dl dt { font-size: 2.4rem; }
	.stepList > li dl dd { font-size:1.6rem; }
}
@media all and (max-width:680px){
	.stepList > li {width:calc(50% - 20px); margin:10px}
	.stepList > li::before { display:none }
	.stepList > li:nth-child(4n+1)::before { display: none; }
}
@media all and (max-width:480px){
	.stepList > li {width:100%; margin:5px 0}
	.stepList > li dl { min-height:auto;}
}



#franchise3 .st1 {text-align:right; font-size:1.5rem; opacity:.7; padding-bottom:10px}
#franchise3 #txtWrap {margin-top:2em;}


.tb-style1 { width: 100%;  margin: 0 auto; text-align: center;  }
.tb-style1 thead th { background: #512d1e; border-left: 1px solid #613f30; color:#fff; padding: 1em 0; font-size: 2.0rem; line-height: 1.0em; }
.tb-style1 tbody th,
.tb-style1 tbody td { padding: 1.4em 0; border-bottom: 1px solid #eae0db;  border-left: 1px solid #eae0db; font-size: 1.8rem; }
.tb-style1 tbody th:first-child {border-left:0}
.tb-style1 tbody th { color:#222; font-weight: 600; }
.tb-style1 tfoot { background: #eca51d; color:#fff; }
.tb-style1 tfoot th, .tb-style1 tfoot td { padding: 0.8em 0;  color:#fff; font-size: 1.8rem; border-left:1px solid rgba(255,255,255,0.2) ; border-bottom:1px solid rgba(255,255,255,0.2) }
.tb-style1 tfoot .total {font-weight: 600; font-size: 2.2rem; }
.tb-style1 tfoot .total .mo_br { display: none; }

@media all and (max-width:570px) {
	
.tb-style1 tfoot .total {font-size: 1.45em !important; }
}
@media all and (max-width:480px) {
	.tb-style1 tbody td span.st1 {display:block;}
}
@media all and (max-width:400px) {
	.tb-style1 tfoot .total .mo_br { display: block; }
}




.dotList li {margin-bottom:6px; position:relative}
.dotList li:before {content:''; width:3px; height:3px; border-radius:5px; background:#512d1e; position:absolute; left:0; top:0.6em}
.dotList li p {padding-left:10px;}

.dotList2 li {margin-bottom:10px; position:relative}
.dotList2 li:before {content:''; width:3px; height:3px; border-radius:5px; background:#512d1e; position:absolute; left:0; top:0.6em}
.dotList2 li p {padding-left:10px; font-size:1.8rem}

#brand4 #brand2-title {margin-bottom:6em; }
#brand4 #contWrap {}
/* #brand4 #contWrap .img {position:relative}
#brand4 #contWrap .img:before{content:''; width:270px; height:170px; background:#f5b335; position:absolute; z-index:-1}
#brand4 #contWrap .img.bg1:before { left:-20px; top:-20px;}
#brand4 #contWrap .img.bg2:before { right:-20px; bottom:-20px;}
#brand4 #contWrap dl { }
#brand4 #contWrap dl dt {font-size:3.6rem; color:#222; font-weight:600}
#brand4 #contWrap dl dd {margin-top:1em} */
/*
@media all and (max-width:1399px) {
	#brand4 #contWrap .in-box {width:49%}
	#brand4 #contWrap .img img {width:100%; max-width:650px}
}
@media all and (max-width:976px) {
	#brand4 #contWrap {flex-wrap:wrap}
	#brand4 #contWrap .in-box {width:90%; max-width:650px; margin:0 auto 50px}
	#brand4 #contWrap .in-box:last-child {margin-bottom:0}
}
@media all and (max-width:480px) {
	#brand4 #contWrap .in-box {width:96%; margin-bottom:30px}
	#brand4 #contWrap .in-box:last-child {margin-bottom:0}
}
*/

#brand4-2 {background:url('/images/sub/brand4-2-bg.png') no-repeat center top; background-size:cover}
#brand4-2 #contWrap .imgList {display:flex; justify-content: space-around;}
#brand4-2 #contWrap .imgList li  {text-align:center}
#brand4-2 #contWrap .imgList li img {width:100%; max-width:264px}
#brand4-2 #contWrap .imgList li p {font-size:2.6rem; color:#FFF; padding-top:0.7em;}

@media all and (max-width:1399px) {
	#brand4-2 #contWrap .imgList li img {width:95%; }
	#brand4-2 #contWrap .imgList li p {font-size:2.4rem;}
}
@media all and (max-width:976px) {
	#brand4-2 #contWrap .imgList {flex-wrap:wrap; justify-content: center;}
	#brand4-2 #contWrap .imgList li {width:32%; margin:0 0.5% 40px}
	#brand4-2 #contWrap .imgList li:nth-child(4),
	#brand4-2 #contWrap .imgList li:nth-child(5) {margin-bottom:0}
}
@media all and (max-width:480px) {
		#brand4-2 #contWrap .imgList li p {font-size:2.0rem;}
		#brand4-2 #contWrap .imgList li {margin:0 0.5% 20px}
}



#brand4-3 #contWrap .circleList {display:flex; justify-content:center; flex-wrap:wrap;}
#brand4-3 #contWrap .circleList li {margin:10px; text-align:center }
#brand4-3 #contWrap .circleList li img {width:260px; height:260px; border-radius:130px; overflow:hidden}
#brand4-3 #contWrap .circleList li .t1 {font-size:2.6rem; color:#222; padding-top:0.7em; font-weight:500}

@media all and (max-width:875px) {
	#brand4-3 #contWrap .circleList li img {width:28vw; height:28vw; }
}
@media all and (max-width:580px) {
	#brand4-3 #contWrap .circleList li img {width:38vw; height:38vw; }
}
@media all and (max-width:480px) {
	#brand4-3 #contWrap .circleList li .t1 {font-size:2.0rem;}
}



#brand5 #titleWrap {margin-bottom:3em; text-align:center }
#brand5 #titleWrap img {width:100%; max-width:331px}
#brand5 #titleWrap .t1 {padding-top:2em; font-size:2.0rem; color:#222; width:90%; margin:0 auto; line-height:1.8em;}
#brand5 #contWrap {text-align:center}
#brand5 #contWrap iframe {width:90%; height:50.6vw; margin:0 auto; overflow:hidden}
#brand5 #contWrap .boxbg {width:90%; margin:0 auto; display:flex; flex-wrap:wrap}
#brand5 #contWrap .boxbg li {width:33.3333%; text-align:center; display:table; height:300px}
#brand5 #contWrap .boxbg li dl {display:table-cell; vertical-align:middle; color:#FFF}
#brand5 #contWrap .boxbg li dl dt {font-size:3.2rem; font-weight:500}
#brand5 #contWrap .boxbg li dl dd {padding-top:1em; font-size:1.8rem;  line-height:1.6em; width:80%; max-width:300px; 
											margin:0 auto}
#brand5 #contWrap .boxbg li.bg1 {background:#876644}
#brand5 #contWrap .boxbg li.bg2 {background:#512d1e}
#brand5 #contWrap .boxbg li.bg3 {background:#3b240c}

@media all and (max-width:1399px) {	
	#brand5 #contWrap iframe {width:100%; height:56.25vw;}
	#brand5 #contWrap .boxbg {width:100%}
}
@media all and (max-width:1280px) {	
	#brand5 #contWrap .boxbg li {height:230px}
}
@media all and (max-width:840px) {	
	#brand5 #contWrap .boxbg li {width:100%; height:auto; padding:5%}
}
@media all and (max-width:580px) {	
	#brand5 #titleWrap img {width:60%}
}
@media all and (max-width:480px) {	
	#brand5 #contWrap .boxbg li { padding:10% 5%}
}

#brand5-2 {display:flex; flex-wrap:wrap}
#brand5-2 #titleWrap {width:380px;  font-family:'Montserrat'; font-weight:700; text-transform:uppercase; }
#brand5-2 #titleWrap dt {font-size:5.0rem; color:#222; line-height:1.1em }
#brand5-2 #titleWrap dd {font-size:3.0rem; color:#222; line-height:1.1em}
#brand5-2 #contWrap {width:calc(100% - 380px)}
#brand5-2 #contWrap ul {display:flex; flex-wrap:wrap}
#brand5-2 #contWrap ul li {width:33.333%; margin-bottom:50px}
#brand5-2 #contWrap ul li dl {padding-top:25px}
#brand5-2 #contWrap ul li dl dt {font-size:3.2rem; color:#222; font-weight:600}
#brand5-2 #contWrap ul li dl dd {width:90%; margin-top:15px; font-size:1.8rem; line-height:1.6em}
#brand5-2 #contWrap ul li:nth-child(4), 
#brand5-2 #contWrap ul li:nth-child(5) { margin-bottom:0}

@media all and (max-width:1399px) {
	#brand5-2 #titleWrap {width:300px; }
	#brand5-2 #contWrap {width:calc(100% - 300px)}
}
@media all and (max-width:1199px) {
	#brand5-2 #titleWrap {width:100%; text-align:center; margin-bottom:5%; }
	#brand5-2 #contWrap {width:100%}
	#brand5-2 #contWrap ul {justify-content: center;}
	#brand5-2 #contWrap ul li {text-align:center}
	#brand5-2 #contWrap ul li dl dd {margin:15px auto 0 }
}
@media all and (max-width:976px) {
	#brand5-2 #contWrap ul li dl dd br {display:none}
}
@media all and (max-width:640px) {
	#brand5-2 #contWrap ul li {width:50%; margin-bottom:30px}
	#brand5-2 #contWrap ul li dl {padding-top:15px}
}
@media all and (max-width:480px) {
	#brand5-2 #contWrap ul li img {width:50px}
	#brand5-2 #contWrap ul li dl dt {font-size:2.8rem; }
	#brand5-2 #contWrap ul li dl dd { line-height:1.4em; margin:7px auto 0}
}







#brand6 {padding-top:100px; display:flex; flex-wrap: wrap; align-items: center;}
#brand6.ver2 {background:#fefbf5; padding:150px 0 100px}
#brand6.ver2 .m-inner {display:flex; flex-wrap: wrap; align-items: center; }
#brand6 #imgWrap {padding:0 0 0 5%; width:50%; position:relative}
#brand6 #imgWrap img {width:95%; max-width:600px}
#brand6 #imgWrap .num {width:50%; height:220px; position:absolute; top:-12%; background-size:100% auto; background-repeat:no-repeat; background-position:left top; z-index:2}
#brand6 #imgWrap .num.bg1 { max-width:320px; background-image:url('/images/sub/num01.png'); left:0;}
#brand6 #imgWrap .num.bg2 { max-width:380px; background-image:url('/images/sub/num02.png'); right:0;}
#brand6 #imgWrap .num.bg3 { max-width:380px; background-image:url('/images/sub/num03.png'); left:0;}
#brand6 #imgWrap .num.bg4 { max-width:390px; background-image:url('/images/sub/num04.png'); right:0;}

#brand6 #contWrap {width:50%; text-align:center; }
#brand6 #contWrap h3 {font-size:7.0rem; color:#512d1e ; line-height:1.2em; font-weight:500}
#brand6 #contWrap .t1 {margin-top:1.5em; font-size: 1.8rem;  line-height:1.4em;}
#brand6 #contWrap h4 span {margin:50px 0 30px; padding:15px 50px; display:inline-block; font-size: 3.0rem; color:#FFF; background:#512d1e; line-height:1.2em;  font-weight:500; border-radius:60px}
#brand6 #contWrap .dotList {display:inline-block; text-align:left}
#brand6 #contWrap .dotList li:before {background: #222;}
#brand6 #contWrap .dotList li {padding:0 5px 10px 5px; margin-bottom:15px; border-bottom:1px dashed #e9e9e9 }
#brand6 #contWrap .dotList li p {font-size:2.0rem; color:#222}
#brand6 #contWrap .img2 {display:block; padding-top:40px; width:90%;  max-width:583px; margin:0 auto}

#brand6.ver2 #imgWrap  {order:2; }
#brand6.ver2 #contWrap  {order:1; }

@media all and (max-width:1150px) {
	#brand6 #imgWrap {padding:0; width:100%; text-align:center}
	#brand6 #contWrap {margin-top:7%; width:100%; }
	
	#brand6 #imgWrap img {width:80%; max-width:600px}

	#brand6.ver2 #imgWrap  {order:1; }
	#brand6.ver2 #contWrap  {order:2; }
}
@media all and (max-width:480px) {
	#brand6 {padding-top:80px; display:flex; flex-wrap: wrap; align-items: center;}
	#brand6.ver2 {background:#fefbf5; padding:100px 0 80px}
	#brand6 #contWrap h3 {font-size:5.2rem; }
	#brand6 #contWrap .t1 {font-size: 1.6rem }
	#brand6 #contWrap h4 span {font-size: 2.4rem; margin:30px 0 20px;  }
	#brand6 #contWrap .dotList li p {font-size:1.8rem; }
}



.menu2-p { text-align:center; padding-top:30px;}

#menuList {display:flex; flex-wrap:wrap}
#menuList.ver2 {padding:2% 0 5%; display:flex; flex-wrap:wrap; justify-content:center; }
#menuList li {width:calc(25% - 37.5px); cursor: pointer; margin-left:50px; margin-bottom:50px; height:460px; border-radius:10px; overflow:hidden; }
#menuList li:nth-child(4n+1) {margin-left:0}
#menuList .front{background: #fffbf2; transform: rotateX(0deg)}
#menuList .back img {width:80%; max-width:260px}
#menuList li .btn{cursor: pointer;}
@media all and (max-width:1599px) {
	#menuList li { height:28vw }
}
@media all and (max-width:1280px) {
	#menuList li { height:30vw }
}
@media all and (max-width:1199px) {
	#menuList li {width:calc(33.3333% - 20px); margin-left:30px;  height:36vw} 
	#menuList li:nth-child(4n+1) {margin-left:30px}
	#menuList li:nth-child(3n+1) {margin-left:0}
}
@media all and (max-width:976px) {
	#menuList li {width:calc(50% - 15px); margin-left:30px; height:52vw} 
	#menuList li:nth-child(3n+1) {margin-left:30px}
	#menuList li:nth-child(2n+1) {margin-left:0}
}
@media all and (max-width:640px) {
	#menuList li {width:calc(50% - 5px); margin-left:10px; margin-bottom:10px;  height:60vw} 
	#menuList li:nth-child(3n+1) {margin-left:10px}
	#menuList li:nth-child(2n+1) {margin-left:0}
}
@media all and (max-width:480px) {
	#menuList li {width:100%; margin-left:0; margin-bottom:10px;  height:98vw} 
	#menuList li:nth-child(3n+1) {margin-left:0}
}




.modal { display: none; position: fixed; z-index: 999; left: 0; top: 0;  width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content { margin: 0 auto; border-radius:10px;  padding: 3%; width: 90%;  max-width:900px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) ;
					 background:url('/images/sub/s-bgb-bg.png') ;}
.close { position:absolute; right:10px; top:0px; color: #FFF; float: right; font-size: 28px; font-weight: bold; }
.close:hover,
.close:focus {color: black;text-decoration: none;cursor: pointer; }
.modal #imgWrap {display:flex; align-items: center; flex-wrap:wrap}
.modal #imgWrap .img {width:50%;}
.modal #imgWrap .img img {width:100%; max-width:415px}
.modal #imgWrap .info {width:50%; padding-left:5%; color:#FFF; text-align:center}
.modal #imgWrap .info .eng {padding-bottom:30px; font-size:1.5rem; font-family:'Montserrat' ; font-weight:600}
.modal #imgWrap .info .eng.new {color:#f6ff00}
.modal #imgWrap .info .eng.best {color:#c9161e}
.modal #imgWrap .info .eng.hit {color:#b6ff76}
.modal #imgWrap .info h4 {font-size:3.6rem; font-weight:700; color:#512d1e}
.modal #imgWrap .info .t1 {padding-top:20px; font-size:1.8rem; line-height:1.4em; color:#512d1e}
.modal #contWrap {margin-top:30px;display:flex;  flex-wrap:wrap}
.modal #contWrap dl {width:33.3333%;background:#FFF; text-align:center; }
.modal #contWrap dl.w100 {width:100%}
.modal #contWrap dl dt {background:#512d1e; color:#FFF; line-height:50px; border-right:1px solid #66432f;}
.modal #contWrap dl dd {background:#FFF; width:100%; height:70px; padding:10px; border-right:1px solid #e9e9e9; display:table}
.modal #contWrap dl dd p {display:table-cell; vertical-align:middle; line-height:1.2em;}
.modal #contWrap dl dd .price { font-size:3.0rem; font-family:'Roboto'; font-weight:700; color:#222 }
.modal #contWrap dl.last-child dt,
.modal #contWrap dl.last-child dd { border-right:0}

@media all and (max-width:767px) {
	.modal-content { padding: 20px }
	.modal #imgWrap .img {width:100%; text-align:center}
	.modal #imgWrap .img img {width:80%}
	.modal #imgWrap .info .eng {padding-bottom:20px; }
	.modal #imgWrap .info {margin-top:30px; width:100%; padding-left:0;}
	.modal #imgWrap .info .t1 {padding-top:10px;}
	.modal #contWrap dl dt { line-height:40px;}
	.modal #contWrap dl dd { height:50px; padding:0 5px }
	.modal #contWrap dl dd .price { font-size:2.4rem; }
}





#storeWrap {display:flex; flex-wrap:wrap; align-items: center;}
#storeWrap #imgWrap {width:800px}
#storeWrap #imgWrap img {width:100%; height: 100%}
#storeWrap #contWrap {width:calc(100% - 800px); padding-left:5%}
#storeWrap #contWrap h3 {margin-bottom:30px; font-size:5.0rem; color:#222; font-weight:500; position:relative;  font-family: 'Pretendard'; }
#storeWrap #contWrap h3:before {content:''; width:220px; height:26px; background:url('/images/sub/store-txtbg.png')no-repeat right bottom; position:absolute; right:0; bottom:0}

@media all and (max-width:1499px) {
	#storeWrap #imgWrap {width:55%}
	#storeWrap #contWrap {width:45%; }
}
@media all and (max-width:1280px) {
	#storeWrap #contWrap h3 {margin-bottom:20px; font-size:4.0rem; }
}
@media all and (max-width:1120px) {
	#storeWrap {width:90%; margin:0 auto}
	#storeWrap #imgWrap {width:100%}
	#storeWrap #contWrap {width:100%; padding:0; padding-top:10%}
}
@media all and (max-width:480px) {
	#storeWrap #contWrap h3 {margin-bottom:10px; font-size:3.0rem; }
}

.storeimg .swiper-button-prev, 
.storeimg .swiper-button-next  {font-size: 0; line-height: 0; position: absolute; display: block; padding: 0; margin:0; width:50px;height:50px; background-color:#512d1e; border-radius:50px;
                cursor: pointer; color: transparent; border: none; outline: none;  background-repeat: no-repeat; background-position: center; background-size: 100% auto; z-index: 1;  }
.storeimg .swiper-button-prev { background-image: url("/images/sub/swiper_prev.png"); }
.storeimg .swiper-button-next { background-image: url("/images/sub/swiper_next.png"); }

.storeimg .swiper-button-prev:hover, 
.storeimg .swiper-button-next:hover { background-color:#f5b335 }

@media all and (max-width:480px) {
	.storeimg .swiper-button-prev, 
	.storeimg .swiper-button-next  {width:30px;height:30px; }
}


.table-t.store th {width:20%}
.table-t.store td {width:80%}



#storeMap {margin-top:100px}
#storeMap .root_daum_roughmap .wrap_map {height:530px !important}

@media all and (max-width:1120px) {
	#storeMap {margin-top:10%}
	#storeMap .root_daum_roughmap .wrap_map {height:450px !important}
}
@media all and (max-width:767px) {
	#storeMap .root_daum_roughmap .wrap_map {height:45vw !important}
}
@media all and (max-width:480px) {
	#storeMap .root_daum_roughmap .wrap_map {height:65vw !important}
}






.his_wrap {overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:5em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li {position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 20px 3em; box-sizing:Border-box; 	
					/* background:url('/images/sub/his-dot.png')no-repeat; background-position:5% top; */ }
.his_wrap li+li{clear:both;}

.his_wrap li .t { position:relative; font-size:2.8em; font-family: 'Jost'; padding-top:5px;  margin-bottom:20px; color:#512d1e; font-weight:700;	}
.his_wrap li .t:before {content:""; position:absolute; top:0.45em; left:-30px; width:21px; height:21px; border-radius:100%; background:#f5b335; border:6px solid #fef7ea;} 
.his_wrap li .c { font-size: 1.05em; line-height: 1.8em;}
.his_wrap li .c dt{ width:45px; display:inline-block; vertical-align:top; margin-bottom:10px; color:#212121; font-weight: 700;  font-size:1.125em; }
.his_wrap li .c dd{width:calc(100% - 45px); display:inline-block; vertical-align:top; margin-bottom:10px; }
.his_wrap li .c p { position: relative; margin-bottom:10px; padding: 0 15px; }
.his_wrap li .c p::before { content:''; width: 3px; height: 3px; background: #002060; position: absolute; left:0; top: 50%; margin-top: -1.8px; }

.his_wrap li:nth-of-type(2n) {float:left; text-align:right; }
.his_wrap li:nth-of-type(2n) .t:before{left:auto; right:-30px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }
.his_wrap li:nth-of-type(2n) .c p::before { left: unset; right:0; }

@media all and (max-width:767px) {
	.his_wrap .his_bx{ padding-left:10px;}
	.his_wrap:before{ margin-left:0; left:10px;  }
	.his_wrap li{ width:100%;}
  .his_wrap li .t { font-size: 2.5em; }
  .his_wrap li .t:before { top:0.35em;  }
  .his_wrap li .c dt{ width:50px; }
  .his_wrap li .c dd{width:calc(100% - 50px); }

	.his_wrap li:nth-of-type(2n){float:right; text-align:left; }
	.his_wrap li:nth-of-type(2n) .t:before{left:-30px; right:inherit;}
	.his_wrap li:nth-of-type(2n) dt{float:left; }

	.his_wrap li:nth-of-type(2n) .c p::before { right:unset; left: 0;  }
}

@media all and (max-width:568px) {
  .history-top { padding: 12% 0; }
  .history-top h4 { font-size: 2.2em; }
}




#menu {width:100%; height:520px;background-repeat:no-repeat; background-size:cover; background-position:center center}
#menu.menu1-bg { background-image:url('/images/sub/menu1-bg.png')}
#menu.menu2-bg { background-image:url('/images/sub/menu2-bg.png')}

#menu .title {padding-top:7%}
#menu .title h3 {color:#ffcc31; font-size:6.0rem; font-weight:700;}
#menu .title .t1 {margin-top:1em; line-height:1.6em; font-size:1.8rem; color:#FFF}

#menuCont  {margin-top:-130px}

#divWrap { display:flex; align-items: center;}
#divWrap > div {width:50%}
#divWrap  #imgWrap img {width:97%; box-shadow:15px 15px 30px rgba(0,0,0,0.1)}
#divWrap #contWrap {padding-top:10%; padding-left:5%} 
#divWrap #contWrap .cont {margin-top:3%; display:flex; align-items: start; }
#divWrap #contWrap .cont .num {padding-right:20px;font-sizE:8.0rem; font-weight:100; color:#f5b335; font-family:'Jost'}
#divWrap #contWrap .cont dt {margin:1.2em 0 20px; font-size:3.8rem; color:#222; font-weight:600}
#divWrap #contWrap .cont dd {font-size:1.8rem; line-height:1.6em; margin-bottom:0.5em}

@media all and (max-width:1599px) {
	#menu { height:430px;}
	#menuCont  {margin-top:-100px}
	#divWrap #imgWrap {width:calc(100% - 700px)}
	#divWrap #contWrap {width:700px;  padding-left:3%}
}

@media all and (max-width:1399px) {
	#menu {  display:table;}
	#menu .title {padding:2%; padding-top:0; display:table-cell; vertical-align:middle}
	#menuCont  {margin-top:5%}
	#divWrap { align-items: start}
	#divWrap #contWrap {padding-top:0;}
}
@media all and (max-width:1320px) {
	#divWrap #contWrap .cont dd br {display:none}
}
@media all and (max-width:1024px) {
		#divWrap #imgWrap {display:none}
	#divWrap #contWrap {width:100%;  padding-left:0; padding:0 5%}
}
@media all and (max-width:1024px) {
#divWrap #contWrap { padding:0 }
#divWrap #contWrap .cont .num {font-sizE:7.0rem;}
#divWrap #contWrap .cont dt {font-size:3.0rem; }
#divWrap #contWrap .cont dd {font-size:1.6rem; }
}




#fran5Title {margin-bottom:1.5em; text-align:center}
#fran5Title h4 {display:none; font-size:3.0rem; color:#512d1e}
#fran5Title h3 {font-size:6.0rem;  font-weight: 700; line-height: 1.2em; color:#512d1e; font-family: 'Pretendard';}

#franchise5-2 { background:url('/images/sub/franchise5-bg2.png')no-repeat center top; background-size:cover}
#franchise5-2 #fran5Wrap {display:flex;justify-content:center; }
#franchise5-2 #fran5Wrap > div {width:480px; margin:10px; background:#FFF; border-radius:10px; overflow:hidden}
#franchise5-2 #fran5Wrap > div img {width:100%;}
#franchise5-2 #fran5Wrap > div  dl {  padding:5% 3%; text-align:center }
#franchise5-2 #fran5Wrap > div  dl  dt {font-size: 3.2rem; margin-bottom:0.3em; font-weight:700; color:#222}
#franchise5-2 #fran5Wrap > div  dl  dd {font-size: 1.8rem;  line-height:1.4em}

@media all and (max-width:976px) {
	#franchise5-2 #fran5Wrap {flex-wrap:wrap}
	#franchise5-2 #fran5Wrap > div {width:100%; display:flex;  align-items: center}
	#franchise5-2 #fran5Wrap > div img {width:50%;}
	#franchise5-2 #fran5Wrap > div  dl {width:50%; padding:0; }
}
@media all and (max-width:740px) {
	#franchise5-2 #fran5Wrap > div img {width:40%;}
	#franchise5-2 #fran5Wrap > div  dl {width:60%; }
}
@media all and (max-width:620px) {
	#franchise5-2 #fran5Wrap {width:90%; margin:0 auto}
		#franchise5-2 #fran5Wrap > div {display:block; } 
	#franchise5-2 #fran5Wrap > div img {width:100%;}
	#franchise5-2 #fran5Wrap > div  dl {width:100%; padding:5% 3% }
}

#sigWrap{margin-bottom: 50px; }
#sigWrap dl{padding: 70px 0; display: flex; flex-wrap: wrap; border-bottom: 2px solid #512d1e;}
#sigWrap dl:first-child{padding-top: 0; border-top:0;}
#sigWrap dl:first-child img{max-width: 800px;}
#sigWrap .tit{padding: 30px; width: 450px; font-size: 4.5rem; color: #512d1e; font-weight: 600;}
#sigWrap .tit .en{color: #f5b335; font-size: 0.85em;}
#sigWrap .cont {padding: 30px; width: calc(100% - 450px);}
#sigWrap .cont img{max-width: 100%;}
#sigWrap dl:nth-child(2){position: relative;}
#sigWrap dl:nth-child(2):before{position: absolute; right: 0; bottom:0; content: 'SAMSOMG\A BAKERY'; white-space:pre; text-align: right; line-height: 1; font-size: 14rem; color: #f5b335; opacity: 0.06; font-weight: 800;}
@media all and (max-width:1400px){
	#sigWrap dl:first-child img{max-width: 100%;}
	#sigWrap dl:nth-child(2):before{font-size: 8rem;}
	#sigWrap .tit{width: 300px;}
	#sigWrap .cont{width: calc(100% - 300px);}
}
@media all and (max-width:976px){
	#sigWrap .tit{width: 30%; font-size: 3rem;}
	#sigWrap .cont {width: 70%;}
	#sigWrap dl:nth-child(2) img{max-width: 100px;}
}
@media all and (max-width:500px){
	#sigWrap dl{padding: 40px 0;}
	#sigWrap .tit{width: 100%; padding: 15px; line-height: 1; text-align: center;}
	#sigWrap .cont{width: 100%; padding: 15px; text-align: center;}

}


#f7Vod{position: relative; height: 100vh;}
#f7Vod:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index:3;}
#f7Vod video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; overflow: hidden;} 
#f7Vod .m-inner{height: 100%;}
#f7Vod .txt{padding-top: 180px; position: relative; z-index: 4; color: #fff;}
#f7Vod .txt h3{font-size: 6.0rem;}
#f7Vod .txt h3 span{ color: #f5b335;}
#f7Vod .txt h4{font-size: 2.8rem; font-weight: 500; margin-top: 30px; line-height: 1.8; opacity: 0.9;}
#f7Slider{position: relative; padding: 150px 0; background: rgba(245, 179, 53, 0.6) url('/images/sub/f7-bf.png') 95% 95% no-repeat;}
@media all and (max-width:976px){
    #f7Vod{height: 70vh;}
    #f7Slider{padding: 100px 0;}
    #f7Vod .txt{text-align: center;}
}
@media all and (max-width:480px){
    #f7Vod .txt h3{font-size: 4.0rem;}
    #f7Vod .txt h4{font-size: 2.0rem;}
}

#pageCont.franchise05{padding-top: 110px;}
#franchise6 .f6Visual{width:100%;}
#franchise6 .f6Visual .fv{position: relative; width: 100%; height: calc(100vh - 110px);background-repeat: no-repeat; background-size: cover; background-position: center;}
#franchise6 .f6Visual .fv9{background-image: url('/images/sub/f6-visual9d.jpg');}
#franchise6 .f6Visual .fv77{background-image: url('/images/sub/f6-visual77.jpg');}
#franchise6 .f6Visual .fv .m-inner{height: 100%; display: flex; justify-content: center; align-items: center;}
#franchise6 .f6Visual .fv .txt{text-align: center;}
#franchise6 .f6Visual .fv .txt img{display: inline-block;}
#franchise6 .rdTxt{display: inline-block; font-size: 2.0rem; font-weight: bold; color: #512d1e; background:#f5b335; border-radius: 25px; padding: 5px 1.3em; margin-bottom: 30px;}
#franchise6 .f6Sec1{text-align: center; background: #fcd77d url('/images/sub/f6-img1_230622.png')no-repeat center; background-size:100% auto;}
#franchise6 .f6Sec1 .tit h3{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
#franchise6 .f6Sec1 .tit h3 img{max-width: 260px;}
#franchise6 .f6Sec1 .tit h3 p{margin-left: 20px; font-size: 6.0rem; color: #fff; font-weight: 800;}

#franchise6 .fv9 .t1{margin:0 0 28%;}
#franchise6 .f6Visual .fv77 .txt{height: 100%; display: flex; justify-content: space-between; align-items: center;}
#franchise6 .f6Visual .fv77 .l-cont{margin-left: 8%; margin-right: 3%;}
#franchise6 .f6Visual .fv77 .l-cont .t2{margin-bottom: 7%;}
@media all and (max-width:1600px){
	#franchise6 .f6Visual .fv77 .l-cont{margin-left: 2%;}
}
@media all and (max-width:976px){
	#franchise6 .fv9 .t1 img{max-width: 65%;}
	#franchise6 .fv9 .t2 img{max-width: 90%;}

	#franchise6 .f6Visual .fv77 .txt{flex-direction: column; justify-content: center;}
	#franchise6 .f6Visual .fv77 .l-cont{margin: 5% 0 5% 5%;text-align: left;}
	#franchise6 .f6Visual .fv77 .l-cont img{max-width: 65%; }

	#franchise6 .f6Visual .fv77 .r-cont img{max-width: 100%; margin-left: 5%;}
}
@media all and (max-width:480px){
	#franchise6 .f6Visual .fv{height: 75vh;}	
	#franchise6 .f6Visual .fv77 .l-cont img{max-width: 50%;}
}
@media all and (max-width:380px){
	#franchise6 .f6Visual .fv{height: 65vh;}	
}
#franchise6 .maech{margin-top: 80px;}
#franchise6 .maech li{margin:0 15px; max-width:420px; background:url('/images/sub/f6-img3.png')no-repeat; background-size:100% auto; background-position: center bottom; text-align: center; padding: 35px;}
#franchise6 .maech li dl dt{font-size: 4.4rem; font-weight: 800; padding-bottom:10px; margin-bottom:10px; border-bottom:2px dashed #eaeaea}
#franchise6 .maech li dl dt a{color: #53413a;}
#franchise6 .maech li dl dt p{font-size: 2.4rem; font-weight: 500;}
#franchise6 .maech li dl dd p{color: #53413a;}
#franchise6 .maech li dl dd p.t2{font-size: 3.6rem; font-weight: 600;}
#franchise6 .maech li dl dd p.t2 span.price{font-size: 7.0rem; color: #bf3901; font-weight: 800;}
#franchise6 .maech li dl dd p.t3{margin-top: 10px;}
#franchise6 .maech li dl dd p.t3 a{display: inline-block; width: 80%; line-height: 42px; color: #fff; background: #53413a; border-radius: 25px;}
#franchise5-tit{height: 100px;}
#franchise6 .maech .arrow{text-align: center; margin-top: 40px;}
#franchise6 .maech .arrow > div{display: inline-block; margin:0.5% 0.25%; cursor: pointer;}
@media all and (max-width:1024px){
    #pageCont.franchise05{padding-top: 85px;}
}
@media all and (max-width:976px){
	#franchise6 .f6Sec1 .tit h3 img{max-width: 230px;}
	#franchise6 .f6Sec1 .tit h3 p{font-size: 5.8rem;}
	#franchise6 .rdTxt{font-size: 2.0rem;}
	#franchise6 .maech{margin-top: 40px;}
	#franchise6 .maech li dl dt{font-size: 3.8rem;}
	#franchise6 .maech li dl dd p.t2{font-size: 2.4rem;}
	#franchise6 .maech li dl dd p.t2 span.price{font-size: 5.8rem;}
	#franchise6 .maech li dl dd p.t3 a{font-size: 1.6rem; line-height: 32px;}
}

@media all and (max-width:650px){
	#franchise6 .f6Sec1 .tit h3 img{max-width: 180px;}
	#franchise6 .f6Sec1 .tit h3 p{font-size: 5.5rem; margin-left: 0;}
}
@media all and (max-width:501px){
    #franchise6 .maech li{margin: 0 40px;}
}
@media all and (max-width:480px){
    #pageCont.franchise05{padding-top: 60px;}
    #franchise6 .maech li{margin: 0 15px;}
}
#franchise6 .legend{padding: 15px; margin-top: 30px;}
#franchise6 .legend ul{display: flex; gap: 30px; justify-content: center; flex-wrap: wrap;}
#franchise6 .legend ul li{padding: 35px; text-align: left; background: url('/images/sub/f6-img4.png')
	no-repeat; background-size:100% auto; background-position: center bottom; width:100%; max-width:500px;}
#franchise6 .legend ul li dl{position: relative;}	
#franchise6 .legend ul li dl:before{position: absolute; content: ''; right: 0; top: 0; width: 140px; height: 98px; background:url('/images/sub/f6-img5_.png')no-repeat right top; background-size:contain; }
#franchise6 .legend ul li dl dt{ font-size: 4.8rem; color: #53413a; font-weight: 800; padding-bottom:20px; margin-bottom:20px; border-bottom:2px dashed #eaeaea; line-height: 1.4;}
#franchise6 .legend ul li dl p{font-size: 2.4rem; font-weight: 500; color: #2f2420;}
#franchise6 .legend ul li dl dd p.t2{margin-bottom: 25px; text-align: right; font-weight: 700; font-size: 2.8rem;}
#franchise6 .legend ul li dl dd p.t2 span.price{font-size: 5.0rem; color: #bf3901;}
#franchise6 .legend ul li dl dd p.t1{display: flex; justify-content: space-between;}
@media all and (max-width:501px){

	#franchise6 .legend ul li{padding: 25px;}
	#franchise6 .legend ul li dl:before{width: 110px; height: 75px;}
	#franchise6 .legend ul li dl dt{font-size: 3.8rem; padding-bottom: 10px; margin-bottom: 10px;}	
	#franchise6 .legend ul li dl p{font-size: 2.0rem;}
	#franchise6 .legend ul li dl dd p.t2{margin-bottom: 10px; font-size: 2.2rem;}
	#franchise6 .legend ul li dl dd p.t2 span.price{font-size: 4.0rem;}
}
@media all and (max-width:480px){
	#franchise6 .rdTxt{font-size: 1.8rem;}

	#franchise6 .maech .arrow{height: 45px;}
	#franchise6 .maech .arrow > div{height: 100%;}
	#franchise6 .maech .arrow div img{max-height: 100%;}

	
}
@media all and (max-width:380px){
	#franchise6 .legend ul li{padding: 15px;}
	#franchise6 .legend ul li dl:before{width: 80px; height: 55px;}
}


.franchise05 .modal-content { margin: 0 auto; border-radius:10px;  padding: 3%; width: 90%;  max-width:700px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) ; background: #fff ;}
.franchise05 .modal-content img{max-width: 100%;}
.franchise05 .close{color: black;}

.f6Graph p.t1{line-height: 1.6;}
.f6Graph img{max-width: 95%;}
.f6Graph .g-img{position: relative; width: 100%; max-width: 1181px; height: 759px; background: url('/images/sub/f6-graph-bg.png')no-repeat left bottom; background-size: 100% auto; margin: 0 auto;}
.f6Graph .g-img .f6-bar{position: absolute; width: 100%; max-width: 1181px; height: inherit; bottom: 0; left: 0; background-image: url('/images/sub/f6-bar.png'); background-position: bottom left; background-repeat: no-repeat; background-size: 100% auto;} 
@media all and (max-width:1180px){
    .f6Graph .g-img{height: 62vw;}
}



#f5Vod{position: relative; height: 850px;}
#f5Vod:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index:3;}
#f5Vod video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; overflow: hidden;} 
#f5Vod .m-inner{width:100%; height: 97%; display:table;}
#f5Vod .txt {display:table-cell; vertical-align:middle; position: relative; z-index: 4; color: #fff; text-align:center; padding-bottom:3%}
#f5Vod .txt .f5-logo {display:none}
#f5Vod .txt h3{margin:0 0 25px; font-size: 8.0rem; font-family: 'ONE-Mobile-Title'; font-weight:normal; word-break: keep-all;}
#f5Vod .txt h3 .line {display:inline-block; margin:20px; width:20%; height:2px; background:#FFF ;animation: motion2 2s ease }
#f5Vod .txt h3 .br767 {display:none}
#f5Vod .txt h4{font-size: 2.8rem; font-weight: 600; line-height: 1.8; }
#f5Vod .f5-scroll {width:66px; height:73px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);  z-index: 4; background:url('/images/sub/fran5-1-scroll.png') no-repeat center top; }
#f5Vod .f5-scroll .scroll-icon { position:absolute; left:0; bottom:0; animation: motion 0.6s linear 0s infinite alternate;}

@keyframes motion {
	0% { bottom:10%;}
	100% { bottom:0;}
}
@keyframes motion2 {
	0% { width:0;}
	100% { width:20%;}
}
@media all and (max-width:1599px){
    #f5Vod{height:750px;}
}
@media all and (max-width:1399px){
	#f5Vod .txt h3 .line { width:15%; } 
    #f5Vod{height:100vh;}

	@keyframes motion2 {
	0% { width:0;}
	100% { width:15%;}
}
}
@media all and (max-width:1024px){
	#f5Vod .f5-logo img {width:220px}
    #f5Vod .txt h3{margin:45px 0 25px; font-size: 6.0rem; }
	#f5Vod .txt h4{font-size: 2.4rem}
}
@media all and (max-width:767px){
	    #f5Vod{height:90vh;}
	#f5Vod .m-inner{ height: 100%;}
	#f5Vod .f5-logo img {width:180px}
	#f5Vod .txt h3 .br767 {display:block}
	#f5Vod .txt h3{ font-size: 7.0rem; }
	#f5Vod .txt h3 .point {font-size:8.5rem; line-height:1.3em}
}
@media all and (max-width:580px){
	#f5Vod .txt h3 .line {display:none}
}
@media all and (max-width:480px){
	#f5Vod .f5-logo img {width:35%}
	
	#f5Vod .txt{padding-bottom:10%}
   	#f5Vod .txt h3{ font-size:5rem; }
	#f5Vod .txt h3 .point {font-size:6.5rem; }
	#f5Vod .txt h4{font-size: 2.2rem}
}




.tableWrap{width: 100%;}
.tableWrap table{width: 100%;}
.tableWrap p.capt{display: none; text-align: right; color: #f5b335;}
@media all and (max-width:768px){
    .tableWrap{overflow-x: auto;}
    .tableWrap table{min-width: 767px;}
    .tableWrap p.capt{display: block;}
}

    .contact_w .top-area{padding:0 0 50px;}
    .contact_w .term-bx{display:flex; justify-content:space-between; align-items:center;}
    .contact_w .term-bx .term-check label{font-size: 2.2rem; font-weight: 700;}
    .contact_w .term-btn{padding:0 20px; line-height:40px; font-weight: 700; font-size: 1.5rem; background:#f5b335; border-radius:4px; color:#fff; font-family: 'Pretendard';}

    .term-modal{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999;}
    .term-modal.active{display:block;}
    .term-modal .term-cont{position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:80%; max-width:600px; background:#fff; padding:3.0rem 5.0rem;}
    .term-modal .term-cont h3{font-size: 2.4rem; color:#222; text-align: center; margin-bottom:30px;}
    .term-modal .term-cont p{font-size: 1.7rem; line-height:1.8;}
    .term-modal .btn-x{font-size: 3.0rem;}

    .contact_w h3{font-size: 3.2rem; color:#222; font-family: 'Pretendard';}
    .contact_w h3 .ess{font-size: 1.6rem;}
    .contact_w .bx_f{padding:40px 0; width:100%; display:flex; gap:40px; flex-wrap:wrap; align-items:center; border-top:1px solid #512d1e;}
    .contact_w .bx_f .input_bx{display:flex; align-items:center;}
    .contact_w .bx_f .input_bx > label{flex:0 0 auto; width:160px; font-size: 2.2rem; font-weight: 600; color:#222;}
    .contact_w .bx_f .input_bx > label .smalltxt{font-size: 1.3rem; font-weight: normal;}
    .contact_w .bx_f .input_bx .cont{width: 100%; display:flex; gap:20px; align-items:center;}
    .fwrap{flex-wrap:wrap;}

    .contact_w .bx_f .input_bx .cont .input{width:380px;}
    .contact_w .bx_f .input_bx .cont .input-2{width:280px;}
    .contact_w .bx_f .input_bx .cont .select{width:290px;}


    .contact_w .bx_f .input_bx .cont .select-2{width:180px;}
    .contact_w .bx_f .input_bx .cont .textarea{width:100%; height:300px; margin-top:20px; border:1px solid #eee; background:#f9f9f9; padding:20px; font-size: 1.8rem;}

    .contact_w .bx_f .input_bx .cont .input,
    .contact_w .bx_f .input_bx .cont .select{height:50px; line-height:45px; font-size:1.8rem; padding:0 15px; border:1px solid #eee; background:#f9f9f9;}

    .contact_w .bx_f .input_bx .cont .select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#f9f9f9 url('/images/sub/arr_select.png')no-repeat 95% 50%/15px auto;}
    .contact_w .bx_f .input_bx .cont .select::-ms-expand{display:none;}

    
    .contact_w .bx_f .input_bx .cont .direct-check{display:flex; align-items:center;}
    .contact_w .d-none{display:none;}
    .contact_w input[type="checkbox"] + label,
    .contact_w input[type="radio"] + label{margin-right:10px; cursor: pointer; display:flex; align-items:center; font-size: 1.8rem; color:#222;}
    .contact_w input[type="checkbox"] + label .check-ico,
    .contact_w input[type="radio"] + label .check-ico{flex:0 0 auto; margin-right:5px; display:inline-block; width:24px; height:24px; border:1px solid #cfcfcf; border-radius:2px; transition:all .15s ease-in}
    .contact_w input[type="radio"] + label .check-ico{border-radius:100%;}
    .contact_w input[type="checkbox"]:checked + label .check-ico,
    .contact_w input[type="radio"]:checked + label .check-ico{border-color:#f5b335; background:#f5b335 url('/images/sub/form-check.png')no-repeat center; background-size:15px auto;}

    .btn_bx .btn_w{position: relative; line-height:40px; font-size:2.0rem; color:#fff; font-weight: 600; letter-spacing:-1.5px; background:#f5b335; padding:3px 50px; overflow:hidden; transition:all .25s ease-in-out; border-radius:50px;}

    .contact_w .bx_f.btn_bx{justify-content: center;}
    .contact_w .bx_f .input_bx.w100{width: 100%;}
    .contact_w .bx_f .input_bx .part span{font-size: 2.0rem; margin:10px;}

    @media all and (max-width:768px){
        .contact_w .bx_f .input_bx > label{width:130px;}
        .contact_w .bx_f .input_bx .cont .input{width:100%;}
        .contact_w .bx_f .input_bx .cont .input-2{width:100%;}
        .contact_w .bx_f .input_bx .cont .select{width:150px;}
        .contact_w .bx_f .input_bx .cont .select-2{width:180px;}
    }
    @media all and (max-width:600px){
        .contact_w .term-bx .term-check label{font-size: 1.8rem;}
        .term-modal .term-cont{padding:3.0rem}

        .contact_w .bx_f{gap:25px;}
        .contact_w .bx_f .input_bx > label{width:100%;}
        .contact_w .bx_f .input_bx{width:100%; flex-wrap:wrap; gap:10px;}
        .contact_w .bx_f .input_bx .cont{gap:10px;}

        .contact_w .bx_f .input_bx .cont .input,
        .contact_w .bx_f .input_bx .cont .select{line-height:30px; height:35px; width:100%;}
        .contact_w .bx_f .input_bx .cont .textarea{height:200px;}

        .contact_w .bx_f .input_bx .cont input[type="checkbox"] + label .check-ico,
        .contact_w .bx_f .input_bx .cont input[type="radio"] + label .check-ico{width:20px; height:20px;}

        .btn_bx .btn_w{padding:0 25px; font-size: 1.6rem;}
    }

 .empList{display: flex; flex-wrap: wrap; gap: 20px;}
 .empList li{width: calc((100% - 60px)/4);}
 .empList li .img{height: 200px; border-radius: 15px; overflow: hidden;}
 .empList li .img img{width:100%; height:100%; object-fit: cover; object-position:center center;}
 .empList li .txt{padding:0 1rem 1rem;}
 .empList li .txt h4{padding:1rem 0; font-size: 2.2rem; color: #222; font-family: 'Pretendard';}
 .empList li .txt .txt-btm{display: flex; justify-content: space-between;}
 .empList li .txt .txt-btm p{font-size: 1.5rem; color: #999;}
 .empList li .txt .txt-btm p.date{color: #b8b8b8;}