@charset "utf-8";

/* 수술 tab */
.con_tab ul li{flex-grow:0;}
.con_tab ul.no5 li,
.con_tab ul.no6 li{flex-basis:calc(33.3333% + 1px);}
.con_tab ul.no9 li,
.con_tab ul.no10 li{flex-basis:calc(20% + 1px);}



/* 진료과의료진 */
.medipart_search{display:none !important;}
.con_tab.medi_tab ul li{flex-grow:1;}

/* 첫진료예약 */
.mob_rsv .rsv_wrap{display:flex;gap:35px;width:100%;}
.mob_rsv .rsv_wrap .bx{position:relative;width:0;flex-grow:1;text-align:center;border:1px solid #dedede;border-radius:15px;box-sizing:border-box;overflow:hidden;}
.mob_rsv .rsv_wrap .bx .tit{position:relative;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 25px;margin:50px 0;font-size:2.6rem;font-weight:700;}
.mob_rsv .rsv_wrap .bx .tit br{display:none;}
.mob_rsv .rsv_wrap .bx .tit:before,
.mob_rsv .rsv_wrap .bx .tit:after{content:'';display:block;width:80px;height:80px;border-radius:10px;box-sizing:border-box;}
.mob_rsv .rsv_wrap .bx .tit:before{position:absolute;bottom:0;left:50%;margin-left:-40px;border:1px solid #dbdbdb;transition:0.2s;}
.mob_rsv .rsv_wrap .bx .tit:after{position:relative;background:no-repeat center / contain;}
.mob_rsv .rsv_wrap .bx.icon01 .tit:after{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/mrsv_icon01.png)}
.mob_rsv .rsv_wrap .bx.icon03 .tit:after{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/mrsv_icon02.png)}
.mob_rsv .rsv_wrap .bx.icon04 .tit:after{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/mrsv_icon03.png)}
.mob_rsv .rsv_wrap .bx .btn_w{padding:0;}
.mob_rsv .rsv_wrap .bx .btn_w a{min-width:auto;padding: 0;font-size:2rem;font-weight:700;color:#000;line-height:70px;background:#eee;border:0;border-radius:0;}

.mob_rsv .line_box{padding:65px 70px;margin-top:70px !important;display:flex;gap:30px;justify-content: space-between;align-items: center;font-size:1.9rem;color:#fff;background:url(/nanum/site/builder/skin/heart/img/common/tel_bg.jpg) no-repeat center / cover;border:0;}
.mob_rsv .line_box .red{color:#e8f100}
.mob_rsv .line_box .btn_w{flex-shrink: 0;display:flex;gap:20px;flex-direction: column;padding:0;width:auto;}
.mob_rsv .line_box .btn_w a{padding: 15px;border:0;}
.mob_rsv .line_box .btn_w a.white span{display:flex;gap:10px;justify-content: center;align-items: center;}
.mob_rsv .line_box .btn_w a.white span:before{content:'';display:block;width:17px;height:17px;background:url(/nanum/site/builder/skin/heart/img/common/rsv_call.png) no-repeat center / contain;filter: invert(16%) sepia(89%) saturate(3242%) hue-rotate(207deg) brightness(89%) contrast(93%);}

.mob_rsv .gray_box{margin-top:100px !important;position:relative;display: flex;flex-direction: column;gap: 42px;padding:0;background:none;}
.mob_rsv .gray_box:before{content:'';position:absolute;top:0;left:50%;width:42px;height:100%;background:#f5f5f5;transform:translate(-50%, 0);z-index: -1;}
.mob_rsv .gray_box dl{position:relative;padding:22px 12px;display:flex;background:#fff;border:1px solid #ebebeb;border-radius:10px;box-sizing:border-box;}
.mob_rsv .gray_box dl:not(:first-child):before{content: '';position: absolute;flex-shrink: 0;width: 14px;height: 8px;top: 0;left: 50%;background: url(/nanum/site/builder/dir/heart/img/menu6518/mrsv_step.png) no-repeat center;transform: translate(-50%, -25px);}
.mob_rsv .gray_box dl dt{display: flex;justify-content: center;align-items: center;flex-shrink: 0;width:100px;border-right: 1px dashed #d6d6d6;box-sizing:border-box;}
.mob_rsv .gray_box dl dt span{font-size:2.8rem;font-weight:700;line-height:1;color:#0060cf;}
.mob_rsv .gray_box dl dd{padding: 5px 30px;font-size:1.7rem;box-sizing:border-box;}
.mob_rsv .gray_box dl dd br{display:none;}


/* 첫진료 */
.fast_rsv .input_area{margin-bottom:0;padding-right:0;border-radius:10px 10px 0 0;}
.fast_rsv .input_area .txt_box{padding: 35px 30px;}
.fast_rsv .input_check{padding:20px 30px;border: 1px solid #e8e8e8;border-top:0;border-radius:0 0 10px 10px;box-sizing:border-box;}

.fast_rsv .first_reserw{display: flex;gap:30px;justify-content: space-between;align-items: center;margin-top:150px;padding:60px;background:url(/nanum/site/builder/skin/heart/img/common/tel_bg.jpg) no-repeat center / cover;border-radius:15px;box-sizing:border-box;}
.fast_rsv .first_reserw > *{margin-top:0 !important;}
.fast_rsv .first_reserw .gray_box{padding:0;background:none}
.fast_rsv .first_reserw .gray_box h3,
.fast_rsv .first_reserw .gray_box ul.list li{color:#fff;}
.fast_rsv .first_reserw .gray_box ul.list > li{background-image:url(/nanum/site/builder/skin/heart/img/common/icon_list_wh.gif);}
.fast_rsv .first_reserw .gray_box ul.list2 > li{background-image:url(/nanum/site/builder/skin/heart/img/common/icon_list2_wh.gif);}
.fast_rsv .first_reserw .gray_box .blue{color:#00f9fa}
.fast_rsv .first_reserw .gray_box .red{color:#fff200}

.fast_rsv .first_reserw .bicon_box{display:flex;gap:20px;border-left:0;}
.fast_rsv .first_reserw .bicon_box > *{padding:0;width:350px;background:#fff;border:0;border-radius:10px;}
.fast_rsv .first_reserw .bicon_box dt,
.fast_rsv .first_reserw .bicon_box dd{margin-top:0;text-align:center;}
.fast_rsv .first_reserw .bicon_box dt{display:flex;justify-content: center;align-items: center;height:70px;font-size:1.8rem;font-weight:700;color:#000;text-align: center;border-bottom: 1px solid #000;box-sizing: border-box;}
.fast_rsv .first_reserw .bicon_box dd{display: flex;gap:10px;justify-content: center;align-items: center;padding:35px 15px;height: calc(100% - 70px);box-sizing:border-box;}
.fast_rsv .first_reserw .bicon_box dl:nth-child(1) dd ul{display:inline-block;}
.fast_rsv .first_reserw .bicon_box dl:nth-child(1) dd ul li{padding: 0;font-size:2rem;font-weight:700;color:#0c8496;background: none;}
.fast_rsv .first_reserw .bicon_box dl:nth-child(1) dd ul li:nth-child(n+2){margin-top:10px;}
.fast_rsv .first_reserw .bicon_box dl:nth-child(2) dd{font-size:2.6rem;font-weight:700;color:#0061ce;letter-spacing:0;}
.fast_rsv .first_reserw .bicon_box dl:nth-child(2) dd span{display:flex;gap:10px;justify-content: center;align-items: center;line-height:1;}
.fast_rsv .first_reserw .bicon_box dl:nth-child(2) dd span:before{content:'';display:block;width:21px;height:21px;background:url(/nanum/site/builder/skin/heart/img/common/rsv_call.png) no-repeat center / cover;filter: invert(23%) sepia(92%) saturate(1880%) hue-rotate(198deg) brightness(97%) contrast(105%);}



/* 시술 및 수술 */
.surgery_tbg{position:relative;margin-bottom:70px;padding:55px 15px;color:#fff;background:no-repeat center / cover;box-sizing:border-box;text-align:center;border-radius:15px;overflow:hidden;}
.surgery_tbg:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);z-index:1}
.surgery_tbg.sbg1{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_bg1.jpg);}
.surgery_tbg.sbg2{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_bg2.jpg);}
.surgery_tbg.sbg3{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_bg3.jpg);}
.surgery_tbg.sbg4{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_bg4.jpg);}
.surgery_tbg.sbg5{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_bg5.jpg);}
.surgery_tbg.sbg6{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_bg6.jpg);}
.surgery_tbg.sbg7{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_bg7.jpg);}
.surgery_tbg.sbg8{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_bg8.jpg);}
.surgery_tbg.sbg9{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_bg9.jpg);}
.surgery_tbg.sbg10{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_bg10.jpg);}
.surgery_tbg dt{position:relative;font-size:3.2rem;font-weight:700;z-index:1;}
.surgery_tbg dd{position:relative;margin-top:30px;font-size:1.7rem;z-index:1;}

/* 말초혈관 */
.surgery_bg{margin-bottom:40px;padding:30px 15px;background:#ecf4fd;text-align:center;box-sizing:border-box;}
.surgery_bg dt{font-size:2.5rem;font-weight:700;color: #0060cf;}
.surgery_bg dd{margin-top:10px;font-size:1.7rem;}

.surgery_list{display:flex;flex-wrap:wrap;border-top:1px solid #000;box-sizing:border-box;}
.surgery_list > li{display:flex;gap:30px;width:50%;padding:35px 10px;border-bottom:1px solid #dfdfdf;box-sizing:border-box;}
.surgery_list > li p{flex-direction:column;display: flex;gap:10px;justify-content: center;align-items: center;flex-shrink:0;width:120px;font-size:1.8rem;font-weight:700;color:#0060cf;}
.surgery_list > li p:before{content:'';flex-shrink: 0;display:block;width:70px;height:70px;background:#f1f1f1 no-repeat center / contain;border-radius:50%;}
.surgery_list > li.icon1 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_icon1.png);}
.surgery_list > li.icon2 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_icon2.png);}
.surgery_list > li.icon3 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_icon3.png);}
.surgery_list > li.icon4 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_icon4.png);}
.surgery_list > li.icon5 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_icon5.png);}
.surgery_list > li.icon6 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_icon6.png);}
.surgery_list > li.icon7 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_icon7.png);}
.surgery_list > li.icon8 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_icon8.png);}
.surgery_list > li.icon9 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_icon9.png);}
.surgery_list > li.icon10 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_icon10.png);}
.surgery_list > li.icon11 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/surgery_icon11.png);}
.surgery_list > li > ul{display:flex;flex-direction: column;justify-content: center;}

.surgery_box{display:flex;gap:20px;margin-bottom:50px;}
.surgery_box > li{width:0;flex-grow:1;}
.surgery_box > li dl{margin-bottom:20px;padding:18px 15px 15px;background: #ecf4fd;border-radius:0 0 15px 15px;text-align: center;border-top: 1px solid #000;box-sizing: border-box;}
.surgery_box > li dl dt{font-size:1.9rem;font-weight:700;color:#0060cf;}
.surgery_box > li dl dd{display: flex;justify-content: center;align-items: center;height:40px;line-height: 1.3;}
.surgery_box > li ul{margin:0 10px}


/* 주요검사 */
.check_intro{display:flex;gap:35px;margin-bottom:80px;width:100%;align-items: center;}
.check_intro .txtw p,
.check_intro .txtw dl{font-weight:400;color:#333;}
.check_intro .txtw p:not(:first-child),
.check_intro .txtw dl:not(:first-child){margin-top:50px;}
.check_intro .txtw dl dt{margin-bottom:20px;font-size:2.6rem;line-height:1.4;font-weight:700;color:#000;}
.check_intro .txtw dl dt span{color:#666;font-weight:400;}
.check_intro .txtw dl dd{margin-bottom:15px;font-size:1.6rem;line-height:1.6;}
.check_intro .txtw .treat_txt{padding-left:65px;margin-bottom:20px;font-size:2rem;line-height:50px;font-weight:700;color:#000;background:url(/nanum/site/builder/dir/main/img/menu5467/treatment_icon.gif) no-repeat left center;}
.check_intro .imgw{font-size:0;flex-shrink: 0;}
.check_intro .imgw span,
.check_intro .imgw img{display:block;width:625px;border-radius:20px;object-fit:cover;pointer-events: none;}
.check_intro .imgw span{height:280px;background:#ddd;}


/* 틀부분은 서브디자인에 */
.check_lbox > li.icon1 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/check_icon1.png);}
.check_lbox > li.icon2 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/check_icon2.png);}
.check_lbox > li.icon3 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/check_icon3.png);}
.check_lbox > li.icon4 p:before{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/check_icon4.png);}

.check_lbox > li[class*=bg]{padding:30px 20px 20px;color:#fff;background:no-repeat center / cover;text-align:center;}
.check_lbox > li.bg1{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/check_ct1.jpg);}
.check_lbox > li.bg2{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/check_ct2.jpg);}
.check_lbox > li.bg3{background-image:url(/nanum/site/builder/dir/heart/img/menu6518/check_ct3.jpg);}
.check_lbox > li[class*=bg] .tit{font-size:2.4rem;font-weight:700;line-height:1;}
.check_lbox > li[class*=bg] .txt{margin-top:25px;font-size:1.7rem;line-height: 1.4;}
.check_lbox > li[class*=bg] .lbox{margin-top:30px;padding:20px;font-size:1.5rem;line-height:1.5;background:rgba(255,255,255,0.2);border:1px dashed #fff;box-sizing:border-box}




/********************태블릿********************/
@media all and (max-width:1600px){

/* 수술 tab */
.con_tab ul.no5 li{flex-basis:calc(50% + 1px);}

/* 첫진료예약 */
.mob_rsv .rsv_wrap .bx .tit{font-size:2.6rem;}

}

/********************태블릿********************/
@media all and (max-width:1300px){

/* 수술 tab */
.con_tab ul.no9 li, 
.con_tab ul.no10 li{flex-basis:calc(33.333% + 1px)}


/* 첫진료 */
.fast_rsv .first_reserw{align-items: flex-start;flex-direction: column;gap:40px;v}
.fast_rsv .first_reserw .bicon_box{width:100%;}
.fast_rsv .first_reserw .bicon_box > *{width:0;flex-grow:1;}

}

/********************태블릿********************/
@media all and (max-width:1024px){

/* 첫진료예약 */
.mob_rsv .rsv_wrap .bx .tit{margin:30px 0;font-size:2.2rem;gap:20px;}
.mob_rsv .rsv_wrap .bx .btn_w a{font-size:1.8rem;line-height:55px;color:#fff;background:#0060cf}
.mob_rsv .rsv_wrap .bx .tit:before, 
.mob_rsv .rsv_wrap .bx .tit:after{width:70px;height:70px;}
.mob_rsv .rsv_wrap .bx .tit:before{margin-left:-35px;}

.mob_rsv .line_box{padding: 35px 30px;font-size: 1.8rem;}
.mob_rsv .line_box .btn_w{gap: 10px;}
.mob_rsv .line_box .btn_w a{padding:12px;}

.mob_rsv .gray_box{gap: 30px;}
.mob_rsv .gray_box dl{padding: 15px 12px;}
.mob_rsv .gray_box dl:not(:first-child):before{transform: translate(-50%, -20px);}
.mob_rsv .gray_box dl dt{width: 90px;}
.mob_rsv .gray_box dl dt span{font-size: 2.5rem;}
.mob_rsv .gray_box dl dd{padding: 5px 25px;line-height: 1.5;}


/* 첫진료 */
.fast_rsv .input_area .txt_box{padding:20px}
.fast_rsv .input_check{padding:15px 20px;line-height: 27px;}
.fast_rsv .btn_w{padding-top:45px;}

.fast_rsv .first_reserw{padding: 30px;margin-top: 50px;}
.fast_rsv .first_reserw .bicon_box dt{height: 60px;}
.fast_rsv .first_reserw .bicon_box dd{padding: 20px 15px;height: calc(100% - 60px);}


/* 시술 및 수술 */
.surgery_tbg{margin-bottom: 50px;padding: 35px 15px;}
.surgery_list > li{width:100%;padding: 25px 0;}
.surgery_box > li dl dd{margin-top:10px;}

/* 주요검사 */
.check_intro{margin-bottom: 60px;}
.check_intro .imgw{width:50%;}
.check_intro .imgw span,
.check_intro .imgw img{min-height:250px;}
.check_intro .imgw img{max-width:100%;}
.check_intro .txtw{margin-top:5px;width:48%;}

}

/********************모바일********************/
@media all and (max-width:767px){

/* 첫진료예약 */
.mob_rsv .rsv_wrap{gap: 3%}
.mob_rsv .rsv_wrap .bx .tit{margin: 20px 0;gap: 15px;font-size: 2rem;}
.mob_rsv .rsv_wrap .bx .btn_w a{font-size: 1.7rem;line-height: 50px;}
.mob_rsv .rsv_wrap .bx .tit:before, 
.mob_rsv .rsv_wrap .bx .tit:after{width:60px;height:60px;}
.mob_rsv .rsv_wrap .bx .tit:before{margin-left:-30px;}

.mob_rsv .line_box{padding: 20px;font-size: 1.6rem;flex-direction: column;gap: 20px;margin-top: 40px !important;text-align: center;}
.mob_rsv .line_box .btn_w{flex-direction: row;width: 100%;}
.mob_rsv .line_box .btn_w a{padding: 9px;width: 0;flex-grow: 1;}

.mob_rsv .gray_box{margin-top:50px !important;}
.mob_rsv .gray_box dl{flex-direction: column;padding: 15px;}
.mob_rsv .gray_box dl dt{width:auto;border-right:0;}
.mob_rsv .gray_box dl dt span{display: flex;justify-content: center;align-items: center;width:45px;height:27px;font-size:1.5rem;color:#fff;background:#0060cf;border-radius:10px;text-align:center;}
.mob_rsv .gray_box dl dd{padding:10px 0 0;font-size: 1.5rem;}


/* 첫진료 */
.fast_rsv .input_check{line-height:normal;}
.fast_rsv .btn_w{padding-top:30px;}

.fast_rsv .first_reserw{margin-top: 40px;padding:25px 20px 20px;gap:25px;}
.fast_rsv .first_reserw .gray_box{padding:0 10px;}
.fast_rsv .first_reserw .bicon_box{gap:10px;}
.fast_rsv .first_reserw .bicon_box dt{height: 50px;font-size: 1.6rem;}
.fast_rsv .first_reserw .bicon_box dd{height: calc(100% - 50px);}
.fast_rsv .first_reserw .bicon_box dl:nth-child(1) dd ul li{font-size: 1.8rem;}
.fast_rsv .first_reserw .bicon_box dl:nth-child(1) dd ul li:nth-child(n+2){margin-top: 5px;}
.fast_rsv .first_reserw .bicon_box dl:nth-child(2) dd{font-size: 2.2rem;}
.fast_rsv .first_reserw .bicon_box dl:nth-child(2) dd span:before{width: 18px;height: 18px;}


/* 시술 및 수술 */
.surgery_tbg{margin-bottom:40px;padding:25px 15px;}
.surgery_tbg dt{font-size:2.3rem;}
.surgery_tbg dd{margin-top:15px;font-size: 1.5rem;font-weight:400;line-height: 1.5;}
.surgery_list > li{gap: 20px;padding:20px 0;}
.surgery_list > li p{width: 100px;font-size:1.7rem;}

.surgery_box{flex-direction: column;gap:15px;margin-bottom: 40px;}
.surgery_box > li{width:100%;flex-grow:0;}
.surgery_box > li dl{margin-bottom: 10px;}
.surgery_box > li dl dt{font-size:1.8rem;}
.surgery_box > li dl dd{margin-top: 5px;height:auto;}

.surgery_bg{padding:20px 15px;}
.surgery_bg dt{font-size:2.2rem;}
.surgery_bg dd{margin-top: 5px;font-size: 1.6rem;}


/* 주요검사 */
.check_intro{display:block;margin-bottom:30px;}
.check_intro .imgw{width:auto;}
.check_intro .imgw span,
.check_intro .imgw img{min-height:auto;max-height:250px;}
.check_intro .txtw{margin-top:15px;width:auto;}
.check_intro .txtw dl dt{margin-bottom:10px;font-size:2.2rem;}
.check_intro .txtw dl dd{margin-bottom:10px;font-size:1.5rem;line-height:1.5;}
.check_intro .txtw p{line-height:1.5;}
.check_intro .txtw p:not(:first-child), .part_intro .txtw dl:not(:first-child){margin-top:30px;}

.check_lbox > li[class*=bg]{padding:20px 15px 15px;}
.check_lbox > li[class*=bg] .tit{font-size:2.1rem;}
.check_lbox > li[class*=bg] .txt{margin-top:15px;font-size:1.6rem;}
.check_lbox > li[class*=bg] .lbox{margin-top:17px;padding: 15px 10px;}

}

/********************모바일********************/
@media all and (max-width:480px){

/* 첫진료예약 */
.mob_rsv .rsv_wrap{flex-direction: column;gap:10px;}
.mob_rsv .rsv_wrap .bx{width:100%;flex-grow:0;}
.mob_rsv .rsv_wrap .bx .tit{margin:0 20px;flex-direction: row;justify-content: space-between;font-size:1.8rem;}
.mob_rsv .rsv_wrap .bx .tit:before{display:none;}
.mob_rsv .rsv_wrap .bx .btn_w a{font-size: 1.6rem;line-height: 40px;}

.mob_rsv .line_box .btn_w{flex-direction: column;}
.mob_rsv .line_box .btn_w a{width:100%;flex-grow:0}


/* 첫진료 */
.fast_rsv .first_reserw{padding: 20px 15px 15px;}
.fast_rsv .first_reserw .gray_box{padding:0}
.fast_rsv .first_reserw .bicon_box{flex-direction: column;}
.fast_rsv .first_reserw .bicon_box > *{width:100%;flex-grow:0;}


/* 시술 및 수술 */
.surgery_list > li{flex-direction: column;gap: 10px;padding: 15px 5px;}
.surgery_list > li p{justify-content: flex-start;width:auto;flex-direction: row;}
.surgery_list > li p:before{width:40px;height:40px;background-size: 120%;}


}
	
	
/********************태블릿********************/
@media all and (min-width:1025px){
	
.mob_rsv .rsv_wrap .bx:hover{border-color:#0060cf;}
.mob_rsv .rsv_wrap .bx:hover:before{content:'';position:absolute;top:-1px;bottom:0;left:-1px;right:0;width:calc(100% + 2px);height:calc(100% + 2px);border:2px solid #0060cf;border-radius:15px;box-sizing:border-box;z-index:-1;}
.mob_rsv .rsv_wrap .bx:hover .tit:before{background-color:#f0f7ff;border-color:#f0f7ff;transform:rotate(15deg);transition:0.2s;}
.mob_rsv .rsv_wrap .bx:hover .tit:after{filter: invert(16%) sepia(39%) saturate(6100%) hue-rotate(243deg) brightness(90%) contrast(160%);}
.mob_rsv .rsv_wrap .bx:hover .btn_w a{color:#fff;background:#0060cf;}

	
}