
/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1200px; height:350px; background:url(../img/sub/s_top01.jpg) no-repeat center 0px; margin:0px auto; text-align:center;}
#svisual.a{background:url(../img/sub/s_top01.jpg) no-repeat center 0px;}
#svisual.b{background:url(../img/sub/s_top02.jpg) no-repeat center 0px;}
#svisual.c{background:url(../img/sub/s_top03.jpg) no-repeat center 0px;}
#svisual.d{background:url(../img/sub/s_top04.jpg) no-repeat center 0px;}
#svisual.e{background:url(../img/sub/s_top05.jpg) no-repeat center 0px;}
#svisual.f{background:url(../img/sub/s_top02.jpg) no-repeat center 0px;}
#svisual.g{background:url(../img/sub/s_top06.jpg) no-repeat center 0px;}
#svisual .s_text{color:#fff; text-shadow:0px 0px 6px rgba(0,0,0,0.5); padding-top:95px;}
#svisual .s_text h3{font-size:2.9em; font-weight:700; margin-bottom:48px; position:relative;}
#svisual .s_text h3 span{display:inline-block;}
#svisual .s_text h3:after{display:block; content:""; width:2px; height:20px; background:#fff; position:absolute; left:50%; top:60px;}
#svisual .s_text span{display:block; font-size:1.38em;}
@media (max-width:1200px) {
#svisual { min-width:100%; height:120px; background-position:center top; background-size:cover; display:none;}
}






/*인사말*/
.greet01{}
.greet01 .mg{float:left; width:calc(50% - 30px); margin-right:30px;}
.greet01 .mg img{width:100%; height:auto;}
.greet01 .tx{float:left; width:50%;}
.greet01 .tx h2 { font-size:1.8em; line-height:1.4em; font-weight:600; margin-bottom:30px;}
.greet01 .tx h2 strong{font-size:1.12em; color: #36C; font-weight:700;}
.greet01 .tx .con{ font-size:1.3em; line-height:1.8em;}
@media (max-width: 1200px) {
.greet01{ text-align:center;}	
.greet01 .mg{width:100%; margin-right:0;}
.greet01 .tx{width:100%; margin-top:15px;}
.greet01 .tx h2 {font-size:1.2em;margin-bottom:15px;}
.greet01 .tx .con{ font-size:1em; line-height:1.6em;}
}

	
/*프랜차이즈*/
#com_bx{}
#com_bx .up {}
#com_bx .up h2{font-size:3em; letter-spacing:-2px; color:#32462b; font-weight:500; text-align:center; margin-bottom:40px;}
#com_bx .up h2 strong{color:#ffae00;}
#com_bx .up h3{color:#000; font-size:2.2em; margin-bottom:12px; letter-spacing:-2px; font-weight:500; text-align:center; }
#com_bx .up h3 strong{color:#fbd008;  font-weight:500; }
#com_bx .up h4{color:#666; font-size:1.4em; line-height:1.7em; font-weight:400; text-align:center; margin-bottom:70px;}
#com_bx .up ul li{float:left; width:calc(33.3333% - 27px); margin-right:40px; margin-bottom:40px; padding:30px; box-shadow:0px 0px 15px rgba(0,0,0,0.08); position:relative;}
#com_bx .up ul li:nth-child(3n){margin-right:0;}
#com_bx .up ul li .mg{font-size:4em; color:#32462b;}
#com_bx .up ul li dt{font-size:2em; font-weight:500; color:#32462b; padding:33px 0; position:relative;}
#com_bx .up ul li dt span{position: absolute; right:0; top:14px; color:#E7E7E7; font-size:2.1em;}
#com_bx .up ul li dt:after{display:block; content:""; height:1px; width:100%; background:#32462b; position:absolute; left:0; top:78px;}
#com_bx .up ul li dd{font-size:1.16em; line-height:1.5em; margin-bottom:8px; }
#com_bx .up ul li dd .svg-inline--fa{color:#fbd008; margin-right:3px;}
#com_bx .up ul li a{position:absolute; bottom:20px; left:50%; transform:translate(-50%, -50%); display: inline-block; border:1px solid #fff; padding:3px 10px; text-align:center; color:#fff;} 
#com_bx .up ul li a:hover{ background:#fff; color:#000;} 
#com_bx .up ul li:nth-child(6) a{border:1px solid #000; color:#000;}
#com_bx .up ul li:nth-child(6) a:hover{ background:#000; color:#fff;}
#com_bx .under ul li{float:left; width:50%;}
@media (max-width: 1000px) {
#com_bx{width:100%; padding:30px 0 0 0;}
#com_bx .up h2{font-size:1.33em; margin-bottom:20px; letter-spacing:-0.5px; }
#com_bx .up h3{font-size:1.3em;letter-spacing:-1px;}
#com_bx .up h4{font-size:1em; line-height:1.55em;margin-bottom:30px;}
#com_bx .up ul li{width:calc(100% - 20px); border-radius:10px; margin:5px 10px 5px 10px; border:1px solid #eaeaea; padding:13px;}
#com_bx .up ul li .mg {position:absolute; right:10px; top:13px; font-size:2em;}
#com_bx .up ul li dt{font-size:1.3em; padding:8px 0 22px 35px;}
#com_bx .up ul li dt:after{background:#f5e7b8;}
#com_bx .up ul li dt span{left:0; top:2px; font-size:1.6em;}
#com_bx .up ul li dt:after{top:40px;}
#com_bx .up ul li dd{font-size:1em; line-height:1.45em; }
}
	
	
		
	
/*오시는길  */
.map{}
.map_add_wrap{width:100%; overflow:hidden; padding:35px 0; font-size:1.5em; font-weight:500; box-sizing:border-box; text-align:center;}
.map_add_wrap .ko{font-size:0.92em; color:#69C; margin-top:5px;}
.map_box_wrap{width:100%; overflow:hidden; margin:0 0 20px 0; border:1px solid #f3f3f3; display:flex;}
.map_box_wrap .map_bx{width: 25%; float:left; box-sizing:border-box; border-left:1px dotted #ddd; padding:1em 10px; align-items:stretch; text-align:center;}
.map_box_wrap .map_bx:first-child{border:0;}
.map_box_wrap .map_bx .t{line-height:1em; font-size:1.3em; font-weight:500; color:#32462b; margin:10px auto 10px;}
.map_box_wrap .map_bx .c{font-size:1em;}
.map_box_wrap .map_bx a.bt{display:inline-block; background:#fff; padding:3px 12px; font-size:0.88em; margin:3px; border-radius:25px; border:1px solid #dadada;}
.map_box_wrap .map_bx a.bt:hover{font-weight:500; color:#FFF; background:#32462b; border:1px solid #32462b;}
.map_box_wrap .glyphicon{font-size:19px;}
.map_add_wrap .glyphicon{font-size:24px;}
@media (max-width: 1200px) {
.map_add_wrap{padding:15px 10px; font-size:0.9em; line-height:1.4em;}
.map_add_wrap span{display:block; margin-bottom:5px;}
.map_add_wrap br.mo{display:block}
.map_box_wrap{display:block;}
.map_box_wrap .map_bx{width:50%;border-top:1px dotted #ddd; padding:7px}
.map_box_wrap .map_bx:nth-of-type(2){border-top:0;}
.map_box_wrap .map_bx:nth-of-type(3){border-left:0;}
.map_box_wrap .map_bx:nth-of-type(2n)+.map_bx{clear:both}
.map_box_wrap .map_bx .t{font-size:1.2em;}
.map_box_wrap .map_bx .c{font-size:0.82em;}
.map_box_wrap .map_bx img{height:40px;}
.map_box_wrap .map_bx .t{margin:7px auto; font-size:1em;}
.map_box_wrap .map_bx a.bt{padding:2px 12px;}
}

.in_top{background:url(../img/common/big_logo.jpg) no-repeat left top / 165px auto; height:260px}
.in_top .txt{padding-left:220px;}
.in_top h2{font-size:2.2em; letter-spacing:-2px; line-height:1.5em; margin-bottom:20px; color:#32462b; font-weight:500;}
.in_top .con{font-size:1.22em; color:#999; line-height:1.6em;  font-weight:400;}
@media (max-width: 1200px) {
.in_top{background:url(../img/common/big_logo.jpg) no-repeat left top / 80px auto; height:auto; display:none;}
.in_top .txt{padding-left:100px;}
.in_top h2{font-size:1.2em; letter-spacing:-1px;}
.in_top .con{font-size:1em;}
}

/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tbl{ margin-top:10px;}
.tbl table{ width:100%; border-top:1px solid #444; font-size:1.1em; letter-spacing:0; text-align:center;border-left:1px solid #e3e3e3; }
.tbl tr th{ vertical-align:middle; padding:10px 15px; border-bottom:1px solid #e3e3e3; background:#f5f5f5; color:#222;}
.tbl tr td { vertical-align:middle; padding:8px 15px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#333;}
.tbl thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3;}
.tbl tbody th{ background:#F7F7F7; text-align:center; border-right:1px solid #e3e3e3;}



/* 준비중페이지 */
#ready{text-align:center; background:url(../img/common/ready.png) no-repeat 50% 0; margin:80px 0;  
        padding-top:130px; font-size:1.3em; line-height:1.3em; color:#333;}
#ready strong{color: #FC3;}
#ready p{font-size:0.8em; color:#666;}

.ready{ text-align:center;}