/* 나눔스퀘어 네오 */
@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: 10px; --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: 1920px; min-width: 1200px; margin: 0 auto; } 

main { width: 100%; min-width: 1200px; height: 100%; } 

section { width: 100%; max-width: 1920px; } 

main section { font-family: 'NanumSquareNeo', sans-serif; } 


header { width: 100%; position: fixed; top: 0px; left: 0px; z-index: 100; background-color: #fff; padding: 0 50px; 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; } 

header a.logo { width: 30rem; min-width: 20rem; 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; } 


/************ 사이트맵 ************/
#siteMap { display: none; width: 70%; text-align: center; position : fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background:#fff; z-index: 1000; padding: 6rem 3rem 8rem; border-radius: 2rem; } 

#siteMap h2 { font-size: 4rem; margin-bottom: 4rem; } 

#siteMap.on { display: block; } 


#siteMap>ul { display: flex; width: 100%; } 

#siteMap>ul>li { width: calc(100% / 5); } 

#siteMap a { display: inline-block; font-family: 'Pretendard Variable', sans-serif; transition: border 200ms ease; border-bottom: 1px solid transparent; } 

#siteMap a:hover { border-bottom: 1px solid var(--color25); } 

#siteMap .mainMenu>a { font-size: 2rem; color: var(--color25); font-weight: 600; margin-bottom: 2rem; } 

#siteMap .subnav a { color: var(--color30); margin-bottom: 1rem; font-size: 1.6rem; } 

.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none; } 

#siteMap .close { position : absolute; top: 10%; right: 1%; transform: translate(-50%,-50%); font-size: 3rem; color: var(--color25); cursor: pointer; } 



 /* 퀵메뉴 */
 #quickMenu { position: fixed; right: 8px; top: 77%; transform: translateY(-50%); z-index: 1000;
background: #ffffffd0; padding: 3rem 1rem; box-shadow: 1px 1px 3px #0000003a; border-radius: 3rem;} 
 #quickMenu li {text-align: center; } 
 #quickMenu li:not(:first-child) { margin-top:2rem} 
 #quickMenu a p{font-size: 1rem; color: #45382f; letter-spacing: -.05rem;}




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

footer { width: 100%; background: #755d50; margin: 0 auto; padding: 70px 30px; display: flex; justify-content: center; } 

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

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

footer li { font-size: 16px; color: rgba(255, 255, 255, 0.8); margin-bottom: 5px; } 

footer li:last-child { margin-bottom: 0; } 

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

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

footer .ml { margin-left: 20px; } 

footer .mid { width: auto; } 

footer .footerLogo { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } 


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

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





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


main.indexMain .more { transition: opacity 300ms ease; opacity: 1; } 
main.indexMain .more:hover { opacity: .8; } 

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



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

main.indexMain .s1 { overflow: hidden; margin-top: 9rem; width: 100%; } 
main.indexMain .s1 .swiper-container-first, .s1 .swiper-slide { width: 100%; height: 72rem; } 

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

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

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

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

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

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



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

main.indexMain .s3 { display: flex; justify-content: end; width: 100%; } 

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

main.indexMain .s3 .iricScroll .left { position: sticky; width: 50%; top: 9rem; text-align: right; z-index: 1; padding: 185px 220px 185px 0; } 

main.indexMain .s3 .iricScroll .left .con { width: 25rem; justify-self: end; } 

main.indexMain .s3 .iricScroll .left a { margin-top: 7rem; display: block; justify-self: center; background: #bd8b73; width: 180px; text-align: center; font-weight: bold; padding: 1.5rem 0; border-radius: 30px; font-size: 1.8rem; color: #fff; } 

main.indexMain .s3 .iricScroll .right { position : absolute; top: 0; width: 50%; background: #fffbf6; justify-self: end; margin-top:0px; } 

main.indexMain .s3 .iricScroll .right li { padding: 140px 0 95px 100px; } 



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

 .s4 .intro_doc { position: relative; background: url(./images/s4bg_1.png) center/cover no-repeat; height: 880px; display: flex; padding-top: 10rem; } 

 .s4 .intro_doc .left { padding-left: 18vw; z-index: 1; } 
 /* .s4 .intro_doc .left { padding-left: 360px; } */

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

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

 .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: 800px; flex-wrap: wrap; margin-bottom: 5.5rem; } 

.s4 .intro_doc .left ul li { width: 50%; } 

.s4 .intro_doc .left ul li p { position: relative; font-size: 1.8rem; color: var(--color30); letter-spacing: -.4px; line-height: 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: 4px; height: 4px; 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 .btns { display: flex; gap: 1rem; } 

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; } 

.s4 .intro_doc .right p { width: 432px; position: absolute; top: 2.5rem; right: 10vw; z-index: 0; } 

 .s4 .intro_doc .right p img { width: 100%; } 



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

main.indexMain .s5 { background: #695345; padding: 13rem 0 10rem; 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: 50rem; 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 { background: url(images/map_bg.png) center/cover no-repeat; height: 660px; display: flex; align-items: center; } 

 .s_map .con { width: 100%; max-width: 1200px; height: auto; display: flex; margin: 0 auto; font-family: 'Pretendard Variable', sans-serif; } 

 .s_map .con>div { width: 50%; padding-right: 9rem; } 

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

 .s_map .con .left p { font-size: 2rem; color: #746f6c; line-height: 1.7; letter-spacing: -.1rem; font-weight: 400; } 

 .sub1_5 .imp,
 .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%); } 

 /* sub1_5 */
 .sub1_5 .table,
 .sub1_5 .table .time,
 .s_map .con .table,
 .s_map .con .table .time { display: flex; gap: 2rem; } 
 .sub1_5 .table { display: flex; gap: 4rem; } 




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


 /************ 서브공통 ************/
#sub { width: 100%; max-width: 1920px; overflow: hidden; background: #fffcf7; } 
#sub section:not(.sub1_01 section) { position : relative; margin-bottom: 13rem; } 
#sub section:last-of-type:not(.sub1 section, .sub5 section) { margin-bottom: 0 !important; } 

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

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

 /* min-width: 1200px; */

.subtitle { text-align: center; padding-top: 12.5rem; margin-bottom: 10rem; } 
#sub h2,
.subtitle h2 { font-family: 'NanumSquareNeoExtraBold', sans-serif; color: var(--subtxt); font-size: 3.5rem; margin-top: 3rem; } 

/* section 상단 공통 */
 .subTop { position : relative; width: 100%; margin-top: 90px; z-index: 10; } 
 .subTop .con { display: flex; align-items: center; width: 100%; padding-left: 35rem; } 


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

 .subTop .con h1 { font-size: 4.8rem; font-family: 'NanumSquareNeoExtraBold', sans-serif; margin-top: 4rem; } 
 
 /* transform : rotate(0.02deg); 글자 부드럽게 */
 .subTop .con .txt { margin-top: -8rem; } 
 .subTop .con .txt p { font-size: 1.8rem; line-height: 1.5; transform : rotate(0.03deg); margin-top: 6rem; font-family: 'NanumSquareNeo', sans-serif; } 

 /* sub 상단 */
 .sub1_top .con { background: url(./images/sub1_top.jpg) center/cover no-repeat; height: 50rem; padding-left: 38rem; } 
 .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/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 #b4b4b485; background: #fff; } 

.sub1Tab { width: 100%; max-width: 1160px; } 
.sub2Tab { width: 100%; max-width: 900px; } 
.sub5Tab, .sub4Tab,
.sub3Tab { width: 100%; max-width: 1000px; } 

.tabMenu { display:flex; justify-content: space-between; margin: 0 auto; } 
.tabMenu a { width: 18rem; font-family: "Noto Sans KR", sans-serif; color: #b7b2ac; font-size: 1.8rem; font-weight: 600; word-break: keep-all; text-align: center; } 
.tabMenu a span { display: inline-block; padding: 2.3rem 1rem; height: 76px; } 
.tabMenu a span.on { border-bottom: 3px solid var(--color25); color: #252525; } 

.tabMenu li { max-width: 185px; display: flex; justify-content: center; } 

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



.subTopCon .imgbox, .sub1_02 .subtitle .txtbox { width: 50%; } 
.subTopCon .imgbox { text-align: right; padding-right: 2.5rem; } 
.subTopCon .txtbox { display: flex; align-items: center; padding-left: 2.5rem; } 
.subTopCon .txtbox .con { text-align: left; margin-top: 5rem; } 
.subTopCon .txtbox .con p { margin-top: 8rem; font-size: 2.2rem; line-height: 1.5; 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 17rem; width: 100%; max-width: 1280px; text-align: center; } 
#sub .sp .con ul { margin-top: 10rem; } 
#sub .sp .con ul li { display: flex; justify-content: space-between; padding: 2rem 0; gap: 12rem; } 
#sub .sp .con div:not(.sp_title) { display: flex; flex-direction: column; justify-content: center; text-align: left; flex: 1; margin-left: 7rem; } 

#sub .sp .con ul li:nth-child(even) { flex-direction: row-reverse; } 
#sub .sp .con ul li:nth-child(even) div { margin-left: 9rem; } 

#sub .sp .con div p { font-size: 2.3rem; margin-top: 3rem; color: #685244; font-family: 'NanumSquareNeoBold', sans-serif; line-height: 1.4; } 
#sub .sp .num { width: 20rem; height: 3.2rem; border-bottom: 2px solid #e9d9c9; } 

#sub .sp .BgBoxL { width: 90%; 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.8rem; word-break: keep-all; font-weight: 600; transform : rotate(0.02deg); } 

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: 'NanumSquareNeoLight', sans-serif; font-size: 2.2rem; } 

main.sub1_01 .s1 { text-align: center; padding: 13.5rem 0 11rem; } 
main.sub1_01 .s1 p { margin-bottom: 9.5rem; } 

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

main.sub1_01 .s2 { background-image: url(./images/sub1_03.jpg); justify-content: end; } 
main.sub1_01 .s2 p { width: 55rem; margin-right: 10%; } 
/* main.sub1_01 .s2 p { width: 55rem; position : absolute; right: 3%; top: 50%; transform: translate(-50%, -50%); } */

main.sub1_01 .s3 { background-image: url(./images/sub1_04.jpg); } 
main.sub1_01 .s3 p { margin-left: 15%; } 
/* main.sub1_01 .s3 p { position : absolute; left:35%; top: 50%; transform: translate(-50%, -50%); } */

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 7%; text-align: center; } 



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

.sub1_02 { width: 100%; } 
.sub1_02 .intro_doc { height: 829px; background: url(./images/sub1-2_s4bg_1.png) center/cover no-repeat; } 




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

.doctors { max-width: 1260px; 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.5rem 2.5rem; border-radius: 2rem; position : relative; } 

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

.doctors h2 { font-family: 'NanumSquareNeoBold', sans-serif; margin-top: 0 !important; } 
.doctors ul { display: flex; gap: 2rem; margin-top: 5rem; } 
.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.5rem; margin-top: 3rem; } 
.doctors .group1 ul { width: 100%; flex-direction: column; } 
.doctors .group1 ul li { margin: 0 auto; width: 40.6rem; } 
.doctors .group1 ul li:first-of-type a { cursor: default; } 

.doctors >div:not(:first-of-type) ul { flex-wrap: wrap; } 
.doctors >div:not(:first-of-type) li { flex: 0 0 calc((100% - 4rem) / 3); } 



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

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

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

#doctorPopup { display: none; } 

#doctorPopup.on { display: none; } 

.sub1_3_popup_wrap .modal { position : fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); 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:first-of-type img { object-fit: cover; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; image-rendering: pixelated; } 
 #doctorPopup:not(:first-of-type) img { max-width: 1070px; image-rendering: -webkit-optimize-contrast; /* Safari */
 image-rendering: -moz-crisp-edges; /* Firefox */
 image-rendering: crisp-edges; /* Chrome */ } 



/********** sub1_04 둘러보기 **********/

.sub1_04 .swiper-container { max-width: 1500px; overflow: hidden; margin: 0 auto; height: 430px; } 

.sub1_04 .swiper-slide { height: 330px; 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_5 .section_address, .sub1_5 .wrap_controllers { display: none !important; } 

.sub1_5 .info { display: flex; max-width: 1400px; margin: 5rem auto 0; } 
.sub1_5 .info > div { flex: 1; } 
.sub1_5 .info h3 { font-size: 2.3rem; display: flex; gap: 1rem; font-family: "NanumSquareNeoExtraBold", sans-serif; color: var(--subtxt); margin-bottom: 1.8rem; } 

.sub1_5 .info .table h4 { position : relative; font-size: 2.3rem; font-family: "NanumSquareNeoExtraBold", sans-serif; color: var(--color30); margin-bottom: 1.8rem; padding-left: 1rem; } 

.sub1_5 .info .table h4:after { content: ''; position : absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 90%; background: var(--color30); } 

.sub1_5 .table p { font-size: 2rem; color: #746f6c; line-height: 1.7; } 

.sub1_5 .info .right h4 { font-size: 2.5rem; font-family: 'NanumSquareNeo', serif; font-weight: normal; margin-bottom: 7rem; } 

.sub1_5 .info .right p:nth-child(4) { font-family: "Noto Serif KR", serif; font-size: 5rem; margin-top: -2rem; line-height: 1; color: var(--color30); font-weight: 500; } 

.sub1_5 #sub5map { margin: 0 auto; } 





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

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

.sub2_01 section >.con { padding: 10rem 0; width: 1270px; } 

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


.sub2_01 .s2 .top ul { margin-top: 13rem; display: flex; flex-direction: column; gap: 5rem; } 
.sub2_01 .s2 .top ul li { display: flex; align-items: center; padding: 0 11.5rem; } 
.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: 2.1rem; 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; } 
.sub2_01 .s2 .bottom h3 { margin: 2.5rem 0 9.5rem; font-size: 2.3rem; color: #685244; } 
.sub2_01 .s2 .bottom .left { padding-right: 2.5rem; } 
.sub2_01 .s2 .bottom .right { padding-left: 2.5rem; display: flex; flex-direction: column; gap: 5.5rem; } 
.sub2_01 .s2 .bottom .right li { display: flex; align-items: center; } 

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

.sub2_01 .s3 .con { padding-bottom: 20rem; } 
.sub2_01 .s3 ul { display: flex; width: 100%; gap: 2rem; margin-top: 10rem; } 
.sub2_01 .s3 ul li { flex: 1; } 
.sub2_01 .s3 ul li p:last-child { font-size: 2.5rem; font-weight: bold; color: #534e4b; margin-top: 4rem; } 

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

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



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



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




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

.sub5 .subtitle { margin-bottom: 7rem; } 
.sub5 .con { width: 100%; max-width: 1200px; margin: 0 auto; } 
.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: 200px; 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%; max-width: 1200px; margin: 5rem auto 0; font-family: 'NanumSquareNeo', sans-serif; } 

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

.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 td { border-bottom: 0px; font-size: 1.7rem !important; } 


/* 컨설팅문의 */

/* tab1 */
.sub5_02 #tab1 { text-align: center; background: #fff; width: 100%; max-width: 85rem; margin: 0 auto 4rem; padding: 5rem 4rem; border-radius: 2rem; } 

.sub5_02 #tab1 h3 { font-size: 2.5rem; line-height: 1.4; color: var(--subtxt); } 

/* .sub5_02 #tab1 hr { width: 10%; height: .2rem; margin: 4rem auto; border: none; background:#ddd; } */

.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; } 

.sub5_02 .form_box { width: 100%; max-width: 850px; margin: 0 auto; } 

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


.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: 12px; font-size: 1.4rem !important; transition: border-color 0.3s ease; background: #fff; } 

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

.form_box input[name="receiver_email"] { width: 31.5rem; } 
 
 .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 .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 .formmail_title_bgcolor { background: #fffcf7; } 

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

 
/* 비급여 */
.sub5_04 .sub_title { text-align: center; margin-bottom: 5rem; } 

.sub5_04 .tab_content { width: 100%; max-width: 1200px; margin: 0 auto; font-size: 1.6rem; } 

.sub5_04 .m { display: none; } 

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

.sub5_04 .paragraph .title { background: #fcebe169; } 
.sub5_04 .paragraph .subject { margin-bottom: 2rem; } 

.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 .paragraph .table1 { 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 { width: 100%; max-width: 1100px; margin: 0 auto; } 


.sub5_05 .con table a,
.sub5_05 .con table { font-family: "NanumSquareNeo", sans-serif; } 
.sub5_05 .con table:not(a) { 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 .board_bgcolor { font-family: "NanumSquareNeo", sans-serif; background: #fff5e9; padding: 1rem; } 

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



/* 로그인 */
.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 table { background: transparent !important; font-family: 'NanumSquareNeo', sans-serif; font-size: 1.5rem; } 

.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 .link_box
 .login_form .link_box li { display: flex; padding: 1rem; } 

 .login_form .link_box p { display: inline-block; font-size: 1.3rem; padding: 1rem 1rem 1rem 6rem; width: 26.5rem; } 
 .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; } 



 
/* 정보수정 */
.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: 60%; margin: 0 auto; background: #fff; padding: 2rem; border: 3px solid #ffefe7; border-radius: 1rem; } */
.join_box { width: 60%; margin: 0 auto; display: flex; justify-content: center; } 

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

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



/* 개인정보처리방침 */
.policy_page .p_con { max-width: 1200px; width: 100%; margin: 0 auto; } 
.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;} 



/* 게시판 전체폰트 크기 */
.board_desc {font-size: 15px;}