@charset "UTF-8"; p { line-height:1.45em; } 
/*유튜브*/
.youtube-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; /* 기본: 16:9 비율 유지 */
 overflow: hidden; border-radius: 6rem; } 
 .youtube-wrapper:before { content: ""; background-color: black; display: block; width: 100%; height: 100%; z-index: 11; position: absolute; opacity: 0; } 
.youtube-wrapper iframe { position: absolute; top:0px; left: 0; width: 110%; height: 110%; object-fit: cover; /* 핵심 포인트 */ } 
.youtube-wrapper .movie_txt { position: absolute; z-index: 2; bottom: 20%; left: 5%; color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); font-size: 2.2rem; } 
.youtube-wrapper .movie_txt .txt1 { font-family: "Noto Serif", serif; font-size: 5rem; margin-bottom: 3rem; } 
 .youtube-wrapper iframe { pointer-events: none; } 
.video_wr { overflow: hidden; border-radius: 6rem; position: relative; width: 100%; } 
.video_wr .movie_txt { position: absolute; z-index: 2; bottom: 20%; left: 5%; color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); font-size: 2.2rem; } 
.video_wr .movie_txt .txt1 { font-family: "Noto Serif", serif; font-size: 5rem; margin-bottom: 3rem; } 

/*하단*/
.ft { background-color: #f5f5f5; padding:3rem 0rem; font-size: 1.4rem; line-height: 1.4em; color:var(--gray600) } 
 .ft .a_link { } 
.ft .ft_txt span { display: inline-block; } 
.noto { font-family: "Noto Serif", serif; } 
/*퀵*/
.quick { position: fixed; right:1.5rem; top: 0%; transform: translateY(50%); background: rgba(255, 255, 255, 0.8); border-radius: 150px; backdrop-filter: blur(5px); font-size: 1.3rem; text-align: center; padding: 2rem 0.6rem; z-index: 100; } 
.quick a { color:var(--gray500); display: flex; flex-direction: column; align-items: center; } 
.quick .q_img { width: 4rem; background-color: var(--gray100); border-radius: 5rem; display: inline-block; margin-bottom: 0.7rem; } 
.quick li { margin-bottom: 2.5rem; } 
.quick li a:hover .q_img { box-shadow: 0 0px 10px rgb(160 173 113 / 70%); background-color: #fff; } 
/*메인*/
.wide_wp { width: 100%; margin: 0 auto; padding:0rem 10rem; max-width: 1920px; } 
.sect1 { padding-top: 14rem; padding-bottom: 7rem; text-align: center; } 
.sect1 .txt1 { font-size: 2.8rem; margin-bottom: 3.5rem; } 
.sect1 .txt2 { font-size: 2.4rem; line-height: 1.5em; color:var(--gray500); margin-top: 4.5rem; } 
.sect1_img1 { margin-bottom: 6rem; } 

/*원장님 학력*/
.sect2 { position: relative; } 
.sect2:after { background: url('../img/sect2_bg.png') no-repeat left bottom #F4EEE8; content: ''; display: block; position: absolute; width: 100%; bottom: 0px; height: 80%; left:0 } 
.doctor_his { z-index: 5; position: relative; display: flex; } 
.doctor_his_l { font-size: 2rem; display: flex; flex-direction: column; justify-content: end; margin-left: auto; } 
.doctor_his_l dt { color:#AF7D4E; font-weight: 700; margin-bottom: 2rem; } 
.doctor_his_l dd { margin-bottom: 0.5rem; } 
.doctor_his_l dl { margin-bottom: 6rem; } 
.doctor_his_r { display: flex; flex-direction: column; justify-content: end; width:60%; max-width: 804px; } 

/*핵심진료*/
.sect3 { padding-top: 15rem; padding-bottom: 8rem; } 
.sect3 .tit_st1 { margin-bottom: 5rem; } 
.card_trm { width: 100%; color:#Fff; width: 100%; border-radius: 5rem; overflow: hidden; height: 72rem; background: url('../img/card_trm_img1.jpg'); background-position: center; padding: 8%; display: flex; flex-direction: column; justify-content: end; background-size: cover; position: relative; } 
.card_trm .txt1 { font-size: 5rem; font-family: "Noto Serif", serif; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); letter-spacing: -2px; word-break: keep-all; } 
.card_trm .txt2 { font-size: 2.4rem; margin-top: 2rem; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); word-break: keep-all; } 
.card_trm .txt3 { font-size: 2.8rem; margin-top: 9rem; font-weight: 600; line-height: 1.7; } 

.card_trm .card_on { transition: all 1s; /* display: flex; */opacity: 0; flex-direction: column; background-color:#A0AD71; height: 100%; padding: 8%; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } 
.card_trm:hover .card_on { opacity: 1; } 
.card_trm:hover .card_on .txt2 { opacity: 0.7; } 
.card_trm button { display: flex; border-radius: 5rem; background: rgba(0, 0, 0, 0.1); padding: 0.7rem 0.9rem 0.7rem 4rem; font-size: 2.2rem; align-items: center; border: 0px; color: #fff; margin-top: 7rem; margin-left: auto; font-weight: 600; } 
.card_trm.st2 { background: url('../img/card_trm_img2.jpg'); background-size: cover; } 
.card_trm.st2 .card_on { background-color:#A66E3D; } 

/*늘곁에산부인과가 특별한 이유*/
.sect4 { background-color: #7D8C48; padding-top: 9rem; padding-bottom: 9rem; text-align: center; color: #fff; } 
.sect4_box { aspect-ratio: 1/1; border-radius: 15rem; border: #fff 1px solid; padding: 1rem; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; line-height: 1.4em; margin-bottom: 2rem; } 
.sect4_box > div { padding-left:10%; padding-right:10%; } 
.sect4_box .txt1 { margin-bottom: 2rem; font-size: 2.3rem; margin-top: 2rem; line-height: 120%; } 
.sect4 .row { margin-top: 6rem; margin-right: -1rem; margin-left: -1rem; } 
.sect4 .col-md-6 { padding-right: 1rem; padding-left: 1rem; } 


/*늘곁에산부인과의 진료내용*/
.sect5 { text-align: center; padding: 10rem 0rem; } 
.treatment_slide .noto { margin-top: 3.5rem; font-size: 3rem; font-weight: 600; } 
.treatment_slide { margin-top:5rem; } 
.treatment_slide img { border-radius: 30rem 30rem 0rem 0rem; transition: 0.3s; } 
.treatment_slide .swiper-slide-active img { border-radius: 0rem 0rem 30rem 30rem; } 

/*늘곁에 산부인과 둘러보기*/
.sect6 { text-align: center; padding: 14rem 0rem 12rem; background-color: #FBF6F2; } 
.box-b-Swiper { margin-top: 6.5rem; } 
.box-b-Swiper .swiper-slide img { transform: scale(0.85); transition: 0.3s; border-radius: 1rem; filter: brightness(0.7); } 
.box-b-Swiper .swiper-slide-active img { transform: scale(1); filter: brightness(1); } 
.box-b-Swiper .swiper-button-next:after, .box-b-Swiper .swiper-button-prev:after { display: none; } 
.box-b-Swiper .swiper-button-prev { left: 20%; width: auto; } 
.box-b-Swiper .swiper-button-next { right: 20%; width: auto } 
.swiper-navigation-icon { display: none; } 

/*늘곁에 산부인과 오시는길*/
.sect7 { padding-top:10rem; padding-bottom:10rem; font-size: 1.8rem; } 
.sect7 .btn-outline-light { color:#222; font-weight: 600; padding-left: 3rem; padding-right: 3rem; font-size: 1.8rem; } 
.sect7_tit { font-weight: 600; } 
.sect7_tt { margin-top: 3rem; } 
.sect7 table th, .sect7 table td { padding: 0.5rem 1rem 0.5rem 0rem; } 
.sect7 .root_daum_roughmap_landing { border-radius: 2rem; } 
.sect7 .section_address { display: none; } 
.root_daum_roughmap .wrap_controllers { display: none; } 
.root_daum_roughmap .border1, .root_daum_roughmap .border2, .root_daum_roughmap .border3, .root_daum_roughmap .border4 { border: 0px !important; } 



/*서브////////////////////////////////////////////////////////////////////////////////////*/
/*1.병원소개*/
.about_hd { width: 100%; color:#fff; background: url('../img/sub_top1.jpg') no-repeat center top; background-size: cover; /* display: flex; *//* align-items: center; */height: 90rem; } 
 .about_hd_txt { /* padding-left:0rem; */font-size: 2rem; line-height: 140%; font-weight: 200; padding-top: 30rem; /* padding-bottom: 40rem; */ } 
.about_hd_txt .sign { margin-top: 6rem; } 
.about_sec1 { padding-top:17rem; padding-bottom:20rem; position: relative; } 

.about_sec1 .row { max-width: 1160px; margin: 0 auto; margin-top: 10rem; font-size: 2rem; } 
.about_slide { position:relative; z-index:1; width:75%; } 
.about_slide li { overflow:visible; text-align:center; color:#fff; transition-timing-function:var(--ani) } 
.about_slide li .img { overflow:hidden; border-radius:30px; background-color:#000; transition:all .2s } 
.about_slide li .img img { opacity:.7; transition:all .2s } 
.about_slide .swiper-slide-active .img { } 
.about_slide .swiper-slide-active .img img { opacity:1 } 
.about_sec1 .history dl { margin-top: 6rem; line-height: 140%; } 
.about_sec1 .history dt { color: #AF7D4E; font-weight: 700; margin-bottom: 1rem; } 
.about_sec1 .deco_img { position: absolute; bottom: 0rem; } 

.about_sec2 .hd_tit { padding: 10rem 5rem; text-align: center; font-size: 4.4rem; font-weight: 500; line-height: 130%; } 
.about_sec2 .hd_tit span { position: relative; z-index: 2; } 
.about_sec2 .hd_tit span:after { content: ''; width: 100%; height: 40%; background-color:#E6EAD7; position: absolute; bottom: 5%; left:0rem; z-index: -1; } 

/*1.병원소개>네가지약속*/
.about_sec2 .slide_div > div { width:100%; height:50rem; position:relative; color:#Fff } 
.about_sec2 .slide_div .image { background-repeat:no-repeat; background-size:cover; background-position:center; background-attachment:fixed; display: flex; align-items: center; justify-content: center; } 
.about_sec2 .slide_div .image1 { background-image:url('../img/ab_slide1.jpg'); } 
.about_sec2 .slide_div .image2 { background-image:url('../img/ab_slide2.jpg'); } 
.about_sec2 .slide_div .image3 { background-image:url('../img/ab_slide3.jpg'); } 
.about_sec2 .slide_div .image4 { background-image:url('../img/ab_slide4.jpg'); } 

.about_sec2 .slide_div .text { display:flex; justify-content:center; align-items:center; text-align:center; color:#fff; background:#A0AD71; font-size:1.1rem; padding:2rem;; font-size: 2.4rem; line-height: 160%; } 
.about_sec2 .slide_div .w_txt { margin-bottom: 2rem; } 
.about_sec2 .slide_div .w_txt span { position: relative; z-index: 2; font-size: 3rem; } 
.about_sec2 .slide_div .w_txt span:after { content: ''; width: 100%; height: 40%; background-color:rgba(255, 255, 255, 0.3); position: absolute; bottom: 5%; left:0rem; z-index: -1; } 
.about_sec2 .slide_div .tit_st1 { text-shadow: 0 0 10.8px rgba(0, 0, 0, 0.40); } 


/*서브메뉴*/
.about_hd2 { width: 100%; height: 90rem; line-height: 150%; position: relative; } 
.about_hdbg { width: 100%; height: 100%; overflow: hidden; position: absolute; top:0; } 
.about_hdbg::before { position: absolute; top:0; z-index: 1; height: 100%; content: ''; background: url('../img/sub_top2.jpg') no-repeat center top; background-size: cover; width: 100%; animation: heroZoom 2s cubic-bezier(.22,.61,.36,1) forwards; } 
.about_hdbg.st2::before { background: url('../img/sub_top3.jpg') no-repeat center top; background-size: cover; } 
.about_hdbg.st3::before { background: url('../img/sub_top4.jpg') no-repeat center top; background-size: cover; } 
.about_hdbg.st4::before { background: url('../img/sub_top5.jpg') no-repeat center top; background-size: cover; } 
.about_hd2 .about_hd_tit { color:#fff; padding-top: 37rem; text-align: center; font-size: 2rem; z-index: 2 } 
.about_hd2 .tit_st1 { margin-bottom: 3.5rem; } 
.sub_nav { position: absolute; bottom: 0rem; width: 100%; display: flex; justify-content: center; left: 0; z-index: 10; padding: 2rem 3rem; } 
.sub_nav .nav_pc { background: rgba(255,255,255,0.2); border-radius: 1rem; backdrop-filter:blur(5px); padding: 1.2rem; display:flex; align-items:center; /* gap:1rem; *//* flex-wrap: wrap; */padding: 1.2rem; } 
.sub_nav .nav_pc .btn { color: #fff; font-weight: 400; font-size: 1.8rem; height: 4.5rem; line-height: 120%; } 
.sub_nav .nav_pc .btn.active { background-color:#ffffff; color: var(--primary-hover); border-radius: 150px; font-weight: 600; } 
.sub_nav .nav_pc .btn:hover { text-decoration: underline; } 

@keyframes heroZoom { 
 from { transform:scale(1.1); } 
 to { transform:scale(1); } 
 }

/* 스크롤 이후 */
.sub_nav.fixed { position: fixed; top: 9rem; bottom: auto; left: 0; width: 100%; z-index: 100; background-color: #f5f5f5; } 
.sub_nav.fixed .nav_pc { background-color: #f5f5f5; padding: 0rem; } 
.sub_nav.fixed .btn { color: #222; } 

.about_hd2 .nav_m { display:none; } 
.about_hd2 .nav_m .custom-sel { background-color:#A0AD71; color: #fff; border: none; } 
.about_hd2 .nav_m .select-trigger::after { filter: brightness(0) invert(1) } 
.about_hd2 .nav_m .select-trigger { color:#fff } 
.about_hd2 .custom-sel.open .select-options { text-align: left; color:#000 } 

/*2.임산부전문클리닉>산전검사*/
.pd_110 { padding-top:11rem; padding-bottom: 11rem; } 
.pnc_sec1 { background-color: #FFFBF0; font-size: 2.2rem; color:var(--gray600) } 
.tit_star { margin-bottom: 4rem; display: flex; align-items: center; justify-content: center; } 
.tit_star p { position: relative; padding: 0.5rem 1rem; display: inline-block; } 
.pnc_list1 { display: flex; flex-wrap: wrap; font-size: 2rem; } 
.pnc_list1 li { background: url(../img/ico_cheak1.svg) no-repeat; padding: 0.5rem 4.5rem; margin-bottom: 2rem; background-size: 32px; font-weight: 400; flex: 0 0 50%; max-width: 50%; } 
.pnc_list1 li.st2 { max-width: 100%; flex: 0 0 100%; } 
.sub_tit { font-size: 1.8rem; color:var(--gray500); margin-bottom: 6rem; } 
.sub_tit .tit_st1 { color:var(--text) } 
.pnc_sec2 { font-size: 1.8rem; } 
.pnc_sec3 { background-color:#F6F1EE } 
.pnc_box1_wp { row-gap: 3rem } 
.pnc_box1 { background-color:#fff; position: relative; padding: 13rem 4rem 4rem; height: 100%; border-radius: 2rem; font-size: 1.7rem; } 
 .pnc_box1 i { position: absolute; display: block; right: 3rem; top: 3rem; } 
.pnc_box1 dt { font-size: 2.6rem; font-weight: 600; margin-bottom: 1.4rem; position: relative; z-index: 2; line-height: 140%; } 
.pnc_box1 dd { color:var(--gray600); line-height: 1.45em; } 
.pnc_box1.grd { border: 1px solid var(--gray100, #F5F5F5); box-shadow: 0 0 23.2px 0 rgba(149, 179, 212, 0.30); } 
.pnc_box1.st2 { padding-top:9.2rem; } 
.pnc_box1 .br_box { background-color: #F6F1EE; border-radius: 1rem; margin-top: 2rem; padding: 2rem; } 
.pnc_box1 .br_box .fw_700 { color:#A66E3D } 

.pnc_box2 { display: flex; gap: 2rem; display: flex; flex-wrap: wrap; } 
.pnc_box2 .box_in { width: calc((100% / 2) - 2rem); border: var(--primary) 1px solid; padding: 3.6rem 3rem; display: flex; border-radius: 2rem; font-size: 1.8rem; } 
.pnc_box2 dl { margin-left: 2rem; } 
.pnc_box2 dt { color: var(--primary-hover); font-size: 2.6rem; margin-bottom: 1rem; font-weight: 600; } 
.pnc_box2 dd { color:var(--gray600); line-height: 1.45em; } 

/*2.임산부전문클리닉>태아염색체이상*/
.tab_st { background-color: #f5f5f5; border-radius: 10rem; padding: 1rem; display: flex; gap: 0.2rem; margin-top: 6rem; } 
.tab_st .btn { flex:1; border-radius: 10rem; font-size: 2.2rem; } 
.fetal_box { margin-top: 10rem; font-size: 1.8rem; } 
 .fetal_box dl { margin-top:3rem; } 
 .fetal_box dt { color:#A66E3D; display: flex; align-items: center; } 
 .fetal_box dt::before { content: ''; background-color: #A66E3D; width: 3px; height: 16px; display: inline-block; margin-right: 0.8rem; } 
 .fetal_box dd { padding-left: 1.5rem; margin-top: 1rem; line-height:1.4em; } 
.fetal_box.row { } 
.fetal_box .pp_img { padding-right: 4.5rem; } 
.fetal_box .pp_txt { padding-right: 4.5rem; padding-left: 4.5rem; } 

.alim { display: flex; margin-top: 2.8rem; font-size: 0.95em; } 

/*2.임산부전문클리닉>산후 검진*/
.post_box { } 
.post_box li { margin-bottom: 1rem; background-color: #f5f5f5; border-radius: 2rem; padding: 3.6rem 3rem; display: flex; align-items: center; font-size: 2rem; } 
.post_box .num { width: 54px; height: 54px; border: var(--primary-hover) 1px solid; color:var(--primary-hover); font-size: 2rem; border-radius: 5rem; margin-right: 2rem; display: flex; align-items: center; justify-content: center; font-weight: 600; } 
.post_box li:last-child { margin-bottom: 0rem; } 
.post_box_img { background: url(../img/post_img2.jpg) no-repeat 90% center; width: 100%; height: 100%; background-size: cover; } 

/*3.부인과클리닉>월경이상*/
.dash_box dl { height: 100%; border: #A0AD71 2px dashed; text-align: center; padding: 4rem; border-radius: 2rem; font-size: 1.8rem; color:var(--gray600); line-height: 140%; background-color: #fff; } 
.dash_box dl dt { color: var(--primary); margin-bottom: 1.5rem; margin-top: 3rem; font-size: 2.4rem; } 
.dash_box { row-gap: 3rem; } 
.word_bw { word-wrap: break-word; } 

/*3.부인과클리닉>다낭성*/
.post_box2 li { margin-bottom: 1rem; background-color: #F9FBF1; border-radius: 2rem; padding: 3.6rem 3rem; display: flex; align-items: center; font-size: 2rem; } 
.post_box2 .num { width: 54px; height: 54px; border: var(--primary) 1px solid; color:var(--primary-hover); font-size: 2rem; border-radius: 5rem; margin-right: 2rem; display: flex; align-items: center; justify-content: center; font-weight: 600; } 
.post_box2 li:last-child { margin-bottom: 0rem; } 
.post_box2 .tit { font-size: 1.2em; margin-bottom: 0.6rem; } 

/*3.부인과클리닉>난임*/
.f_c_tit { margin-top: 9rem; } 
.f_c_box { margin-top: 6rem; padding: 6rem; background-color: #F9FBF1; border-radius: 2rem; font-size: 1.8rem; text-align: center; color:var(--gray600) } 

/*3.부인과클리닉>자궁*/
.ut_dl { display: flex; font-size: 1.8rem; } 
.ut_dl dt { flex-shrink: 0; width: 26rem; font-size: 3rem; padding: 5rem 0.5rem; border-top: var(--primary ) 2px solid; } 
.ut_dl dd { flex: 1 1 auto; padding: 5rem 1rem; border-top: var(--border ) 1px solid; line-height: 145%; } 

/*커뮤니티>공지사항*/
.con_top { margin-top: 9rem; } 
.board_tit { display: flex; justify-content: space-between; margin-bottom: 2.8rem; align-items: center; } 
.board_tit .sch_ip { width: 100%; max-width: 40rem; } 

.border_list { border-top: #000 1px solid; } 
.border_list a { display: block; } 
.border_list .board_box { padding: 3.4rem 2rem; display: flex; align-items: center; border-bottom: #e3e3e3 1px solid; } 
.border_list .bor_wrap { display: flex; } 
.board_box .bor_num{width:50px;      text-align: center; margin-right:1rem}
.no_data { padding: 5rem 0rem; } 

.border_view { border-top: #000 1px solid; border-bottom: #000 1px solid; font-size: 1.8rem; line-height: 150%; } 
.border_view .bd_tit { padding: 5rem 3rem; border-bottom: var(--border) 1px solid; } 
.border_view .bd { padding: 5rem 3rem; } 
/*게시판첨부파일 */
.at_down { margin-top: 5rem; } 
.at_down dd a { display: flex; margin-bottom: 0.5rem; padding: 2rem; border-radius: 1rem; background-color: #f5f5f5; display: flex; align-items: center; word-break: break-all; } 
 


/*커뮤니티>faq 자주하는질문*/
/* faq */
.aaccordion { overflow-anchor: none; } 

 .faq_st { /* margin-top: 5rem; */border-top: #000 1px solid; } 
.faq_st .accordion_tit { display: flex; justify-content: space-between; align-items: center; height: auto; vertical-align: middle; box-sizing: content-box; margin-top: 0; padding: 0rem; } 

.faq_st .card-header:hover { background-color: #fcfcfc; } 
.faq_st .faq_wrap { border-bottom: #e3e3e3 1px solid; } 
.faq_st .faq-header { /* background-color: #f5f5f5; *//* border-radius: 3rem; */padding: 3rem 4rem; } 

.faq_st .card-body { padding: 3rem 3.6rem 3rem 3rem; background-image: url(../images/faq_line.png); background-repeat: no-repeat; background-size: 0.4rem 100%; background-color: rgba(225, 225, 225, 0.2); line-height: 1.6; } 
.faq_st .faq_ico { margin-right: 4rem; flex-shrink: 0; } 
.faq_st .faq_tit { font-size: 2rem; font-weight: 600; } 
 .faq_st .faq-body { display: flex; padding: 3rem 4rem; font-size: 1.8rem; line-height: 1.4; background-color: #f5f5f5; } 
.faq_st .faq-body .faq_a { font-size: 3rem; font-weight: 700; color:#6C757D; margin-right: 2rem; } 

.faq_st .accordion_tit[aria-expanded="false"] .btn_accordion { transform:rotate(180deg); } 
.faq_st .accordion_tit[aria-expanded="true"] .btn_accordion { transform:rotate(0deg); } 
.faq_st .btn_accordion { flex-shrink: 0; } 

/*커뮤니티>개인정보취급방침*/
.priv_wp { } 
.policy_wrap { padding: 5rem 3rem; line-height: 145%; font-size: 1.8rem; line-height: 1.7; color: #333; } 

.policy_wrap section { margin-top: 3rem; } 
.policy_wrap h3 {  margin-bottom: 10px; font-size: 1.8rem;  font-weight: 700;} 
.policy_wrap p { margin-bottom: 10px; } 
.policy_wrap ul { padding-left: 18px; list-style: disc; } 
.policy_wrap .date { margin-top: 10px; color: #777; font-size: 14px; } 

/*커뮤니티>환자 권리 장전*/
.post_box2.st2 li{background-color: #f5f5f5;  font-size: 1.8rem;}
.post_box2.st2 .tit { font-size: 1.8rem;}

/**/
.price_section{margin-bottom: 5rem;}

/*반응형 max 1400 */
@media (max-width: 1400px){
 .sect4_box { font-size: 1.6rem; } 
 }
/*반응형 max 1200 xl*/
@media (max-width: 1199.98px){
 .wide_wp { padding-left:6rem; padding-right:6rem; } 
 /*영상*/
 .youtube-wrapper { border-radius: 3rem; } 
 .youtube-wrapper .movie_txt { font-size: 2rem; } 
 .youtube-wrapper .movie_txt .txt1 { font-size: 4rem; } 


.video_wr { border-radius: 3rem; } 
 .video_wr .movie_txt { font-size: 2rem; } 
 .video_wr .movie_txt .txt1 { font-size: 4rem; } 

/*메인*/
 .sect1 .txt1 { font-size: 2.2rem; } 
.sect1_img1 img { width: 80%; } 
.sect1 .txt2 { font-size: 2rem; } 

 /*원장님 학력*/
.doctor_his_l { font-size: 1.6rem; } 
.doctor_his_l dt { margin-bottom: 1rem; } 

/*늘곁에산부인과 주요 진료과목*/
.sect3 { padding-top: 10rem; padding-bottom: 6rem; } 
.card_trm { margin-bottom: 2rem; height: 55rem; } 
.card_trm .txt1 { font-size: 4rem; } 
.card_trm .txt3 { font-size: 2.4rem; margin-top: 4rem; } 
.card_trm button { margin-top: 2rem; } 

/*서브////////////////////////////////////////////////////////////////////////////////////*/

/*1.병원소개>네가지약속*/
.about_hd { height: 70rem; } 
.about_hd_txt { padding-top: 20rem; } 
.about_sec1 { padding-top: 10rem; padding-bottom: 10rem; } 
.about_sec1 .row { font-size: 1.8rem; } 
.about_sec2 .hd_tit { font-size: 3.2rem; padding: 7rem 5rem; } 
.slide_div .tit_st1 { font-size:3.4rem; } 
.about_sec2 .slide_div > div { height: 30rem; } 
.about_sec2 .slide_div .w_txt span { font-size: 2.2rem; } 

/*2.임산부전문클리닉>산전검사*/
.pd_110 { padding-top: 8rem; padding-bottom: 8rem; } 
.pnc_list1 { font-size: 1.8rem; margin-top: 3rem } 
.pnc_list1 li { background-size: 20px; padding: 0rem 3rem; } 
.pnc_box3.row { row-gap: 3rem; } 
.pnc_box1 i { top: 2rem; right: 2rem; } 
.pnc_box1 dt { width: 70%; } 
 }


/*반응형 max 992px lg*/
@media (max-width: 991.98px) { /*서브메뉴*/
 .about_hd2 { height: 40rem; } 
.about_hd2 .tit_st1 { margin-bottom: 1.5rem; font-size:3rem; } 
.about_hd2 .about_hd_tit { padding-top: 15rem; font-size: 1.8rem; z-index: 2; position: relative; } 
.sub_nav { padding: 1rem 2rem; } 
.sub_nav.fixed { top: 4.6rem; background:#f5f5f5; backdrop-filter: blur(5px); } 
.sub_nav .nav_pc .btn { font-size: 1.5rem; height: 4rem; font-size: 1.4rem; padding-left: 1rem; padding-right: 1rem; } 
.sub_nav .nav_pc { /* padding: 0rem; */ } 
 
/*2.임산부전문클리닉>산전검사*/ 
/*2.임산부전문클리닉>태아염색체이상*/
.fetal_box .pp_txt { padding-right: 0rem; padding-left:0rem; } 
.fetal_box .pp_img { padding-right: 0rem; } 
.fetal_box .fs_30 { font-size: 2.4rem; } 

/*커뮤니티>공지사항*/
.board_tit .sch_ip { max-width: 30rem; } 
 }




/*반응형 max 767px md*/
@media (max-width: 767.98px){
 .idx_pg .tit_st3 { font-size: 1.5rem; } 
 .idx_pg .tit_st1 { font-size: 2rem; } 
 .quick { transform: none; top:auto; bottom: 5rem; background: none; padding: 0rem; backdrop-filter: blur(0px); } 
 .quick li { margin-bottom: 1rem; } 
 /*영상*/
 .youtube-wrapper { border-radius: 2rem; } 
 .youtube-wrapper .movie_txt p:last-child { display: none; } 
 .youtube-wrapper .movie_txt .txt1 { font-size: 1.6rem; margin-bottom: 0rem; } 
.youtube-wrapper .movie_txt { bottom: 15%; line-height: 120%; } 

 
.video_wr { border-radius: 2rem; } 
 .video_wr .movie_txt p:last-child { display: none; } 
 .video_wr .movie_txt .txt1 { font-size: 1.6rem; margin-bottom: 0rem; } 
.video_wr .movie_txt { bottom: 15%; line-height: 120%; } 

 /*메인*/
 .wide_wp { padding-left:2rem; padding-right: 2rem; margin-top: 1rem; } 
.sect1 { padding-top: 4rem; padding-bottom: 3rem; } 
.sect1 .txt1 { font-size: 1.6rem; margin-bottom: 1rem; } 
.sect1_img1 { margin-bottom: 3rem; } 
.sect1 .txt2 { font-size: 1.6rem; margin-top: 2rem; padding: 0rem 5%; } 

/*원장님 학력*/
.sect2 { padding-top: 4rem; } 
/* .sect2:after { height: 100%; } */
.doctor_his_l dl { margin-bottom: 3rem; } 

/*늘곁에산부인과 주요 진료과목*/
 .sect3 { padding-top: 5rem; padding-bottom: 2rem; } 
 .card_trm { height: 40rem; border-radius: 2rem; } 
 .card_trm .txt1 { font-size: 2.4rem; } 
 .card_trm .txt2 { font-size: 1.6rem; } 
 .card_trm .txt3 { font-size: 1.6rem; } 
 .sect3 .tit_st1 { margin-bottom: 3rem; } 
 .card_trm button { font-size: 1.8rem; padding-left: 2rem; } 
 .card_trm button img { width: 4rem; } 

 /*늘곁에산부인과가 특별한 이유*/
 .sect4 { padding-top: 3rem; padding-bottom: 3rem; } 
 .sect4 .row { margin-top: 3rem; } 
 .sect4_box .txt1 { font-size: 2rem; } 
 .sect4_box { font-size: 1.4rem; } 
 .sect4_box img { max-width: 80px; } 

 /*늘곁에산부인과의 진료내용*/
 .sect5 { padding: 5rem 0rem; } 
 .treatment_slide .noto { font-size: 2rem; } 

 /*늘곁에 산부인과 둘러보기*/
 .sect6 { padding: 5rem 0rem; } 
 .box-b-Swiper .swiper-button-next { right: 3%; width:3rem; } 
 .box-b-Swiper .swiper-button-prev { left: 3%; width: 3rem; } 
 .box-b-Swiper { margin-top: 2.5rem; } 

 /*늘곁에 산부인과 오시는길*/

 .sect7 { padding-top: 5rem; padding-bottom: 5rem; font-size: 1.5rem; } 
 .sect7 .fs_30 { font-size: 2.4rem; } 
 .sect7 .btn-outline-light { padding-left: 2rem; padding-right: 2rem; font-size: 1.5rem; } 
 .sect7 .root_daum_roughmap_landing { border-radius: 1rem; margin-top: 3rem; } 
 .root_daum_roughmap .wrap_map { height: 400px !important; } 

 /*푸터*/
 .ft_logo { margin-top: 2rem; width: 14rem; } 



/*서브////////////////////////////////////////////////////////////////////////////////////*/
/*1.병원소개*/
.about_hd { height: auto; background-position-x: 63%; } 
.about_hd img { max-width: 40px; } 
.about_hd_txt { padding-top: 12rem; padding-bottom: 5rem; font-size: 1.5rem; } 
 .about_sec1 { padding-top: 5rem; padding-bottom: 5rem; } 
.about_sec1 .row { font-size: 1.8rem; margin-top: 3rem; } 
.about_sec1 .history dl { margin-top: 3rem; } 
.about_sec1 .history { margin-top: 5rem; } 
.about_slide { width: 80%; margin-left: 10%; } 
.about_slide li .img { border-radius: 1.6rem; } 

/*1.병원소개>네가지약속*/
.about_sec2 .hd_tit { font-size: 2rem; padding: 5rem 2rem; } 
.about_sec2 .hd_tit img { max-width:3.4rem; } 
 .about_sec2 .slide_div > div { height:22rem; } 
 .slide_div .tit_st1 { font-size: 2rem; padding: 0rem 1rem; } 
 .about_sec2 .slide_div .w_txt { margin-bottom: 1rem; } 
 .about_sec2 .slide_div .w_txt span { font-size: 1.6rem; } 

/* 모바일에서는 fixed 제거 */
.about_sec2 .slide_div .image { background-attachment:scroll; } 
.about_sec2 .slide_div .text { font-size:1.6rem; } 


/*서브메뉴*/
.sub_nav.fixed { background: rgba(255, 255, 255, 0.4); } 
 .about_hd2 { height: 30rem; } 
 .about_hdbg::before { filter: blur(5px); } 
.about_hd2 .tit_st1 { margin-bottom: 1.5rem; font-size: 2.2rem; } 
.about_hd2 .about_hd_tit { padding-top: 10rem; font-size: 1.4rem; } 

 /*2.임산부전문클리닉>산전검사*/
 .about_hd2 .nav_pc { display:none; } 
 .about_hd2 .nav_m { display:block; width:100%; text-align:center; } 
 .pd_110 { padding-top: 5rem; padding-bottom: 5rem; } 
.pnc_sec1 { font-size: 1.6rem; } 
.pnc_list1 li { max-width: 100%; width: 100%; flex: 1 1 auto; font-size: 1.6rem; background-size: 16px; padding: 0rem 0rem 0rem 3rem; margin-bottom:1rem; } 
.pnc_sec1 .fs_30 { font-size: 2rem; } 
.sub_tit { font-size: 1.4rem; margin-bottom: 3rem; } 
.pnc_sec2 { font-size: 1.6rem; } 
.pnc_box1 { padding:6rem 2.5rem 3rem; font-size: 1.5rem; } 
.pnc_box1.st2 { padding-top: 6rem; } 
.pnc_box1 dt { font-size: 2rem; width: 80%; } 
.pnc_box1 i { right: 2rem; top: 2rem; } 
.pnc_box1 i img { max-height:5rem; } 
 .pnc_box2 { gap: 1.4rem; } 
 .pnc_box2 .box_in { width: 100%; padding: 2.6rem 2rem; font-size: 1.6rem; } 
 .pnc_box2 .flex-shrink-0 img { width: 20px; } 
 .pnc_box2 dt { font-size: 2rem; } 
 .pnc_box2 dl { margin-left: 1rem; } 
.pnc_box1_wp { row-gap: 1.6rem; } 


/*2.임산부전문클리닉>태아염색체이상*/
.tab_st .btn { font-size: 1.8rem; } 
.fetal_box { font-size: 1.6rem; } 
.fetal_box { margin-top: 3rem; } 
.fetal_box .pp_txt { margin-top: 2rem; } 
.fetal_box .fs_30 { font-size: 1.9rem; } 
.fetal_box dl { margin-top: 2rem; } 
.fetal_box dt::before { height: 12px; } 
.tab_st { margin-top: 4rem; padding: 0.5rem 1rem; } 
.fetal_box dd { padding-left: 1.2rem; margin-top: 0.6rem; } 
 
.alim img { width: 20px; } 

/*2.임산부전문클리닉>산후 검진*/
.post_box_img { height: 20rem; margin-bottom: 2rem; } 
.post_box li { flex-direction: column; text-align: center; padding: 2rem; font-size: 1.5rem; border-radius: 1rem; } 
.post_box .num { width: 3rem; height: 3rem; font-size: 1.6rem; margin-bottom: 1rem; margin-right: 0rem; } 

/*3.부인과클리닉>월경이상*/
.dash_box dl { font-size: 1.6rem; padding: 2rem 1.5rem; border: #A0AD71 1px dashed; } 
.dash_box dl dt { font-size: 1.8rem; margin-top: 2rem; } 
.dash_box { row-gap: 1.6rem; } 

/*3.부인과클리닉>다낭성*/
.post_box2 li { flex-direction: column; text-align: center; padding: 2rem; font-size: 1.5rem; border-radius: 1rem; } 
.post_box2 .num { width: 3rem; height: 3rem; font-size: 1.6rem; margin-bottom: 1rem; margin-right: 0rem; } 

/*3.부인과클리닉>난임*/
.f_c_tit { margin-top: 5rem; } 
.fs_30 { font-size: 2rem; } 
.f_c_box { margin-top: 3rem; padding:3rem 2rem; font-size: 1.5rem; } 
.f_c_box img { max-width: 5rem; } 

/*3.부인과클리닉>자궁*/
.ut_dl { font-size: 1.5rem; flex-direction: column; } 
.ut_dl dt { width: 100%; font-size: 2rem; border-top: #a0ad71 1px solid; background-color: #e3e7d3; color: #859b35 !important; text-align: center; padding: 1rem; } 
.ut_dl dd { padding:2rem 0.5rem; border-top: 0rem; } 

.con_top { margin-top: 5rem; } 
.board_box .bor_num{display:none}
/*게시판첨부파일 */
.border_view { font-size: 1.6rem; } 
.border_view .bd_tit { padding: 2rem 0.5rem; } 
.border_view .bd_tit .tg_400 { font-size: 1.4rem; } 
.border_view .bd { padding: 2rem 0.5rem } 
.at_down dd a { font-size: 1.4rem; padding: 1rem 1rem; } 
.at_down { margin-top: 3rem; } 

/*커뮤니티>faq 자주하는질문*/
.faq_st .faq_tit { font-size: 1.6rem; } 
.faq_st .faq_ico { margin-right: 2rem; } 
.faq_st .faq_ico img { width: 3rem; } 
.faq_st .faq-header { padding: 2rem 1rem; } 
.faq_st .faq-body { font-size: 1.5rem; padding: 2rem 1rem; } 
.faq_st .btn_accordion { width: 2rem; } 

/*커뮤니티>개인정보취급방침*/
.priv_wp { padding: 3rem 1rem; font-size: 1.5rem; } 
.policy_wrap {   font-size: 1.5rem;     padding: 3rem 1rem;    line-height: 1.5;} 

/*커뮤니티>환자 권리 장전*/
.post_box2.st2 li{   font-size: 1.5rem;}
.post_box2.st2 .tit { font-size: 1.5rem;}
 
 }

/*반응형 max 576px sm*/
@media (max-width: 575.98px){
 .doctor_his { flex-direction: column-reverse; } 
 .doctor_his_r { width: 100%; } 
 .doctor_his_l { margin-left: 0%; margin-top: 2rem; } 

/*서브////////////////////*/
.about_hd2 .about_hd_tit { font-size: 1.3rem; } 
/*1.병원소개>네가지약속*/
.about_sec2 .hd_tit { font-size:1.4rem; } 
 /*2.임산부전문클리닉>산전검사*/
 .tit_star { flex-direction: column; } 
 .tit_star img { width: 8px; } 

.tab_st .btn { font-size: 1.5rem; padding-left: 1rem; padding-right: 1rem; } 
.tab_st.st2 { gap: 0rem; gap: 0rem; } 
.tab_st.st2 .btn { flex:0 0 50%; word-wrap: break-word; max-width: 25%; } 
 
/*커뮤니티>공지사항*/
.con_top { margin-top: 3rem; } 
.board_tit { flex-direction: column; margin-bottom: 1rem; align-items: flex-start; } 
.border_list .board_box { padding: 1.5rem 0.5rem; } 
.border_list { font-size: 1.5rem; } 
.board_tit .sch_ip { max-width: 100%; margin-top: 1rem; } 

.price_section{margin-bottom: 2rem;}

}

@media (max-width:380px) { } 



@media (min-width: 1400px){
 .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } 
 }

 @media (min-width: 400px){
 .tab_st.st2 .btn br { display: none; } 
 }