@CHARSET "UTF-8";

/* 인사말 */
.hanmi_intro .intro_tit{height:500px;padding:120px 45px 0 80px;font-family: 'RIDIBatang';color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:20px 20px 0 0;background:no-repeat 50%/cover;box-sizing:border-box;}
.hanmi_intro .intro_tit.titbg01{background-image:url("/nanum/site/builder/dir/main/img/menu6028/intro_bg01.jpg");background-color:#c1ae9a;}
.hanmi_intro .intro_tit.titbg02{background-image:url("/nanum/site/builder/dir/main/img/menu6029/intro_bg02.png");background-color:#a7a7a7;}
.hanmi_intro .intro_tit .title{display:flex;flex-direction:column;line-height:1.3;font-size:4.1rem;letter-spacing: -0.05em;}
.hanmi_intro .intro_tit .title::before{content:'';display:block;margin-bottom: 15px;width:32px;height:32px;font-size:10.6rem;background-image: url("/nanum/site/builder/dir/main/img/menu6028/title_dam.png");background-size: 100% auto;background-repeat: no-repeat;}

.hanmi_intro .intro_tit .doctor_name{display:flex;align-items:center;gap:20px;margin-top:40px;text-shadow:0 0 10px rgba(0,0,0,0.2);letter-spacing: -0.05em;}
.hanmi_intro .intro_tit .doctor_name .hospital_name{display:flex;align-items:center;gap:15px;width:40%;font-size:2rem;}
.hanmi_intro .intro_tit .doctor_name .hospital_name::after{content:"";display:block;width:100%;max-width:384px;height:1px;background:rgba(255,255,255,0.3);}
.hanmi_intro .intro_tit .doctor_name .name{display:flex;align-items:center;gap:10px;font-size:3.8rem;}
.hanmi_intro .intro_tit .doctor_name .name span{font-size:2rem;}

.hanmi_intro .intro_txt{position:relative;margin-top:-40px;padding:130px 100px;text-align:center;border-radius:20px 20px 0 0;box-shadow:0 -50px 50px rgba(0,0,0,0.1);background: #fff;}
.hanmi_intro .intro_txt::before,
.hanmi_intro .intro_txt::after{content:"";position: absolute;top:40px;left:50%;width:1200px;height:123px;background: url("/nanum/site/builder/dir/main/img/menu6028/intro_tbox_line.png")no-repeat 50% 0/contain;transform:translateX(-50%);}
.hanmi_intro .intro_txt::after{top:auto;bottom:40px;transform:rotate(180deg) translateX(50%);}

.hanmi_intro .intro_txt p{position: relative;}
.hanmi_intro .intro_txt .tit{margin-bottom:50px;font-size:2.7rem;font-weight:700;}
.hanmi_intro .intro_txt .txt{margin-top:40px;line-height:1.6;font-size:1.8rem;font-weight:400;}
.hanmi_intro .intro_txt .txt_name{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:50px;font-size:1.8rem;font-weight:800;}
.hanmi_intro .intro_txt .txt_name .name_sain{max-width:100%;vertical-align: top;}


/* 층별안내 */
.flor_store_list > ul{display:flex;gap:20px;}
.flor_store_list > ul > li{flex:1;padding:40px 30px;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;}
.flor_store_list > ul > li .tit{margin-bottom:20px;font-size:2.4rem;font-weight:700;}
.flor_store_list > ul > li .tit .bg_line{position:relative;padding:0 5px;}
.flor_store_list > ul > li .tit .bg_line::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:45%;background:#e7eeff;z-index:-1;}
.flor_store_list > ul > li .txt{font-size:1.8rem;font-weight:400;color:#666;}


.flor_slide{position: relative;width:100%;border-radius:20px;overflow:hidden;}
.flor_slide .swiper-slide{height:700px;}
.flor_slide .flor_slider .tit{position:absolute;left:50%;bottom:20px;display:flex;align-items:center;justify-content:center;width:calc(100% - 40px);padding:15px 0;color:#fff;font-size:2.1rem;font-weight:700;border-radius:20px;background: rgba(0,75,162,0.8);box-sizing:border-box;transform:translateX(-50%);backdrop-filter:blur(8px);z-index:1;}
.flor_slide .flor_slider img{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%, -50%);object-fit:cover;}

.flor_btn{position: absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 40px);transform:translate(-50%, -50%);z-index:1;}
.flor_btn .f_btn{position:relative;width:70px;height:70px;border-radius:50%;background-color:rgba(0,0,0,0.5);cursor:pointer;transition:.3s;}
.flor_btn .f_btn::before{content:"";display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-image:url("/nanum/site/builder/dir/main/img/menu6028/flor_arrow.png");background-size: 100% auto;background-repeat: no-repeat;}
.flor_btn .f_btn.button-prev::before{transform:scale(-1);}

.flor_btn .f_btn.swiper-button-disabled{opacity: .3;}

.clinic_wrap .remedy_list ul{display:flex;flex-wrap:wrap;gap:20px;}
.clinic_wrap .remedy_list ul li{display:flex;align-items:center;justify-content:center;flex-direction: column;width:calc(25% - 15px);min-height:130px;text-align:center;line-height:1.4;font-size:2rem;font-weight:700;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;} 


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

/* 인사말 */
.hanmi_intro .intro_txt::before{top: 30px;width: 95%;}
.hanmi_intro .intro_txt::after{bottom: 30px;width: 95%;}
.hanmi_intro .intro_txt{padding: 100px 5vw;}

}

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

/* 층별안내 */
.flor_slide .swiper-slide{height:500px;}
.flor_store_list > ul{flex-wrap: wrap;}
.flor_store_list > ul > li{flex: 40%;}

.clinic_wrap .remedy_list ul li{width:calc(50% - 10px);}

/* 인사말 */
.hanmi_intro .intro_tit{padding: 70px 10px 0 35px;height: 370px;}
.hanmi_intro .intro_tit .title{font-size: 3.3rem;}
.hanmi_intro .intro_tit .title::before{margin-bottom: 10px;width: 25px;height: 25px;}
.hanmi_intro .intro_tit .doctor_name{gap: 15px;margin-top: 10px;}
.hanmi_intro .intro_tit .doctor_name .name{font-size: 3rem;}
.hanmi_intro .intro_txt{padding: 80px 8vw;}
.hanmi_intro .intro_txt .tit{margin-bottom: 0;padding: 0 50px;font-size: 2.3rem;line-height: 1.3;}
.hanmi_intro .intro_txt .txt .mo_none{display:none;}
.hanmi_intro .intro_txt .txt{margin-top: 20px;font-size: 1.7rem;}
.hanmi_intro .intro_txt .txt_name{margin-top: 30px;font-size: 1.7rem}
.hanmi_intro .intro_txt .txt_name .name_sain{width: 90px;;}
.hanmi_intro .intro_txt .txt_name .name_sain img{max-width:100%;}


}

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

/* 층별안내 */
.flor_store_list > ul{flex-wrap:wrap;gap:10px;}
.flor_store_list > ul > li{flex:none;width:100%;padding:3vh 2vh;}
.flor_store_list > ul > li .tit{margin-bottom:1.5vh;}

.flor_slide .swiper-slide{height:45vh;min-height:320px;}
.flor_slide .flor_slider .tit{padding:1.5vh 0;}

.flor_btn .f_btn{width:50px;height:50px;}

.clinic_wrap .remedy_list ul{gap:10px;}
.clinic_wrap .remedy_list ul li{width:calc(50% - 5px);min-height:auto;padding:2vh;}

/* 인사말 */
.hanmi_intro .intro_tit .title{font-size: 3rem;}
.hanmi_intro .intro_tit .title::before{width: 20px;height: 20px;}
.hanmi_intro .intro_tit .doctor_name{flex-direction: column;align-items: flex-start;gap: 0;margin-top: 10px;}
.hanmi_intro .intro_tit{padding: 100px 30vw 0 20px;background-position: 70% 50%;height: 330px;}
.hanmi_intro .intro_txt::before{top: 20px;width: 90%;}
.hanmi_intro .intro_txt::after{bottom: 20px;width: 95%;}
.hanmi_intro .intro_txt{padding: 50px 8vw;}
.hanmi_intro .intro_txt .tit{padding: 0;}
.hanmi_intro .intro_txt .txt{margin-top: 15px;font-size: 1.8rem;line-height: 1.5;}
.hanmi_intro .intro_txt .txt_name{flex-direction: column;gap: 5px;}
.hanmi_intro .intro_txt .txt_name .name_sain{width: 70px;}
.hanmi_intro .intro_tit .doctor_name .hospital_name::after{display:none;}

}



/********************웹********************/
@media all and (min-width:1025px) {

.flor_btn .f_btn:hover{background-color: #000;box-shadow:0 0 20px rgba(0,0,0,0.7);}

}