/* 나눔스퀘어 네오 */
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css'); /* 
font-family: 'NanumSquareNeoLight'; font-family: 'NanumSquareNeo'; font-family: 'NanumSquareNeoBold'; font-family: 'NanumSquareNeoExtraBold'; font-family: 'NanumSquareNeoHeavy'; */


* { margin: 0; padding: 0; box-sizing: border-box; letter-spacing: -0.01em; } 

ul { list-style: none; } 

a { text-decoration: none; } 

p { word-break: keep-all; } 

:root { font-size: 8px; --mainMenu-text: #473e31; --color30: #303030; --color25: #252525; --subtxt: #685244; } 

.pFair { font-family: "Playfair Display", serif; } 

.notoSerif { font-family: "Noto Serif KR", serif; } 

.notoSans { font-family: "Noto Sans KR", sans-serif; } 

.preT { font-family: 'Pretendard Variable', sans-serif; } 

.nanumNeo { font-family: 'NanumSquareNeo', sans-serif; } 

.nanumM { font-family: "Nanum Myeongjo", serif; } 







/************ 공통 ************/

#wrap { width: 100%; max-width: 640px; margin: 0 auto; position:relative; } 

main { width: 100%; height: 100%; } 

section { width: 100%; } 

main section { font-family: 'NanumSquareNeo', sans-serif; word-break: keep-all; } 


/* header { width: 100%; max-width: 640px; position: fixed; top: 0px; left: 50%; transform: translateX(-50%); z-index: 100; background-color: #fff; padding: 0 50px; border-bottom: 1px solid #473e3123; } */
header { width: 100%; max-width: 640px; position: fixed; top: 0px; transform: translateX(-50%); z-index: 100; background-color: #fff; border-bottom: 1px solid #473e3123; } 

header a { display: block; } 

header>.inner { position: relative; width: 100%; height: 9rem; display: flex; justify-content: space-between; align-items: center; font-size: 1.6rem; box-sizing: border-box; padding: 0 20px; } 

header a.logo { width: 20rem; min-width: 10rem; height: 6rem; text-indent: -3333px; background: url(images/logo.png) left/contain no-repeat; } 


header .inner .mainMenu { display: flex; align-items: center; max-width: 75rem; height: 9rem; } 
header .inner .mainMenu>li { height: 100%; width: 15rem; text-align: center; position: relative; } 


header .inner .mainMenu .topnav>a { color: var(--mainMenu-text); font-family: "Noto Sans KR", sans-serif; height: 100%; line-height: 8.5rem; letter-spacing: -.5px; } 

header .inner .mainMenu .subnav { display: none; align-items: center; position: absolute; top: 9rem; left: 50%; transform: translateX(-50%); padding: 2rem 1rem; background: #534e4b; width: 15rem; } 

header .inner .mainMenu .subnav a { color: #fff; margin-bottom: 1rem; font-size: 1.4rem; } 
header .inner .mainMenu .subnav li:last-child a { margin-bottom: 1; } 

header .siteMap { width: 30rem; display: flex; justify-content: end; } 



 /* 퀵메뉴 */
 #quickMenu { position: fixed; width: 100%; max-width: 640px; right: 50%; bottom: 0; transform: translateX(50%); z-index: 1000; display: flex; justify-content: space-between; background: #ffffffde; padding: .5rem 0; } 
 #quickMenu li { flex: 25%; } 
 #quickMenu li a { display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: start; } 
 #quickMenu a p {font-size: 1.4rem; color: #756050;line-height: 1; font-weight: bold;}
 #quickMenu li img { transform: scale(.7); } 

/************ 공통 하단 ************/

footer { width: 100%; background: #755d50; margin: 0 auto; padding:5rem 5rem 11rem; display: flex; justify-content: center; } 

footer .inner { width: 100%; text-align: left; display: flex; justify-content: space-between; flex-direction: column; } 

footer .inner a { color: #fff; font-weight: bold; } 

footer .inner ul:first-of-type { margin-bottom: 2rem; } 



footer li { font-size: 2rem; color: rgba(255, 255, 255, 0.9); } 

footer span { font-family: 'NotoSansKR', sans-serif; font-weight: lighter; } 

footer b { margin-right: 5px; font-weight: 600; } 

footer .ml { margin-left: 1.5rem; } 

footer .footerLogo { width: 100%; max-width: 250px; min-width: 100px; margin: 0 auto; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } 

footer .footerLogo img { width: 100%; } 

.more_btn { margin-top: 30px; margin-right: 15px; transition: all 0.2s ease-out; } 

.more_btn:hover { margin-right: -4px; } 






/***********************************/
/************ index 메인 ************/

main.indexMain { background: #faf3eb; margin-top: 9rem; } 

main.indexMain h2, .s_map h2 { font-family: "Noto Serif KR", serif; font-size: 4rem; line-height: 1; } 

.mainMap h2 { margin-bottom: 4rem; color: #303030 } 

/************ section1 메인슬라이드 ************/

main.indexMain .s1 { overflow: hidden; width: 100%; } 
main.indexMain .s1 .swiper-container-first { position : relative; } 
main.indexMain .s1 .swiper-container-first, .s1 .swiper-slide { aspect-ratio: 639 / 842; } 

main.indexMain .s1 .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } 

main.indexMain .s1 .swiper-container-first .swiper-pagination { position : absolute; top: 95%; left: 50%; transform: translate(-50%, -50%); } 

main.indexMain .s1 .swiper-container-first .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 2px; border: 1px solid #e6e6e6; } 
main.indexMain .s1 .swiper-container-first .swiper-pagination-bullet-active { background: #e6e6e6; } 

/************ section2 스페셜리티 ************/

main.indexMain .s2 { display: flex; align-items: center; background: url(./images/s2_bg.jpg) no-repeat center/cover; padding: 5rem 0 } 
main.indexMain .s2 .swiper-container1 { width: 100%; margin: 0 auto; position: relative; text-align: center; font-family: "Playfair Display", serif; } 

main.indexMain .s2 .swiper-container1 h2 { margin-bottom: 5rem; font-family: "Playfair Display", serif; } 

main.indexMain .s2 .swiper-container1 .swiper1.mySwiper { position: relative; width: 100%; margin: 0 auto; overflow: hidden; } 

main.indexMain .s2 .swiper-container1 .swiper-wrapper { width: 100% !important; margin: 0 auto; } 

main.indexMain .s2 .swiper-container1 .swiper-slide { aspect-ratio:360 / 400 } 

main.indexMain .s2 .swiper-container1 .swiper-wrapper img { width: 90%; } 







/************ section3 IRIC ************/

main.indexMain .s3 { display: flex; flex-direction: column; } 

main.indexMain .s3 .iricScroll { width: 100%; position : relative; } 

main.indexMain .s3 .iricScroll .left { position: sticky; width: 100%; top: 9rem; text-align: right; z-index: 1; } 

/* main.indexMain .s3 .iricScroll .left .con { width: 100%; display: flex; align-items: flex-start; gap: 3rem; justify-content: space-between; background: #be8b74; padding: 14vw 3rem; border-radius: 0 0 80px 0; flex-direction: row; } */
main.indexMain .s3 .iricScroll .left .con { width: 100%; display: flex; align-items: flex-start; gap: 3rem; justify-content: space-between; background: #be8b74; padding: 4rem 3rem; border-radius: 0 0 60px 0; flex-direction: row; } 

main.indexMain .s3 .iricScroll .left a { display: block; border: 2px solid #fff; width: 18rem; text-align: center; font-weight: bold; padding: 1.5rem 0; border-radius: 30px; font-size: 1.8rem; color: #fff; } 

main.indexMain .s3 .iricScroll .right { margin-top: 1.5rem; width: 100%; padding: 0 3rem; } 

main.indexMain .s3 .iricScroll .right li { padding-bottom: 2rem; display: flex; justify-content: center; } 

main.indexMain .s3 .iricScroll .right li img { width: 100%; } 









/************ section4 .intro_doc ************/

 .s4 .intro_doc { display: flex; flex-direction: column-reverse; justify-content: start; padding:0 1rem 7rem; position : relative; } 


/* 의료진 이미지 */
 .s4 .intro_doc::before { position : absolute; content: ''; top: 0; right: 0; background: #fff; width: 94%; height: 540px; border-radius: 0 0 0 114px; } 
.s4 .intro_doc .right p { margin-top: 10rem; text-align: center; width: 100% } 

 .s4 .intro_doc .right p img { width: 303px; } 

 .s4 .intro_doc .left { padding: 0 1rem; width: 80%; margin: 8rem auto 0; } 

 .s4 .intro_doc .left h1 { font-size: 4rem;; font-weight: 500; } 

.s4 .intro_doc .left h1 small { font-size: 2rem; } 

 .s4 .intro_doc .left>p:nth-child(2) { color: #9f843f; font-size: 2rem; font-weight: bold; margin: 2rem 0 5rem; } 

 .s4 .intro_doc .left ul { display: flex; width: auto; flex-wrap: wrap; margin: 0 auto; } 

.s4 .intro_doc .left ul li p { position: relative; font-size: 2rem; color: var(--color30); letter-spacing: -.4px; line-height: 3.3rem; padding-left: 1rem; font-weight: 500; } 

.s4 .intro_doc .left ul li p:after { position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; background: var(--color25); border-radius: 50%; } 

.s4 .intro_doc .left ul li p.dash { font-weight: 300; padding-left: 2rem; } 

.s4 .intro_doc .left ul li p.dash:after { width: 6px; height: 2px; left: 1rem; border-radius: 0; background: #a9a49f; } 

main.indexMain .s4 { overflow: hidden; } 

main.indexMain .s4 .btns { display: flex; gap: 1rem; margin-top: 20px; } 

main.indexMain .s5 .more,
main.indexMain .s4 .intro_doc .left .btns a { background: var(--color30); color: #fff; font-weight: bold; width: 15rem; padding: 1.3rem 0 1.3rem .3rem; border-radius: 30px; font-size: 1.8rem; display: flex; justify-content: center; letter-spacing: -.1rem; } 

main.indexMain .s5 .more span,
main.indexMain .s4 .intro_doc .left .btns span { margin-left: 1rem; font-size: 2.1rem; } 
main.indexMain .s4 .intro_doc .left>a:nth-child(4) { margin-right: .5rem; } 






/************ section5 연세정담view ************/

main.indexMain .s5 { background: #695345; padding: 6rem 0; text-align: center; } 

main.indexMain .s5 h2 { color: #fff } 

main.indexMain .s5 a { margin: 4rem auto 5.5rem; } 


main.indexMain .s5 .swiper-container2 { width: 100%; margin: 0 auto; height: 40rem; overflow: hidden; } 
main.indexMain .s5 .swiper2 { width: 100%; position : relative; } 

main.indexMain .s5 .swiper-container2 .swiper-slide { transition: all 0.3s ease; opacity: 0.6; transform: scale(0.8); height: 400PX; overflow: hidden; } 

main.indexMain .s5 .swiper-container2 img { width: 100%; height: 100%; object-fit: cover; object-position: center; vertical-align: middle; } 

main.indexMain .s5 .swiper-container2 .swiper-slide-active { opacity: 1; transform: scale(1); } 
main.indexMain .s5 .swiper-container2 .swiper-slide-next,
main.indexMain .s5 .swiper-container2 .swiper-slide-prev { opacity: 0.7; transform: scale(0.7); } 

main.indexMain .s5 .swiper-pagination { position : absolute; left: 50%; transform: translate(-50%, -50%); bottom:-22%; gap: 1rem; } 
main.indexMain .s5 .swiper-pagination-bullet { margin-left: .3rem; border: 1px solid #ffffff21; } 
main.indexMain .s5 .swiper-pagination-bullet-active { background: var(--color25); border: none; } 


/************ section6 map ************/
 .s_map { display: flex; align-items: center; } 

 .mainMap { background: url(images/map_bg.png) center/cover no-repeat; } 

 .s_map .con { width: 100%; height: auto; display: flex; font-family: 'Pretendard Variable', sans-serif; flex-direction: column; gap: 4rem; } 

 .mainMap .con { padding: 7rem 4rem; } 

 .s_map .con>div { width: 100%; } 

 .mainMap .s_map .con .left h2 { margin-bottom: 6rem; line-height: 1; color: var(--color30); } 

 .s_map .con .left p { color: #746f6c; letter-spacing: -.1rem; font-weight: 400; display: inline-flex; font-family: 'NanumSquareNeo', serif; } 

main.indexMain .s_map .con .left p { font-size: 2.1rem; line-height: 1.7; } 

 .mainMap .s_map .con .left p.imp { font-size: 1.8rem !important; } 

 .s_map h3 { font-size: 2rem; color: #9f843f; letter-spacing: -.1rem; margin-bottom: 2.2rem; } 

 .s_map h4 { font-size: 2rem; color: var(--color30); letter-spacing: -.1rem; margin-bottom: 1.5rem; } 

 .s_map .left h4 { padding-left: 1rem; position : relative; } 

 .s_map .left h4:after { position : absolute; content: ''; width: .4rem; background: var(--color30); height: 70%; top: 50%; left: 0; transform: translateY(-50%); } 

 .s_map .table { flex-direction: column; } 

 /* sub1_05 */

 .s_map .table .time ul { width: 100%; } 
 .s_map .table .time ul li>p:first-of-type:not(.imp) { font-weight: bold; } 

 .s_map .con .table,
 .mainMap .s_map .con .table .time { display: flex; gap: 2rem; } 
 
 .s_map .table .time ul li>p:first-of-type:not(.imp) { width: 40%; font-family: 'NanumSquareNeo', serif; } 

#map { width: 100%; min-width: 150px; height: 320px; border-radius: 20px; } 




 

/* ***************
******* sub ******
*****************/


 /************ 서브공통 ************/
#sub { background: #fffcf7; } 
#sub:not(.sub5_04) { overflow: hidden; } 
#sub section:not(.sub1_01 section, .policy_page section) { position : relative; margin-bottom: 18rem; } 
#sub section:last-of-type:not(.sub1 section, .sub5 section) { margin-bottom: 0 !important; } 

#sub:not(.sub1_05) section >.con { margin: 0 auto; text-align: center; z-index: 1; position : relative; } 

.str { font-family: "NanumSquareNeoExtraBold", sans-serif; } 

.subtitle { padding-top: 12.5rem; margin-bottom: 10rem; } 

#sub h2,
.subtitle h2 { font-family: 'NanumSquareNeoExtraBold', sans-serif; color: var(--subtxt); font-size: 3.2rem; margin-top: 3rem; word-break: keep-all; } 

/* section 상단 공통 */
 /* .subTop { position : relative; width: 100%; margin-top: 9rem; z-index: 2; } */
 .subTop { position : relative; width: 100%; margin-top: 9rem; } 
 .subTop .con { display: flex; align-items: center; width: 100%; padding-left:min(11vw, 70px); } 


 .yonsei { font-family: "Nanum Myeongjo", serif; font-size: 1.4rem; letter-spacing: .4rem; color: #685244 } 

 .subTop .con h1 { font-size: 4rem; font-family: 'NanumSquareNeoExtraBold', sans-serif; margin-top: 4rem; } 
 
 .subTop .con .txt p { font-size: 1.8rem; line-height: 1.5; margin-top: 6rem; font-family: 'NanumSquareNeo', sans-serif; width: 90%; } 

 /* sub 상단 */
 .sub1_top .con { background: url(./images/sub1_top.jpg) center/cover no-repeat; height: 50rem; padding-left: min(11vw, 70px) } 
 .sub2_top .con { background: url(./images/sub2_top.jpg) center/cover no-repeat; height: 78rem; } 
 .sub3_top .con { background: url(./images/sub3_top.jpg) center left/cover no-repeat; height: 78rem; } 
 .sub4_top .con { background: url(./images/sub4_top.jpg) center/cover no-repeat; height: 78rem; } 
 .sub5_top .con { background: url(./images/sub5_top.jpg) center/cover no-repeat; height: 50rem; } 


/* 탭메뉴 */
.tabWrap { width: 100%; border-bottom: 2px solid #a8a8a885; background: #fff; } 
.sub2_top .tabWrap, .sub5_top .tabWrap
 {
 border-bottom: 1px solid #a8a8a885; } 

.tabMenu { display:flex; justify-content: space-between; margin: 0 auto; width: 100%; flex-wrap: wrap; } 

.tabMenu li { border-right: 1px solid #c0c0c0; } 


.tabMenu a { font-family: "Noto Sans KR", sans-serif; color: #b7b2ac; font-size: 1.8rem; font-weight: 600; word-break: keep-all; text-align: center; width: 100%; } 
.tabMenu a span { display: inline-block; padding: 2rem 1rem; width: 100%; } 


/* **** */


.tabMenu .last { border-right: 0px; } 


.tabMenu li { display: flex; justify-content: center; flex: 1 0 33%; } 
.tabWrap .t4 li { display: flex; justify-content: center; flex: 1 0 50%; } 
.tabWrap .t4 li:nth-child(-n+2) { border-bottom: 1px solid #c0c0c0; } 
.tabWrap ul:not(.t4) li:nth-child(-n+3) { border-bottom: 1px solid #c0c0c0; } 
.sub2Tab li { border-bottom: 1px solid #c0c0c0; } 

.tabMenu li.on { background: #c7c4bf; } 
.tabMenu li.on a { color: #fff; } 


.subTopCon { margin: 0 auto; z-index: 1; } 
.BgBox { position : absolute; width: 95%; height: 104%; background: #fff; top: 0; } 
.BgBoxR { right: 0; border-radius: 20rem 0 0 20rem; } 
.subTopCon .BgBoxR { border-radius: 0 0 0 14rem; } 
.BgBoxL { left: 0; border-radius: 0 20rem 20rem 0; } 


.subtitle { display: flex; flex-direction: column; align-items: center; } 

.subtitle .imgbox { width: 80%; max-width: 600px; } 

.subtitle .imgbox img { width: 100%; } 

/* .subtitle .txtbox { text-align: left; margin: 3rem 1rem 3rem 5rem; } */
.subtitle .txtbox { width: 80%; margin: 3rem auto 0; } 

.subTopCon .txtbox .con p { margin-top: 3rem; font-size: 2rem; line-height: 1.6; color: #534e4b; font-family:'NanumSquareNeo', sans-serif; letter-spacing: -.5px; } 
.subTopCon .txtbox .con .str { letter-spacing: -.5px; } 

#sub .num { font-size: 3rem; font-weight: 800; color: #be8c6d; font-family: 'NanumSquareNeoHeavy', sans-serif; } 




/* speciality 스페셜리티 중복 */
#sub .sp .con { padding: 10rem 0; width: 80%; text-align: center; } 
#sub .sp .con ul { margin-top: 6rem; } 
#sub .sp .con ul li { display: flex; justify-content: space-between; padding: 2rem 0; gap: 2rem; flex-direction: column; } 
#sub .sp .con div:not(.sp_title) { display: flex; flex-direction: column; justify-content: center; text-align: left; } 


#sub .sp .con div p { font-size: 2rem; margin-top: 3rem; color: #685244; font-family: 'NanumSquareNeoBold', sans-serif; line-height: 1.4; } 

#sub .sp .con ul li>p { width: 100%; } 
#sub .sp .con img { width: 100%; } 

#sub .sp .num { width: 20rem; height: 3.2rem; border-bottom: 2px solid #e9d9c9; } 

#sub .sp .BgBoxL { width: 95%; height: 100%; border-radius: 0 20rem 0 0; z-index: 0; } 






/********** sub1_01 연세정담-진료철학 **********/
.sub5_top .con,
.sub3_top .con,
.sub1_top .con { color: var(--subtxt); } 

main.sub1_01 section { color: #534e4b; line-height: 3.5rem; word-break: keep-all; font-weight: 600; } 

main.sub1_01 section:not(:first-of-type) { height: 79.1rem; background-repeat: no-repeat; background-size: cover; background-position: center; } 

main.sub1_01 p { font-family: 'NanumSquareNeo', sans-serif; font-size: 2rem; } 

main.sub1_01 .s1 { text-align: center; padding: 13.5rem 2rem 11rem; } 
main.sub1_01 .s1 p { margin-bottom: 9.5rem; max-width: 450px; margin: 0 auto 8rem; } 

main.sub1_01 .s1 img { width: 100%; max-width: 424px; min-width: 120px; } 

main.sub1_01 section:not(.s1) { display: flex; align-items: center; padding: 0 4rem; } 

main.sub1_01 .s2 { background-image: url(./images/sub1_03.jpg); justify-content: end; } 
main.sub1_01 .s2 p { width: 100%; padding-left: 10%; text-align: right; } 

main.sub1_01 .s3 { background-image: url(./images/sub1_04.jpg); } 
main.sub1_01 .s3 p { padding-right: 15%; text-align: left; } 


main.sub1_01 .s4 { background-image: url(./images/sub1_05.jpg); align-items: end !important; } 
main.sub1_01 .s4 p { color: #fff; justify-content: end; margin: 0 auto 150px; text-align: center; } 





/********** sub1_02 연세정담-의료진소개 **********/

.sub1_02 { width: 100%; background: #faf3eb; } 







/********** sub1_03 연세정담-치료진소개 **********/

.sub1_03 .m0auto{margin: 0 auto;}

.sub1_03 .subtitle p.mt50{width: 100%; padding: 30px;}
.sub1_03 .subtitle p.mt50 img{width: 100%;}

.sub1_03 hr{width: 80%; margin: 0 auto;}

.sub1_03 .mt50{margin-top: 50px;}
.sub1_03 .center{text-align: center; margin-bottom: 80px;}


.doctors { width: 100%; margin: 0 auto; text-align: center; display: flex; flex-direction: column; gap: 11rem; } 
.doctors a { color: #38261c; display: flex; align-items: center; background: #fbf0de; padding: 1.3rem 2.5rem; border-radius: 2rem; position : relative; } 

.doctors .plusBtn { position : absolute; border: 1px solid #38261c; border-radius: 50%; right: 2.5rem; width: 4rem; height: 4rem; } 
.doctors .plusBtn:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 55%; content: ''; background: #38261c; height: 1px; } 
.doctors .plusBtn:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; content: ''; background: #38261c; height: 55%; } 

.doctors h2 { font-family: 'NanumSquareNeoBold', sans-serif; margin-top: 0 !important; } 
.doctors ul { display: flex; gap: 2rem; margin-top: 5rem; flex-direction: column; padding: 2rem; } 
.doctors ul li { width: 100%; max-width: 500px; margin: 0 auto; } 
.doctors ul li a>p { transform: scale(.9.5); } 
.doctors h3 { font-size: 3.2rem; } 
.doctors .txt { margin-left: 2rem; text-align: left; line-height: 1.3; } 
.doctors .txt p { font-size: 2rem; color: #38261c; } 

.doctors .group1>p { font-size: 2.2rem; margin-top: 3rem; } 





/* 치료진 팝업띄우기 */
/* #doctorPopup */

.doctorsBg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #00000031; opacity: 0; visibility: hidden; z-index: 100; transition: opacity 0.3s ease; } 

.doctorsBg.on { opacity: 1; visibility: visible; } 


.sub1_3_popup_wrap .modal { z-index: 200; } 

 #doctorPopup .closeBtn { position : absolute; width: 6rem; height: 6rem; top: 2rem; right: 2rem; cursor: pointer; } 

 #doctorPopup .closeBtn:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 50%; content: ''; background: #9e8d83; height: 3px; } 
 #doctorPopup .closeBtn:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 3px; content: ''; background: #9e8d83; height: 50%; } 

 #doctorPopup img { width: 90vw; max-width: 600px; min-width: 250px; image-rendering: -webkit-optimize-contrast; /* Safari */
 image-rendering: -moz-crisp-edges; /* Firefox */
 image-rendering: crisp-edges; /* Chrome */ } 


 #doctorPopup { display: none; } 


/********** sub1_04 둘러보기 **********/
.sub1_04 { padding: 0 2rem; } 
.sub1_04 .swiper-container { max-width: 640px; overflow: hidden; margin: 0 auto; height: 330px; } 
.sub1_04 .swiper-slide { height: 250px; cursor: pointer; } 
.sub1_04 .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.sub1_04 .swiper-slide p { font-size: 1.6rem; margin-top: 1rem; color: var(--subtxt) } 

.sub1_04 .swiper-pagination-bullet { margin-left: .3rem; border: 1px solid #705a46 } 

.sub1_04 .swiper-pagination-bullet-active { background: #705a46; border: none; } 

.sub1_04 h3 { font-size: 2.5rem; margin-bottom: 1rem; font-weight: normal; color: #705a46; } 





/********** sub1_05 진료시간 & 오시는길 **********/

.sub1_05 .s_map .con { flex-direction: column; padding: 0rem 3rem; } 

.sub1_05 .s_map .con h3 { display: flex; gap: .7rem; font-size: 3rem; align-items: center; margin-bottom: 1.8rem; font-family: "NanumSquareNeoExtraBold", sans-serif; } 

.sub1_05 .s_map .con h3:not(:first-of-type) { margin-top: 4rem; } 

.sub1_05 .s_map .con h3 img { transform: scale(.7); } 

.sub1_05 .s_map .left h4 { font-size: 2.5rem; font-family: "NanumSquareNeoExtraBold", sans-serif; } 

.sub1_05 .s_map .con .left p:not(.addr, .imp) { line-height: 1.7; font-size: 2.1rem; } 

.sub1_05 .s_map .left .addr { font-weight: bold; font-size: 2.3rem; word-break: keep-all; line-height: 1.3; } 

.sub1_05 .s_map .imp { font-size: 1.8rem; line-height: 1.4; } 


.sub1_05 .s_map .rightTable { margin-top: 3rem; } 

.sub1_05 .table { padding-left: 1rem; } 

.sub1_05 h2 { font-size: 3.5rem; } 


/* ************반응형********** */
/* ************반응형********** */
/* ************반응형********** */
@media screen and (max-width: 400px) { footer li { font-size: 1.5rem; } 
main.indexMain .s3 .iricScroll .left .con { gap: 3rem; } 
main.indexMain .s3 .iricScroll .left .con>p { max-width: 170px; min-width: 100px; } 
main.indexMain .s3 .iricScroll .left .con>p img { width: 100%; } 
 .s4 .intro_doc .left { width:90%; } 

 .s_map .table .time ul { width: 100%; } 

 main.indexMain .s3 .iricScroll .left a { width: 15rem; padding: 1rem 0; } 
 }

 @media screen and (max-width: 450px){
 .s_map .con .table .time { flex-direction: column; } 
 }

@media screen and (max-width: 300px) { footer { padding:5rem 3rem; } 
 main.indexMain .s2 { padding: 5rem 2rem; } 
 main.sub1_01 p { font-size: 1.8rem; } 
 footer .footerLogo { max-width: 200px; min-width: 100px; } 
 
 .s_map .con { padding: 7rem 3rem; } 
 .sub1_05 .s_map .con .left p { font-size: 2.4rem; } 
 }



/********** sub2 전자약센터 **********/

.sub2_top .con { color: var(--subtxt); } 
.subTopCon .BgBoxR { z-index: -1; height: 107%; } 

.sub2_01 section >.con { padding: 9rem 0; width: 85%; } 

.sub2_01 .s2 .top { padding-bottom: 10rem; margin-bottom: 10rem; border-bottom: 1px solid #daccc2; } 
.sub2_01 .s2 .top ul li { border-radius: 5rem 0 5rem 0; border: 1px solid #ede1d5; } 


.sub2_01 .s2 .top ul { margin-top: 6rem; display: flex; flex-direction: column; gap: 5rem; } 
.sub2_01 .s2 .top ul li { display: flex; align-items: center; padding: 3rem; } 
.sub2_01 .s2 .top ul li .txt { margin: 0 auto; border-left: 1rem solid #e9d9c9; width: 100%; height: 70%; align-items: center; display: flex; padding-left: 1.5rem; text-align: left; } 
.sub2_01 .s2 .top ul li p { color: #534e4b; font-size: 2rem; line-height: 1.5; } 
.sub2_01 .s2 .top ul li b { font-family: 'NanumSquareNeoExtraBold', sans-serif; } 


.sub2_01 .s2 .bottom>div { display: flex; align-items: center; flex-direction: column; width: 100% border: 1px solid #000; } 
.sub2_01 .s2 .bottom h3 { margin: 2.5rem 0 5.5rem; font-size: 2.3rem; color: #685244; } 
.sub2_01 .s2 .bottom .left { width: 100%; } 
.sub2_01 .s2 .bottom .left img { width: 100%; } 
.sub2_01 .s2 .bottom .right { display: flex; flex-direction: column; gap: 3.5rem; margin-top: 3rem; } 
.sub2_01 .s2 .bottom .right li { display: flex; align-items: center; } 

.sub2_01 .s2 .bottom .right li p { padding-left: 2rem; font-size: 2rem; color: #534e4b; text-align: left; } 
.sub2_01 .s2 .BgBox { left: 0; z-index: 0; width: 95%; height: 100%; } 

.sub2_01 .s3 ul { display: flex; width: 100%; gap: 2rem; margin-top: 10rem; flex-wrap: wrap; } 
.sub2_01 .s3 ul li { flex: 0 0 calc(50% - 1rem); } 
.sub2_01 .s3 ul li p:last-child { font-size: 2rem; font-weight: bold; color: #534e4b; margin-top: 2rem; } 

.sub2_01 .s3 ul li p img { width: 100%; height: 100%; } 

.sub2_01 .s3 .BgBoxR { width: 95%; } 



/********** sub3 심리평가센터 **********/
.sub3_top { color: #fff; } 



/********** sub4 심리치료센터 **********/
.sub4_top { color: var(--subtxt); } 




/********** sub5 커뮤니티 **********/

.sub5 .subtitle { margin-bottom: 7rem; } 
.sub5 .con { width: 100%; margin: 0 auto; padding: 0 2rem; } 
.sub5 .tabs { display: flex; gap: 1rem; justify-content: center; margin-bottom: 10rem; } 
.sub5 .tabs li a { display: block; color: #fff; text-align: center; font-size: 2rem; width:18rem; border-radius: 30px; padding: 1rem; background: var(--subtxt); } 
.sub5 .tabs a.active { background: #be977e; font-weight: bold; } 
.sub5 .tab-panel { display: none; } 
.sub5 .tab-panel.active { display: block; } 



/* 공지사항 */
.sub5_01 .notice { width: 100%; padding: 0 2rem; margin: 5rem auto 0; font-family: 'NanumSquareNeo', sans-serif; } 

.sub5_01 .notice table { font-size: 1.7rem; } 

.sub5_01 .notice table .att_title font { font-size: 1.7rem !important; } 

.sub5_01 .notice table .t_b1 { border-top: 2px solid #d5bbab; border-bottom: 2px solid #d5bbab; } 
.sub5_01 .notice #ext_search { margin-top: .5rem; display: flex !important; justify-content: center !important; } 

.sub5_01 .notice table .t_b1 .bbsno,
.sub5_01 .notice table .t_b1 .bbswriter,
.sub5_01 .notice table .t_b1 .bbsetc_dateof_write { font-size: 1.4rem !important; padding: 0 .2rem; } 
/* 제목 */
.sub5_01 .notice table .t_b1 .bbsnewf5 { width: 55%; padding-left: 1rem; font-size: 1.6rem !important; } 

/* 컨설팅문의 */


/* tab1 */
.sub5_02 #tab1 { text-align: center; background: #fff; width: 100%; max-width: 85rem; margin: 0 
 auto 4rem; padding: 5rem 2rem; border-radius: 5rem; } 
 
 
.sub5_02 #tab1 h3 { font-size: 2.5rem; line-height: 1.4; color: var(--subtxt); } 


.sub5_02 #tab1 .str { font-size: 1.9rem; color: #7b6546; display: block; margin: 5rem 0 3rem; text-align: center; } 


.sub5_02 #tab1 p { text-align: left; line-height: 1.7; font-size: 1.8rem; margin: 0 auto; width: 90%; word-break: keep-all; } 

.sub5_02 #tab1 small { color: #3d3d3d; font-size: 1.5rem; } 

.sub5_02 .form_box { width: 100%; margin: 0 auto; } 

.sub5_02 .form_box .formmail_title_bgcolor { font-family: "NanumSquareNeo", sans-serif; font-size: 1.3rem; background: #fffcf7; padding: .6rem; word-break: keep-all; } 

.sub5_02 .form_box td { padding: 1rem; font-family: "NanumSquareNeo", sans-serif; font-size: 1.5rem; } 

 .sub5_02 input { font-family: "NanumSquareNeo", sans-serif; } 

 .sub5_02 input[type="text"], 
 .sub5_02 input[type="email"],
 .sub5_02 select,
 .sub5_02 textarea { width: 100%; padding: .8rem; border: 2px solid #e1e5e9; border-radius: 9px; font-size: 1.4rem !important; transition: border-color 0.3s ease; background: #fff; } 

 .sub5_02 input[type="text"], 
 .sub5_02 select { width: 9rem; } 

.form_box input[name="receiver_email"] { width: 30rem; } 
 
 .sub5_02 input[type="text"]:focus, 
 .sub5_02 input[type="email"]:focus,
 .sub5_02 select:focus,
 .sub5_02 textarea:focus { outline: none; border-color: #685244; background: fff; } 


 .sub5_02 table table table.formmail_cell_bgcolor { width: 100%; } 
 
 .sub5_02 table table table.formmail_cell_bgcolor tbody td { display: block; width: 100%; } 

 .sub5_02 table table table.formmail_cell_bgcolor tbody td:nth-child(even) { display: none; } 

 .sub5_02 .formmail_textarea_style { font-family: "Noto Sans KR", sans-serif; } 
 .sub5_02 textarea:last-of-type { font-family: "Noto Sans KR", sans-serif; } 



 .sub5_02 .form_btns { margin-top: 1rem; } 



 /* 연세정담이야기 게시글 */


 .sub5_03 .board_description { width: 100% !important; } 
 #post_area img { width: 100% !important; height: auto !important; object-fit: cover; } 

 .edit_table { width: 100%; } 

 
/* 비급여 */
.sub5_04 { max-width: 640px; width: 100%; } 
.sub5_04 .tab_content { margin: 0 auto; font-size: 1.6rem; padding: 0 3rem; } 

.sub5_04 .sub_title { text-align: center; margin-bottom: 5rem; word-break: keep-all; } 

.sub5_04 .paragraph h4.sub_title { font-size: 2rem; } 
.sub5_04 .pa1 { max-width: 640px; } 

.sub5_04 .pa2 { max-width: 600px; } 

.sub5_04 .subject { margin-bottom: 2rem; } 

.sub5_04 .paragraph { padding-bottom: 2rem; overflow-x:auto; } 

.sub5_04 .paragraph table { width: 100%; border-collapse: collapse; } 

.sub5_04 .paragraph .title { background: #fcebe169; } 

.sub5_04 .paragraph .title th { padding: 1rem .5rem; border: 1px solid #6852443d; } 
.sub5_04 .paragraph table td { padding: 1rem; border: 1px solid #6852443d; } 

.sub5_04 .paragraph table th:first-of-type,
.sub5_04 .paragraph tr td:first-child { border-left: 0px; } 
.sub5_04 .paragraph table th:last-of-type,
.sub5_04 .paragraph tr td:last-child { border-right: 0px; } 

.sub5_04 .pa1 { margin-bottom: 10rem; } 

.sub5_04 .paragraph table { border-top: 2px solid var(--subtxt); } 
.sub5_04 .paragraph .title:nth-of-type(2) { border-bottom: 2px solid var(--subtxt) } 



/* 인사이트 컨설팅 */

.sub5_05 .subtitle { margin-bottom: 7rem; } 

.sub5_05 .con table a,
.sub5_05 .con table { font-family: "NanumSquareNeo", sans-serif; font-size: 1.5rem; background: transparent; } 
.sub5_05 table .att_title { border-bottom: 0px solid; } 
.sub5_05 .con .board_bgcolor font,
.sub5_05 table .att_title font { font-size: 1.7rem !important; } 
.sub5_05 table .gallery_title { font-size: 1.7rem; } 


.sub5_05 .con table tbody>tr:first-of-type { background: transparent; } 
.sub5_05 .con table tbody .att_title { background: #fff5e9; } 

.sub5_05 .con table tbody .att_title:nth-last-child(4) { width: 10%; } 
.sub5_05 .con table tbody .att_title:nth-last-child(3) { flex: 1; } 
.sub5_05 .con table tbody .att_title:nth-last-child(2),
.sub5_05 .con table tbody .att_title:last-child { width: 15%; } 

.sub5_05 .con table:nth-child(2) tbody tr { background: #fff; } 

.sub5_05 .con .bbsnewf5>table>tbody>tr:first-child td { padding: .5rem; } 
.sub5_05 .con .bbsnewf5>table>tbody>tr:first-child td { padding: .5rem; } 
.sub5_05 .con .bbsnewf5>table>tbody>tr:not(:first-child) td { padding: .3rem; } 


.sub5_05 .con table a { padding-left: 1rem; } 

.sub5_05 .con .board_bgcolor { font-family: "NanumSquareNeo", sans-serif; background: #fff5e9; padding: 1rem; } 

.sub5_05 .con #ext_search { margin-top: 1rem; } 

/* .sub5_05 .board_description img { width: 100%; border: 1px solid #000; height: 300px; } */




/* 로그인 */
.login_form { padding-bottom: 10rem; width: 100%; } 
.login_form .subtitle { margin-bottom: 5rem; } 

.login_form .login_box { margin: 0 auto; font-family: 'NanumSquareNeo', sans-serif; border-radius: 20px; padding: 0 px; max-width: 40rem; box-sizing: border-box; } 

.login_form .login_box input[type='image'] { margin-left: 1.2rem !important; } 

.login_form table { background: transparent !important; font-family: 'NanumSquareNeo', sans-serif; font-size: 1.5rem; width: 100% !important; } 

.login_form table tbody>tr:first-of-type>td:first-of-type { height: .5px; } 

 .login_form input[type="password"],
 .login_form input[type="text"]
 {
 padding: .2rem; } 

 .login_form input[type="password"]:focus,
 .login_form input[type="text"]:focus { outline: none; border-color: #685244; background: fff; } 

.login_form input[name='com_member_email'],
.login_form input[name='com_member_name'] { width: 15rem; } 


.login_form input[name='com_member_login_id'],
.login_form input[name='com_member_login_pw'] { width: 14rem; } 




 .login_form .link_box { display: flex; flex-direction: column; align-items: center; } 
 .login_form .link_box li { display: flex; padding-bottom: .5rem; } 

 .login_form .link_box p { display: inline-block; font-size: 1.3rem; padding: 1rem 1rem 1rem 0; width: 19rem; } 
 .login_form .link_box a { display: inline-block; width: 8.7rem; font-size: 1.3rem; background: var(--subtxt); padding: .7rem 0; color: #fff; border-radius: .5rem; text-align: center; line-height: 1.8; } 



 
/* 정보수정 */
.login_form .info { width: 100%; max-width: 700px; margin: 0 auto; } 


.login_form .info table { font-family: 'NanumSquareNeo', sans-serif; font-size: 1.3rem; } 
.login_form .join_box table .member_td_bgcolor,
.login_form .info table .member_td_bgcolor { width: 14rem; font-size: 1.3rem; background:#fff5e9; font-family: 'NanumSquareNeo', sans-serif; padding:8px 0 8px 0px; } 




/* 회원가입 */

.join_box { width: 100%; margin: 0 auto; display: flex; justify-content: center; } 

.join_box td.title { width: 22%; font-weight: bold; } 

.join_box .logintable { border: 1px solid #000; } 


 .login_form .join_box>table { width: 70% !important; } 

 .login_form .join_box .title { text-align: left; } 


 
/* ************반응형********** */
/* ************반응형********** */
/* ************반응형********** */


 @media screen and (min-width: 450px) { header a.logo { width: 25rem; } 
 }
 @media screen and (max-width: 450px){
 .s_map .con .table .time { flex-direction: column; } 
 }


@media screen and (max-width: 400px) { footer li { font-size: 1.5rem; } 
main.indexMain .s3 .iricScroll .left .con { gap: 3rem; } 
main.indexMain .s3 .iricScroll .left .con>p { max-width: 150px; min-width: 100px; } 
 .s4 .intro_doc .left { width:90%; } 

 .s_map .table .time ul { width: 100%; } 

 main.indexMain .s3 .iricScroll .left a { width: 15rem; padding: 1rem 0; font-size: 1.5rem; } 
 }


@media screen and (max-width: 300px) { footer { padding:5rem 3rem; } 
 main.indexMain .s2 { padding: 5rem 2rem; } 
 main.sub1_01 p { font-size: 1.8rem; } 
 footer .footerLogo { max-width: 200px; min-width: 100px; } 
 
 .s_map .con { padding: 7rem 3rem; } 
 }






 /* 개인정보처리방침 */
.policy_page .p_con { width: 100%; margin: 0 auto 10rem; padding: 0 2rem; } 
.policy_page .p_con h3 { font-size: 2rem; margin: 0 auto 100px; } 
.policy_page .p_con .title { font-size: 20px; } 
.policy_page .p_con p { font-size: 1.6rem; line-height: 1.8; } 
.policy_page table { border-collapse: collapse; margin: 20px auto; border-top: 3px solid #755d50; border-bottom: 3px solid #755d50; width: 100%; } 

.policy_page table th,
.policy_page table td { border:1px solid #6852443d; padding: 1rem; } 

.policy_page table td:first-child,
.policy_page table th:first-child { border-left: none } 

.policy_page table td:last-child,
.policy_page table th:last-child { border-right: none } 

.policy_page table th { background: #ede1d4; } 

.policy_page table.first td:nth-child(odd) { width: 12%; text-align: center; background: #fff; } 

.policy_page table.first td:nth-child(even) { width: 38%; text-align: center; } 

.policy_page .txtbox { background: #fff; border: 1px solid #755d50; margin: 1rem auto; } 



.policy_page h5 { color: #756d67 !important; font-size: 3rem !important; margin-top: 4rem; margin-bottom: 1rem; font-weight: bold; }