@charset "utf-8";

/* 반응형 재정의 : footer 넓이*/
.res_wrap{position:relative;width:1500px;margin:0 auto;}

@media screen and (max-width:1540px){
	.res_wrap{width:94%;margin:0 auto;}
}


/* 이하 main */

.section{position:relative;height:100vh;overflow:hidden;}
.wrap_inner{position:relative;width:100%;max-width:1500px;margin:0 auto;height:100%;}

@media screen and (max-width:1600px) {
.wrap_inner{width:94%;margin:0 auto;}
}
@media screen and (max-width:1000px) {
.section{height:auto;overflow:hidden;}
}
@media screen and (max-width:768px) {
.wrap_inner{width:92%;margin:0 auto;}
}
@media screen and (max-width:480px) {
.wrap_inner{width:auto;margin:0 15px;}
}


#section1{background-color:#000;}
#section1 .typo{position:absolute;top:50%;left:200px;transform:translateY(-90%);z-index:100;}
#section1 .cover{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#000;z-index:11;}
#main_movie{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:5;}

@media screen and (max-width:1500px) {
#section1 .typo{left:120px;}
}

@media screen and (max-width:1000px) {
#section1{height:600px;text-align:center;}
#section1 .typo{left:50px;width:500px;}
}

@media screen and (max-width:600px) {
#section1{height:400px;}
#section1 .typo{left:20px;transform:translateY(-90%);width:300px;}
}



/*동영상섹션추가*/
#movie{background:url(/img/main/bg_brand.jpg) no-repeat center bottom;background-size:cover;position:relative;padding:170px 0 170px;height:auto;}
#movie .movie_wrap{display:flex;flex-wrap:wrap;flex-shrink:0;}
#movie .movie_wrap .text{width:35%;padding-right:50px;}
#movie .movie_wrap .text .text_wrap{position:relative;height:100%;}
#movie .movie_wrap .text .t1{font-size:28.4px;line-height:1.6;color:#81002B;font-weight:700;}
#movie .movie_wrap .slogo{padding:40px 0 60px;}
#movie .movie_wrap .text .t2{font-size:18.0px;line-height:1.6;color:#222;font-weight:500;}
#movie .movie_wrap .text .navi{text-align:right;font-size:0;position:absolute;bottom:0;left:0;width:100%;max-width:365px;}
#movie .movie_wrap .text .navi span{display:inline-block;width:40px;height:40px;margin-left:10px;border:1px solid #555;border-radius:30px;cursor:pointer;}
#movie .movie_wrap .text .navi span.prev{background:url(/img/svg/arrow_prev.svg) no-repeat center center;}
#movie .movie_wrap .text .navi span.next{background:url(/img/svg/arrow_next.svg) no-repeat center center;}
#movie .movie_wrap .text .navi span:hover{opacity:0.5;}

#movie .movie_wrap .movie{width:65%;margin-top:8px;}
#movie .movie_wrap .movie .movie_box{position:relative;padding-top:56.3%;box-shadow:18px 18px 14px rgba(0,0,0,0.15);}
#movie .movie_wrap .movie .movie_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;}



@media screen and (max-width:1200px) {
#movie{padding:120px 0 120px;}	
#movie .movie_wrap .text{width:100%;padding-right:0;text-align:center;}
#movie .movie_wrap .text .t1{font-size:28.4px;}
#movie .movie_wrap .slogo{padding:20px 0 30px;}
#movie .movie_wrap .text .t2{font-size:18.0px;}
#movie .movie_wrap .text .navi{position:relative;bottom:auto;left:auto;max-width:none;margin:55px 0 30px;text-align:center;}
#movie .movie_wrap .text .navi span{margin:0 5px;}
#movie .movie_wrap .movie{width:100%;}
}

@media screen and (max-width:1000px) {
#movie{padding:100px 0 120px;}	
#movie .movie_wrap .text .t1{font-size:24px;}
#movie .movie_wrap .slogo{padding:20px 0 30px;}
#movie .movie_wrap .slogo img{width:300px;}
#movie .movie_wrap .text .t2{font-size:17.0px;line-height:1.5;}
}

@media screen and (max-width:600px) {
#movie{padding:50px 0 70px;}	
#movie .movie_wrap .text .t1{font-size:20px;}
#movie .movie_wrap .slogo{padding:15px 0 20px;}
#movie .movie_wrap .slogo img{width:220px;}
#movie .movie_wrap .text .t2{font-size:15.0px;}
#movie .movie_wrap .text .navi{margin:40px 0 15px;}
#movie .movie_wrap .text .navi span{width:30px;height:30px;margin:0 4px;}
}



/*매장 섹션추가*/
#store{background:url(/img/main/bg_store.jpg) repeat 0 0;padding:140px 0 160px;text-align:center;height:auto;}
#store h2{font-size:56px;line-height:1.1;font-weight:800;}
#store .exp{font-size:20.4px;font-weight:300;line-height:1.3;color:#333;padding:10px 0 100px;}

#store .store_block .store_title{font-size:20.4px;font-weight:700;line-height:1.3;}
#store .store_block h3{font-size:38px;color:#222;line-height:1.3;font-weight:800;padding:5px 0;}
#store .store_block .addr{font-size:15.4px;font-weight:500;line-height:1.3;color:#333;padding:0 0 50px;}
#store .store_block .img{max-width:1200px;margin:0 auto;border-radius:24px;overflow:hidden;}
#store .store_block a.more{display:inline-block;margin-top:40px;background-color:#81002B;border-radius:30px;font-size:17.4px;font-weight:600;color:#fff;line-height:50px;padding:0 30px;}
#store .store_block a.more img{width:25px;vertical-align:middle;transform:translateY(-2px);margin-right:5px;}

@media screen and (max-width:1200px) {
#store{padding:120px 0 140px;}
#store .exp{padding:10px 0 70px;}	
}

@media screen and (max-width:1000px) {
#store{padding:90px 0 100px;}
#store h2{font-size:40px;line-height:50px;text-indent:0px;text-align:center;}
#store .exp{font-size:18.4px;padding:10px 0 60px;}

#store .store_block .store_title{font-size:19.4px;}
#store .store_block h3{font-size:34px;padding:5px 0;}
#store .store_block .addr{font-size:15.4px;padding:0 0 50px;}
}

@media screen and (max-width:600px) {
#store{padding:50px 0 55px;}
#store h2{font-size:27px;line-height:35px;}
#store .exp{font-size:16.4px;padding:5px 0 40px;letter-spacing:-1px;}

#store .store_block .store_title{font-size:16.4px;}
#store .store_block h3{font-size:24px;padding:2px 0;}
#store .store_block .addr{font-size:14.4px;padding:0 0 25px;}
#store .store_block .img{border-radius:15px;}
}


/*sns섹션추가*/
#sns{padding:130px 0 170px;background:url(/img/main/bg_sns.jpg) no-repeat center bottom;background-size:cover;}
#sns .sns_wrap{position:relative;height:694px;}
#sns .sns_wrap .title{position:absolute;top:0;left:22.1%;width:34%;padding:40px 0 0 70px;}
#sns .sns_wrap .title h2{font-size:88px;line-height:0.9;color:#81002B;font-weight:800;padding:0 0 12px;text-indent:-2px;}
#sns .sns_wrap .title h2 span{font-size:32px;color:#333;font-weight:700;margin-left:-5px;}
#sns .sns_wrap .title .btn_wrap{position:relative;text-align:right;padding:50px 70px 0 0;}
#sns .sns_wrap .title .btn_wrap a.more{display:inline-block;width:40px;line-height:40px;border-radius:30px;overflow:hidden;background-color:#81002B;text-align:center;}
#sns .sns_wrap .title .btn_wrap a.more img{vertical-align:middle;transform:translate(1px, -2px);}
#sns .sns_wrap .title .btn_wrap a.more:hover{oapcity:0.5;}
#sns .sns_wrap .title .exp{font-size:17.4px;line-height:1.4;color:#666;font-weight:600;}
#sns .sns_wrap .sns_list li{position:absolute;width:22%;overflow:hidden;}
#sns .sns_wrap .sns_list li a{position:relative;display:block;height:100%;}
#sns .sns_wrap .sns_list li a:hover{opacity:0.5;}
#sns .sns_wrap .sns_list li a span{position:absolute;top:15px;left:15px;z-index:5;}
#sns .sns_wrap .sns_list li a .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
#sns .sns_wrap .sns_list li a .shadow{position:absolute;bottom:0;left:0;width:100%;z-index:2;}
#sns .sns_wrap .sns_list li a p{position:absolute;bottom:0;width:100%;font-size:17.4px;line-height:1.3;color:#fff;font-weight:500;text-align:center;padding:25px 15px;text-overflow:ellipsis;overflow:hidden;z-index:4;}
#sns .sns_wrap .sns_list li:nth-child(1){top:0px;left:0;height:450px;border-radius:24px 24px 0 0;}
#sns .sns_wrap .sns_list li:nth-child(2){bottom:0px;left:0;height:243px;border-radius:0 0 0 24px;}
#sns .sns_wrap .sns_list li:nth-child(3){bottom:0px;left:22.1%;width:34%;height:360px;border-radius:0;}
#sns .sns_wrap .sns_list li:nth-child(4){bottom:291px;left:56.15%;width:22%;height:260px;border-radius:24px 0 0 0;}
#sns .sns_wrap .sns_list li:nth-child(5){bottom:0px;left:56.15%;width:22%;height:290px;border-radius:0;}
#sns .sns_wrap .sns_list li:nth-child(6){bottom:334px;right:0;width:21.8%;height:360px;border-radius:24px 24px 0 0;}
#sns .sns_wrap .sns_list li:nth-child(7){bottom:0px;right:0;width:21.8%;height:333px;border-radius:0 0 24px 0;}


@media screen and (max-width:1440px) {
#sns .sns_wrap .title{padding:40px 0 0 30px;}
}

@media screen and (max-width:1000px) {
#sns{padding:90px 0 100px;}
#sns .sns_wrap{height:auto;}
#sns .sns_wrap .title{position:relative;top:auto;left:auto;width:100%;padding:0 0 50px 0;text-align:center;}
#sns .sns_wrap .title h2{font-size:52px;line-height:0.9;padding:0 0 8px;text-indent:0px;}
#sns .sns_wrap .title h2 span{font-size:52px;font-weight:800;margin-left:0px;}
#sns .sns_wrap .title .btn_wrap{display:none;}
#sns .sns_wrap .title .exp{font-size:17.4px;}

#sns .sns_wrap .sns_list{display:flex;flex-wrap:wrap;flex-shrink:0;}
#sns .sns_wrap .sns_list li{position:relative;width:50% !important;}
#sns .sns_wrap .sns_list li a{padding-top:66%;}
#sns .sns_wrap .sns_list li a span{top:15px;left:15px;}
#sns .sns_wrap .sns_list li a p{font-size:16.4px;line-height:1.3;padding:25px 15px;}
#sns .sns_wrap .sns_list li:nth-child(1){top:auto;left:auto;height:auto;border-radius:15px 0 0 0;}
#sns .sns_wrap .sns_list li:nth-child(2){bottom:auto;left:auto;height:auto;border-radius:0 15px 0 0;}
#sns .sns_wrap .sns_list li:nth-child(3){bottom:auto;left:auto;width:auto;height:auto;border-radius:0;}
#sns .sns_wrap .sns_list li:nth-child(4){bottom:auto;left:auto;width:auto;height:auto;border-radius:0;}
#sns .sns_wrap .sns_list li:nth-child(5){bottom:auto;left:auto;width:auto;height:auto;border-radius:0 0 0 15px;}
#sns .sns_wrap .sns_list li:nth-child(6){bottom:auto;right:auto;width:auto;height:auto;border-radius:0 0 15px 0;}
#sns .sns_wrap .sns_list li:nth-child(7){display:none;}
}

@media screen and (max-width:600px) {
#sns{padding:60px 0 55px;}

#sns .sns_wrap .title{padding:0 0 35px 0;}
#sns .sns_wrap .title h2{font-size:42px;padding:0 0 8px;}
#sns .sns_wrap .title h2 span{font-size:42px;}
#sns .sns_wrap .title .exp{font-size:15.4px;}

#sns .sns_wrap .sns_list li a{padding-top:96%;}
#sns .sns_wrap .sns_list li a span{top:10px;left:10px;}
#sns .sns_wrap .sns_list li a span img{width:26px;}
#sns .sns_wrap .sns_list li a p{font-size:15.4px;line-height:1.1;padding:15px 8px;}
}


/*brand*/
#brand{background:url(/img/main/bg_brand.jpg) no-repeat center bottom;background-size:cover;height:100vh;position:relative;}
#brand .brand_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;}
#brand .brand_wrap a{display:block;position:relative;}
#brand .brand_wrap a h2{font-size:66px;line-height:1.0;color:#222;font-weight:600;transition-duration:0.2s;padding:0 0 50px;}
#brand .brand_wrap a h2 span{font-weight:800;}
#brand .brand_wrap a .cont{padding-left:140px;position:relative;}
#brand .brand_wrap a p.text1{font-size:24.2px;line-height:1.6;color:#222;font-weight:700;padding:30px 0 10px;transition-duration:0.2s;}
#brand .brand_wrap a p.text2{font-size:16.4px;line-height:1.6;color:#222;font-weight:400;transition-duration:0.2s;}
#brand .brand_wrap a .more{position:absolute;top:30px;left:-90px;width:200px;height:200px;border:1px solid rgba(0,0,0,0.1);background-color:rgba(255, 255, 255, 0);
border-radius:200px;text-align:center;transition-duration:0.2s;}
#brand .brand_wrap a .more span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:26px;color:rgba(0,0,0,0.5);font-weight:100;
line-height:30px;width:30px;height:30px;background-color:rgba(248, 226, 159, 0);border-radius:60px;transition-duration:0.2s;}
#brand .brand_wrap a:hover .more{border:1px solid rgba(0,0,0,0);background-color:rgba(0, 0, 0, 0.025);}
#brand .brand_wrap a:hover .more span{color:rgba(255,255,255,1);line-height:70px;width:70px;height:70px;background-color:rgba(159, 117, 67, 0.85);}
#brand .left_img{position:absolute;top:0;left:0;height:100%;overflow:hidden;}
#brand .right_img{position:absolute;top:0;right:0;height:100%;overflow:hidden;}
#brand .left_img ul li, #brand .right_img ul li{padding-bottom:20px;}

@media screen and (max-width:1650px) {
#brand .left_img{width:350px;}
#brand .right_img{width:350px;}
}
@media screen and (max-width:1400px) {
#brand .left_img{width:200px;}
#brand .right_img{width:200px;}
#brand .left_img ul li, #brand .right_img ul li{padding-bottom:15px;}
}

@media screen and (max-width:1000px) {
#brand{height:auto;padding:110px 0 130px;}
#brand .brand_wrap{position:relative;top:auto;left:auto;transform:translate(0, 0);text-align:center;}
#brand .brand_wrap a{display:block;position:relative;}
#brand .brand_wrap a h2{font-size:54px;padding:0 0 50px;}
#brand .brand_wrap a .cont{padding-left:0}
#brand .brand_wrap a p.text1{font-size:22.4px;padding:30px 0 10px;}
#brand .brand_wrap a p.text2{font-size:16.4px;}
#brand .brand_wrap a .more{position:relative;top:auto;left:auto;margin:0 auto;width:160px;height:160px;transform: translate(0, -40px);}
#brand .brand_wrap a .more span{font-size:26px;font-weight:100;line-height:30px;width:30px;height:30px;}
#brand .brand_wrap a:hover .more{border:1px solid rgba(0,0,0,0);background-color:rgba(0, 0, 0, 0.025);}
#brand .brand_wrap a:hover .more span{color:rgba(255,255,255,1);line-height:70px;width:70px;height:70px;background-color:rgba(159, 117, 67, 0.85);}

#brand .left_img{display:none;}
#brand .right_img{display:none;}
}

@media screen and (max-width:600px) {
#brand{height:auto;padding:80px 0 80px;}
#brand .brand_wrap a h2{font-size:42px;padding:0 0 50px;}
#brand .brand_wrap a .cont{padding-left:0}
#brand .brand_wrap a .cont .img img{width:220px;}
#brand .brand_wrap a p.text1{font-size:20.4px;line-height:1.3;padding:30px 0 20px;}
#brand .brand_wrap a p.text2{font-size:15px;padding:0 30px;}
#brand .brand_wrap a p.text2 br{display:none;}
#brand .brand_wrap a .more{width:120px;height:120px;transform: translate(0, -20px);}
#brand .brand_wrap a .more span{font-size:26px;font-weight:100;line-height:30px;width:30px;height:30px;}
#brand .brand_wrap a:hover .more{border:1px solid rgba(0,0,0,0);background-color:rgba(0, 0, 0, 0.025);}
#brand .brand_wrap a:hover .more span{color:rgba(255,255,255,1);line-height:70px;width:70px;height:70px;background-color:rgba(159, 117, 67, 0.85);}
}



#shabu{background-color:#060a15;overflow:hidden;}
#shabu .shabu_wrap{display:flex;flex-wrap:wrap;flex-shrink:0;}
#shabu .shabu_wrap .shabu{height:100vh;width:50%;position:relative;}
#shabu .shabu_wrap .shabu .cont{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%);z-index:10;}
#shabu .shabu_wrap .shabu .cont a{display:block;position:relative;}
#shabu .shabu_wrap .shabu .cont a h2{font-size:20.4px;line-height:1.5;color:#f8e29f;font-weight:800;transition-duration:0.2s;}
#shabu .shabu_wrap .shabu .cont a p.t_eng{font-size:64px;line-height:0.9;color:#fff;font-weight:800;padding:15px 50px 25px;transition-duration:0.2s;}
#shabu .shabu_wrap .shabu .cont a p.exp{font-size:16.4px;line-height:1.6;color:#fff;font-weight:400;opacity:0.6;padding:0 50px;transition-duration:0.2s;}
#shabu .shabu_wrap .shabu .cont a .more{width:200px;height:200px;border:1px solid rgba(255,255,255,0.2);background-color:rgba(255, 255, 255, 0);
border-radius:200px;margin: 0 auto;transition-duration:0.2s;}
#shabu .shabu_wrap .shabu .cont a .more span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:26px;color:rgba(255,255,255,0.5);font-weight:100;
line-height:30px;width:30px;height:30px;background-color:rgba(248, 226, 159, 0);border-radius:60px;transition-duration:0.2s;}
#shabu .shabu_wrap .shabu .cont a:hover h2{color:#fff;opacity:0.3;}
#shabu .shabu_wrap .shabu .cont a:hover p.t_eng{color:#f8e29f;}
#shabu .shabu_wrap .shabu .cont a:hover p.exp{opacity:0.2;}
#shabu .shabu_wrap .shabu .cont a:hover .more{border:1px solid rgba(255,255,255,0);background-color:rgba(255, 255, 255, 0.05);}
#shabu .shabu_wrap .shabu .cont a:hover .more span{color:rgba(255,255,255,1);line-height:70px;width:70px;height:70px;background-color:rgba(248, 226, 159, 0.3);}
#shabu .shabu_wrap .shabu01 .cont a .more{transform: translate(-10px, -40px);}
#shabu .shabu_wrap .shabu02 .cont a .more{transform: translate(70px, -40px);}
#shabu .shabu_wrap .shabu01 img.ele01{position:absolute;bottom:0;left:0;z-index:3;} 
#shabu .shabu_wrap .shabu01 img.ele02{position:absolute;top:0;right:0;z-index:3;} 
#shabu .shabu_wrap .shabu02 img.ele01{position:absolute;bottom:0;right:0;z-index:3;} 
#shabu .shabu_wrap .shabu02 img.ele02{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:3;} 
#shabu .shabu_wrap .shabu img.bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;} 

@media screen and (max-width:1200px) {
#shabu .shabu_wrap .shabu .cont a p.exp br{display:none;}
}

@media screen and (max-width:1000px) {
#shabu .shabu_wrap .shabu{height:600px;width:100%;}
#shabu .shabu_wrap .shabu .cont{transform:translateY(-45%);}
#shabu .shabu_wrap .shabu .cont a h2{font-size:20.4px;}
#shabu .shabu_wrap .shabu .cont a p.t_eng{font-size:54px;line-height:1.0;padding:10px 50px 15px;}
#shabu .shabu_wrap .shabu .cont a p.exp{font-size:16.4px;line-height:1.6;padding:0 40px;}
#shabu .shabu_wrap .shabu .cont a p.exp br{display:inline;}
#shabu .shabu_wrap .shabu .cont a .more{width:160px;height:160px;}
#shabu .shabu_wrap .shabu .cont a .more span{font-size:26px;line-height:30px;width:30px;height:30px;}
#shabu .shabu_wrap .shabu .cont a:hover .more span{line-height:70px;width:70px;height:70px;}
#shabu .shabu_wrap .shabu01 .cont a .more{transform: translate(80px, -40px);}
#shabu .shabu_wrap .shabu02 .cont a .more{transform: translate(0px, -40px);}
#shabu .shabu_wrap .shabu01 img.ele01{width:260px;} 
#shabu .shabu_wrap .shabu01 img.ele02{width:130px;} 
#shabu .shabu_wrap .shabu02 img.ele01{width:260px;} 
#shabu .shabu_wrap .shabu02 img.ele02{width:150px;} 
}

@media screen and (max-width:600px) {
#shabu .shabu_wrap .shabu{height:500px;}
#shabu .shabu_wrap .shabu .cont{transform:translateY(-40%);}
#shabu .shabu_wrap .shabu .cont a h2{font-size:18.4px;}
#shabu .shabu_wrap .shabu .cont a p.t_eng{font-size:42px;line-height:1.0;padding:10px 50px 15px;}
#shabu .shabu_wrap .shabu .cont a p.exp{font-size:15px;padding:0 40px;}
#shabu .shabu_wrap .shabu .cont a p.exp br{display:none;}
#shabu .shabu_wrap .shabu .cont a .more{width:120px;height:120px;}
#shabu .shabu_wrap .shabu .cont a .more span{font-size:26px;line-height:30px;width:30px;height:30px;}
#shabu .shabu_wrap .shabu .cont a:hover .more span{line-height:70px;width:70px;height:70px;}
#shabu .shabu_wrap .shabu01 .cont a .more{transform: translate(80px, -40px);}
#shabu .shabu_wrap .shabu02 .cont a .more{transform: translate(-60px, -40px);}
#shabu .shabu_wrap .shabu01 img.ele01{width:200px;} 
#shabu .shabu_wrap .shabu01 img.ele02{width:90px;} 
#shabu .shabu_wrap .shabu02 img.ele01{width:200px;} 
#shabu .shabu_wrap .shabu02 img.ele02{top:30px;transform:translateY(0);width:100px;} 
}

/*franchise*/
#main_franchise{background:url(/img/main/bg_franchise.jpg) no-repeat center bottom;background-size:cover;padding:140px 0 220px;text-align:center;}
#main_franchise h2{font-size:56px;line-height:1.1;font-weight:800;}
#main_franchise .exp{font-size:20.4px;font-weight:300;line-height:1.3;color:#333;padding:10px 0 100px;}

#main_franchise ul.list{display:flex;flex-wrap:wrap;flex-shrink:0;}
#main_franchise ul.list li{position:relative;width:22%; margin:0 1.5%;padding:20px 0 80px;border-radius:24px;overflow:hidden;box-shadow:6px 6px 10px rgba(0,0,0,0.4);transition-duration:0.3s;}
#main_franchise ul.list li:nth-child(1){background:url(/img/main/franchise_img1.png) no-repeat center center;background-size:100% auto;}
#main_franchise ul.list li:nth-child(2){background:url(/img/main/franchise_img2.png) no-repeat center center;background-size:100% auto;}
#main_franchise ul.list li:nth-child(3){background:url(/img/main/franchise_img3.png) no-repeat center center;background-size:100% auto;}
#main_franchise ul.list li:last-child{background-color:#740027;}
#main_franchise ul.list li>a{display:block;}
#main_franchise ul.list li .img{padding-top:50px;}
#main_franchise ul.list li .img span.material-icons-outlined{font-size:90px;color:#ffebb4;line-height:120px;text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.8); }
#main_franchise ul.list li .title{font-size:26.4px;font-weight:700;color:#fff;line-height:1.5;padding:20px 0 5px;}
#main_franchise ul.list li .text{font-size:16.4px;font-weight:500;color:rgba(255,255,255,0.75);}
#main_franchise ul.list li:last-child .img{padding-top:20px;}
#main_franchise ul.list li:last-child .img span.material-icons-outlined{font-size:70px;color:#fff;line-height:80px;text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8); }
#main_franchise ul.list li:last-child .title{font-size:26.4px;font-weight:700;color:#fff;line-height:1.5;padding:0;}
#main_franchise ul.list li:last-child .text{font-size:16.4px;font-weight:500;color:rgba(255,255,255,0.75);padding:5px 0 10px;}
#main_franchise ul.list li:last-child .phone{font-size:40px;font-weight:700;color:#eacba4;}
#main_franchise ul.list li:last-child .go_request{position:absolute;bottom:0;left:0;width:100%;line-height:70px;font-size:16.4px;font-weight:500;color:#fff;background-color:#0f0005;}
#main_franchise ul.list li:hover{box-shadow:9px 9px 15px rgba(0,0,0,0.7);background-size:110% auto;}


@media screen and (max-width:1200px) {
#main_franchise{padding:120px 0 150px;}
#main_franchise .exp{padding:10px 0 70px;}	

#main_franchise ul.list li{width:46%; margin:2%;padding:20px 0 60px;}
#main_franchise ul.list li .img{padding-top:30px;}
#main_franchise ul.list li .title{padding:10px 0 5px;}
#main_franchise ul.list li:last-child .img{padding-top:10px;}
#main_franchise ul.list li:last-child .img span.material-icons-outlined{line-height:70px;}
#main_franchise ul.list li:last-child .text{padding:5px 0 5px;}
#main_franchise ul.list li:last-child .go_request{line-height:60px;}

}


@media screen and (max-width:1000px) {
#main_franchise{padding:90px 0 100px;}
#main_franchise h2{font-size:40px;line-height:50px;text-indent:0px;text-align:center;}
#main_franchise .exp{font-size:18.4px;padding:10px 0 60px;}
#main_franchise ul.list li .title{font-size:24.4px;}

#main_franchise ul.list li .img span.material-icons-outlined{font-size:80px;line-height:100px;}
#main_franchise ul.list li:last-child .img span.material-icons-outlined{font-size:65px;line-height:65px;}
#main_franchise ul.list li:last-child .phone{font-size:36px;}
}

@media screen and (max-width:600px) {
#main_franchise{padding:50px 0 55px;}
#main_franchise h2{font-size:27px;line-height:35px;}
#main_franchise .exp{font-size:16.4px;padding:5px 0 40px;letter-spacing:-1px;}

#main_franchise ul.list li{width:48%; margin:0 4% 4% 0;padding:20px 0 30px;border-radius:14px;box-shadow:3px 3px 8px rgba(0,0,0,0.5);}
#main_franchise ul.list li:nth-child(2n){margin-right:0;}
#main_franchise ul.list li .img{padding-top:20px;}
#main_franchise ul.list li .img span.material-icons-outlined{font-size:60px;line-height:50px;}
#main_franchise ul.list li .title{font-size:18.4px;padding:10px 0 0;}
#main_franchise ul.list li .text{display:none;}
#main_franchise ul.list li:last-child .img{padding-top:10px;}
#main_franchise ul.list li:last-child .img span.material-icons-outlined{font-size:50px;line-height:50px;}
#main_franchise ul.list li:last-child .title{font-size:18.4px;}
#main_franchise ul.list li:last-child .text{display:none;}
#main_franchise ul.list li:last-child .phone{font-size:24px;line-height:24px;}
#main_franchise ul.list li:last-child .go_request{display:none;}

}



/*news*/
#main_news{background-color:#fff;padding:150px 0 160px;}
#main_news h2{font-size:56px;line-height:1.1;font-weight:800;text-indent:-2px;}
#main_news .exp{font-size:20.4px;font-weight:300;line-height:1.3;color:#888;padding:10px 0 100px;}
#main_news .news_tab{position:absolute;top:54px;right:0;font-size:0;}
#main_news .news_tab>span{display:inline-block;font-size:15.8px;line-height:40px;font-weight:600;color:#333;padding:0 25px;background-color:#f2f2f2;border-radius:50px;
margin-right:8px;cursor:pointer;vertical-align:middle;}
#main_news .news_tab>span:hover{color:#81002B;}
#main_news .news_tab>span.selected{background-color:#81002b;color:#fff;}
#main_news .news_tab a.btn_more{display:inline-block;height:40px;line-height:44px;width:40px;border-radius:50px;background-color:#81002b;color:#fff;text-align:center;vertical-align:middle;}
#main_news .news_tab a.btn_more span{font-size:21px;}

#main_news .news_list ul{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:2%;}
#main_news .news_list ul li{min-width:100%;}
#main_news .news_list ul li .img{position:relative;padding-top:104%;border-radius:24px;overflow:hidden;transition-duration:0.3s;}
#main_news .news_list ul li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover;transition-duration:0.3s;}
#main_news .news_list ul li:hover .img{box-shadow:6px 6px 15px rgba(0,0,0,0.4);}
#main_news .news_list ul li:hover .img img{width:110%;height:110%;}
#main_news .news_list ul li .category{font-size:16.4px;font-weight:600;color:#c09159;padding:20px 0 5px;}
#main_news .news_list ul li .subject{font-size:22.6px;font-weight:700;color:#111;line-height:34px;
display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;height: 68px;}
#main_news .news_list ul li .date{font-size:15.6px;font-weight:400;color:#888;padding:7px 0 0;}


@media screen and (max-width:1000px) {
#main_news{padding:90px 0 100px;}
#main_news h2{font-size:40px;line-height:50px;text-indent:0px;text-align:center;}
#main_news .exp{display:none;}

#main_news .news_tab{position:relative;top:auto;right:auto;text-align:center;margin:20px 0 60px;}

#main_news .news_list ul{grid-template-columns:repeat(2, 1fr);grid-gap:40px 40px;}
#main_news .news_list ul li .category{font-size:16.4px;padding:15px 0 0;}
#main_news .news_list ul li .subject{font-size:20px;line-height:30px;height: 60px;}
}

@media screen and (max-width:600px) {
#main_news{padding:50px 0 55px;}
#main_news h2{font-size:27px;line-height:35px;}

#main_news .news_tab{margin:15px 0 35px;text-align:left;position:relative;}
#main_news .news_tab>span{font-size:15px;line-height:36px;padding:0 12px;margin-right:3px;border-radius:5px;letter-spacing:-1px;}
#main_news .news_tab a.btn_more{position:absolute;top:1px;right:0;height:34px;line-height:38px;width:34px;}
#main_news .news_tab a.btn_more span{font-size:18px;}


#main_news .news_list ul{grid-gap:20px 15px;}
#main_news .news_list ul li .img{border-radius:14px;}
#main_news .news_list ul li .category{font-size:15px;padding:12px 0 0;}
#main_news .news_list ul li .subject{font-size:18px;line-height:25px;height:50px;}
#main_news .news_list ul li .date{padding:0px 0 0;}

}





/* 메인 팝업존 */
.popup_zone {width:100%;height:100%;text-align:center;position:fixed;left:0;top:0;z-index:20000}
.popup_zone .kgb {width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:20001}
.popup_zone .popup_wrap {width:480px;border-radius:15px 15px 0 0;transform:translate(-50%,-50%);position:fixed;left:50%;top:50%;z-index:20002;overflow:hidden}
.popup_zone .popup_wrap .pop_slide {height:645px;background: #fff;font-size:0;line-height:0;overflow:auto;}
.popup_zone .popup_wrap .slide_img {display:inline-block;float:left;}
.popup_zone .popup_wrap .slide_img a {display:block}
.popup_zone .popup_wrap .slide_img img {max-width:100%}
.popup_zone .popup_wrap .pop_paging {width:67px;line-height:30px;color:#888;border-radius:15px;background-color:#fff;position:absolute;right:12px;top:12px}
.popup_zone .popup_wrap .pop_paging .current {color:#222;font-weight:400}
.popup_zone .popup_wrap .pop_paging .total {}
.popup_zone .popup_wrap .pup_button {display:flex;flex-wrap:nowrap;background-color:#fff;border-radius:0 0 15px 15px;overflow:hidden}
.popup_zone .popup_wrap .pup_button a {width:50%;color:#222;font-size:16px;font-weight:400;line-height:71px}
.popup_zone .popup_wrap .pup_button a:hover {background-color:#f9f9f9}
.popup_zone .popup_wrap .pup_button a.bt_close {}
.popup_zone .popup_wrap .pup_button a.bt_close::before {display:inline-block;float:left;width:1px;height:15px;content:"";background-color:#ccc;position:relative;top:calc(50% - 6px)}
.popup_zone .popup_wrap .pup_button a.bt_today_close {}

/*슬라이드 동그라미 아이콘*/
.popup_zone .slick-dots {display:none !important;}

@media screen and (max-width:960px){
	.popup_zone .popup_wrap {width:480px}
	.popup_zone .popup_wrap .pop_slide {height:600px}
}
@media screen and (max-width:768px){
	.popup_zone .popup_wrap {width:420px}
	.popup_zone .popup_wrap .pop_slide {height:525px}
	.popup_zone .popup_wrap .pup_button a {font-size:15px;line-height:58px}
}
@media screen and (max-width:480px){
	.popup_zone .popup_wrap {width:300px}
	.popup_zone .popup_wrap .pop_slide {height:375px}
	.popup_zone .popup_wrap .pup_button a {line-height:54px}
}