@charset="UTF-8";
/*commu_nav*/
.commu_nav ul li:nth-child(1):after{content: "";position: absolute;bottom: 0;left: 50%;width: 100px;height: 3px;background:rgba(115,51,97,1); transform: translateX(-50%);}
.commu_nav ul li:nth-child(1):hover:after{animation: sub3_nav 0.5s forwards;}
@keyframes sub3_nav{
    0%{width: 0px;}
    100%{width: 100px;}
}
.commu_nav ul li:nth-child(1):hover{background: rgba(115,51,97,0.0);}
.commu_nav ul li:nth-child(1):hover a{color: #333;}


.sub-page-content{padding: 0 !important;}

/*sub91_a1*/
.sub91_a1{}
.kakao_book{display: flex;align-items: center;justify-content: center;}

.sub91_a1 .reservs{width: 50%;float: left;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;padding: 60px 0;}
.reservs .reserv_title{margin-bottom: 20px;position: relative;}
.reservs .reserv_title p, .reservs .reserv_title span{font-family: 'yg-jalnan';letter-spacing: -1px;}
.reservs .reserv_title span{font-size: 32px;line-height: 40px;}
.reservs .reserv_title p{font-size: 24.5px;line-height: 28px;}
.reservs .reserv_notice{font-size: 20px;line-height: 32px;margin-bottom: 34px;letter-spacing: -1px;font-weight: 400;}
.reservs a{font-size: 20px;font-family: 'yg-jalnan';border: 3px solid rgba(0,0,0,0);transition: all 0.3s ease;}

.kakao_reserv{background: #ffe900; color: #3c1e1e;}

.kakao_reserv .reserv_title:after{position: absolute;content: "";background: url(../../../images/sub1_images/sub1_3_article1_img1.png) no-repeat; width: 76px;height: 71px;top: -40px;right: -60px;transform: scale(0.6);}
.kakao_reserv li, .kakao_reserv li p, .kakao_reserv li span{color: #3c1e1e;}
.kakao_reserv a{color: #fff; background: #3c1e1e;padding: 10px 35px;border-radius: 30px;}
.kakao_reserv a:hover{border: 3px solid #3c1e1e; color: #3c1e1e; background: #fff;}

.naver_reserv{background: #00c73c; color: #fff;}
.naver_reserv .reserv_title:after{position: absolute;content: "";background: url(../../../images/sub1_images/sub1_3_article1_img2.png) no-repeat; width: 76px;height: 71px;top: -30px;right: -70px;transform: scale(0.6);}
.naver_reserv li, .naver_reserv li p, .naver_reserv li span{color: #fff;}
.naver_reserv a{color: #00c73c; background: #fff;padding: 10px 35px;border-radius: 30px;}
.naver_reserv a:hover{border: 3px solid #fff; color: #fff; background: #00c73c;}

.sub91_call{display: flex;justify-content: flex-end;width: 75%;align-items: center;}
.call_reserv{display: flex;justify-content: flex-end;font-weight: bold;font-size: 26px;align-items: center;padding-top: 10px;width: fit-content;}
.call_reserv .call_title{color: #3e3e3e;font-weight: bold;letter-spacing: -1px;}
.call_reserv .calling{margin-top: 8px;letter-spacing: -0.5px;margin-left: 20px;}
.call_reserv .calling, .call_reserv .calling span{font-family: 'TmonMonsori';}
.call_reserv .calling span{color: #d0d0d0;}
.call_reserv .calling{color: #733361; }
.call_reserv:hover .calling span{
    text-shadow: -1px 0 #000,
                0 1px #000,
                1px 0 #000,
                0 -1px #000;
}
.call_reserv:hover .calling{
    text-shadow: -1px 0 #000,
                0 1px #000,
                1px 0 #000,
                0 -1px #000;
}

@media(max-width:800px){
    .sub91_a1 .reservs{width: 100%;}
    article .sub_mtitle{padding-bottom: 30px !important;}
    .sub91_call{width: 100%;}
}/*800*/

@media(max-width:640px){
    .call_reserv .calling{margin-left: 10px;}
    .call_reserv{font-size: 22px;}
    .reservs .reserv_notice{font-size: 18px;line-height: 26px;margin-bottom: 24px;}
}/*640*/

@media(max-width:480px){
    .sub91_a1 .reservs{padding: 50px 0;}
    .kakao_reserv .reserv_title:after, .naver_reserv .reserv_title::after{transform: scale(0.5);}
    .naver_reserv .reserv_title:after{right: -66px;}
    .reservs .reserv_title span{font-size: 26px;line-height: 40px;}
    .reservs .reserv_title p{font-size: 20px;line-height: 20px;}
    article .sub_mtitle{padding-top: 5px !important;padding-bottom: 20px !important;}
    .reservs .reserv_notice{font-size: 16px;line-height: 22px;margin-bottom: 21px;}
    
    .call_reserv .calling{margin-left: 10px;margin-top: 5px;}
    .call_reserv{font-size: 20px;}
}/*480*/

@media(max-width:310px){
    .kakao_reserv .reserv_title::after{top: -48px;right: -39px;}
    .naver_reserv .reserv_title:after{top: 44px;right: -42px;}
    
}/*310*/