@charset "utf-8";
/* C00397 삼성공감정신건강의학 */

@keyframes alertShake{
	0%, 100%{transform:translateX(0);}
	20%, 60%{transform:translateX(-6px);}
	40%, 80%{transform:translateX(6px);}
}

@keyframes shakeMotion{
	0%, 100%{transform:translateX(0);}
	20%, 60%{transform:translateX(-3px);}
	40%, 80%{transform:translateX(3px);}
}

/* ========================================================================================================================================= */
/* 공통 */
.ScrollLock{overflow:hidden;}
.ScrollTarget{scroll-margin-top:300px;}
.Section .Inner{width:1400px; min-width:1400px;}
.SubSection .Inner{padding:150px 0;}
.SubSection .Title h2{font-family:"MaruBuri"; font-size:30pt; color:#222; text-align:center; font-weight:500;}
.SubSection .Title p{font-family:"MaruBuri"; font-size:13pt; color:rgba(34,34,34,0.5); text-align:center; font-weight:500; letter-spacing:-0.2pt; padding-bottom:10px;}
.SubSection .Title h2 b{font-family:"MaruBuri"; font-size:34pt; color:#222; text-align:center; font-weight:600;}
.SubSection .Title small{display:block; margin:0 auto; font-family:"Pretendard"; font-size:13.5pt; color:rgba(34,34,34,0.6); text-align:center; font-weight:400; letter-spacing:-0.2pt; padding-top:20px; line-height:1.6;}
/*.CenterFixed{width:100% !important; left:0; margin-left:0;}*/

/* ========================================================================================================================================= */
/* 키비주얼 */
.TopVisual{position:relative; display:block; background-size:cover; background-repeat:no-repeat; background-position:center; overflow:hidden; height:650px;}
.TopVisual .TopTitle{position:relative; display:block; width:1300px; left:50%; top:55%; transform: translate(-50%, -40%);}
.TopVisual .TopTitle h2{font-family:"MaruBuri"; font-size:30pt; color:#222;; text-align:center; font-weight:600;}
.TopVisual .TopTitle p{font-family:"Pretendard"; font-size:14pt; color:rgba(34,34,34,0.8); text-align:center; font-weight:400; line-height:1.6em; margin-top:20px;}

/* ========================================================================================================================================= */
/* 지점소개 */
.aboutBranchArea .BranchTab{width:1200px; min-width:1200px; margin:0 auto;}
	/* 탭메뉴 */
	.aboutBranchArea .BranchTab{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:10px;}
	.aboutBranchArea .BranchTab li{width:calc(100% / 5 - 15px); margin:7px 0;}
	.aboutBranchArea .BranchTab li a{display:block; width:100%; height:100%; border-radius:50px; color:rgba(34,34,34,0.6); background-color:#F4F4F4; display:flex; justify-content:center; align-items:center; font-size:15pt; font-weight:500; padding:18px 30px;}
	.aboutBranchArea .BranchTab li a::after{content:''; display:inline-block; width:7px; height:13px; background:url('/img/C00397/tabBox_arrow_gy.png'); background-size:cover; background-repeat:no-repeat; background-position:center; margin-left:10px;}
	.aboutBranchArea .BranchTab li.Active a{background-color:#007EDB; color:#fff; transition-duration:200ms;}
	.aboutBranchArea .BranchTab li.Active a::after{filter:brightness(0) invert(1);}

/* 지점별 안내 */
.aboutBranchArea .BranchContArea{margin-top:100px;}
/*.aboutBranchArea .BranchCont{position:relative; background-color:#fff; height:0; opacity:0; visibility:hidden;}*/
/*.aboutBranchArea .BranchCont.Active{height:auto; opacity:1; visibility:visible;}*/
.aboutBranchArea .BranchCont .TopTitle{font-family:'MaruBuri'; color:#222; font-size:30pt; font-weight:500; text-align:center; letter-spacing:-0.5pt;}
.aboutBranchArea .BranchCont .TopTitle span{font-family:'MaruBuri'; color:#007EDB; font-size:30pt; font-weight:600; letter-spacing:-0.5pt;}

.AboutLocation >.Inner{padding:0 0 100px;}
.AboutLocation .ContBox{margin-top:70px;}
.AboutLocation .ThumbBox{display:flex; justify-content:center; align-items:center; width:1300px; margin: 0 auto;}
.AboutLocation .Map{width:700px; overflow:hidden;}
.AboutLocation .mapAbout{width:100%; height:580px;}
.AboutLocation .RightBox{width:600px; height:580px; padding-left:100px; display:flex; flex-direction:column; justify-content:center;}
.AboutLocation .List.Hours{margin:40px 0;}
.AboutLocation .List h4{color:#1C417D; font-size:18pt; font-family:'MaruBuri'; font-weight:500; text-align:left; padding-bottom:10px;}
.AboutLocation .List p{color:rgba(34,34,34,0.7); font-size:13.5pt; text-align:left; line-height:1.4;}
.AboutLocation .List p small{display:block; color:#b0b0b0; line-height:1.4; padding-top:5px;}
.AboutLocation .Address{margin-top:0;}
.AboutLocation .Hours label{display:flex;}
.AboutLocation .Hours label pre{color:rgba(34,34,34,0.7); font-size:13.5pt; text-align:left; line-height:1.8;}
.AboutLocation .Hours label pre.Left{width:30%;}
.AboutLocation .Tel{margin-bottom:0;}
.AboutLocation .Tel a{display:inline-block; font-family:'MaruBuri'; color:#007EDB; font-size:24pt; font-weight:600;} 
.AboutLocation .Tel .ReservationBtn{background-color:#03C75A; border-radius:10px; color:#fff; font-family:'Pretendard'; font-size:13pt; padding:10px 20px; display:flex;
 align-items:center; margin-top:10px; font-weight:500;}
 .AboutLocation .Tel .ReservationBtn img{width:19%; object-fit:cover; margin-right:10px;}
 .AboutLocation .Tel .ReservationBtn.OlinBtn{background-color:#3e3cc8;}
	
	/* 오시는길_SNS */
	.BranchSNS .AboutLocation .List.Hours{margin:25px 0;}
	.BranchSNS .AboutLocation .List.SnS{margin-top:25px;}
	.BranchSNS .AboutLocation .List.Tel{display:flex; flex-direction:column; align-items:flex-start;}
	.BranchSNS .AboutLocation .List.Tel h4{padding-bottom:5px; display:flex; align-items:flex-end;}
	.BranchSNS .AboutLocation .List.Tel h4 span{font-size:12pt; color:#b0b0b0; font-weight:400; padding-left:10px; margin-bottom:5px;}
	.BranchSNS .AboutLocation .SnS ul{display:flex; justify-content:flex-start;}
	.BranchSNS .AboutLocation .SnS ul li{width:55px; height:55px; border-radius:50%; margin-right:15px;}
	.BranchSNS .AboutLocation .SnS ul li a{display:block; width:100%; height:100%; display:flex; justify-content:center; align-items:center; border-radius:50%; border:1px solid #ddd;}
	.BranchSNS .AboutLocation .SnS ul li a img{width:45%; object-fit:cover;}

/* 주차 및 대중교통 이용안내 */
.AboutLocation .Transport{width:1300px; background-color:#F6F6F6; border-radius:30px; overflow:hidden; margin:100px auto 0; padding:70px;}
.AboutLocation .Transport h3{font-family:"MaruBuri"; font-size:26pt; color:#222; text-align:center; font-weight:500;}
.AboutLocation .Transport ul{display:flex; justify-content:center; margin-top:60px;}
.AboutLocation .Transport ul li{width:calc(100% / 3); display:flex; flex-direction:column; align-items:center;}
.AboutLocation .Transport ul li .ImgBox{width:40px; height:45px; display:flex; justify-content:center; align-items:flex-end;}
.AboutLocation .Transport ul li .ImgBox img{width:100%; height:100%; object-fit:contain;}
.AboutLocation .Transport ul li .TextBox{display:flex; flex-direction:column; align-items:center;}
.AboutLocation .Transport ul li .TextBox::before{content:''; display:block; width:50px; height:4px; background-color:#D8D8D8; margin:10px 0 40px;}
.AboutLocation .Transport ul li .TextBox .Text01{font-size:16pt; color:#222; text-align:center; font-weight:600; margin-bottom:15px;}
.AboutLocation .Transport ul li .TextBox .Text02{font-size:13.5pt; color:rgba(34,34,34,0.7); text-align:center; line-height:1.4; margin:10px 0;}
.AboutLocation .Transport ul li .TextBox .Text02 b{display:inline-block; font-weight:500; margin-bottom:10px; background-color:rgba(34,34,34,0.5); color:#fff; padding:5px 15px; border-radius:50px; font-size:13pt;}
.AboutLocation .Transport ul li .TextBox .Text02 strong{font-weight:600;}
.AboutLocation .Transport ul li .TextBox .Text02 small{display:block; line-height:1.5; margin-top:5px; color:rgba(34, 34, 34, 0.5);}
.AboutLocation .Transport ul li .TextBox .Text02.TextLeft{text-align:left;}
.AboutLocation .Transport .Station{display: flex; justify-content:center;}
.AboutLocation .Transport .Station span{display:block; border-radius:50px; padding:5px 15px; color:#fff; font-size:12pt; margin-bottom:10px; margin:0 3px;}

	.AboutLocation .Transport .Station .Sinbundang{background-color:#AD0A0D;}
	.AboutLocation .Transport .Station .Suin{background-color:#f1cd01;}
	.AboutLocation .Transport .Station .OneLine{background-color:#0d3692;}
	.AboutLocation .Transport .Station .TwoLine{background-color:#3CB44A;}
	.AboutLocation .Transport .Station .ThreeLine{background-color:#FF6200;}
	.AboutLocation .Transport .Station .FiveLine{background-color:#8600A8;}
	.AboutLocation .Transport .Station .SevenLine{background-color:#387800;}
	.AboutLocation .Transport .Station .NineLine{background-color:#BE9010;}
	.AboutLocation .Transport .Station .Gyeongchun{background-color:#11A493;}
	.AboutLocation .Transport ul li.Bus .Text02 small{margin-bottom:10px;}

/* 의료진 소개 */
.AboutDoctorArea{padding:50px 0 150px;}
.AboutDoctorArea .Inner{width:1300px; min-width:1300px;}
.AboutDoctorArea .Inner .ContBox{margin-top:70px;}
.AboutDoctorArea .List{display:flex; align-items:flex-start; margin:50px 0;}
.AboutDoctorArea .List:first-child{margin-top:0;}
.AboutDoctorArea .List:last-child{margin-bottom:0;}
.AboutDoctorArea .ImgBox{background-color:#F2F9FF; width:550px; /*height:700px;*/}
.AboutDoctorArea .ImgBox img{width:100%; object-fit:cover;}

.AboutDoctorArea .Right{margin-left:95px; width:720px;}
.AboutDoctorArea .Right h4{display:flex; align-items:flex-end; color:#222; font-size:26pt;}
.AboutDoctorArea .Right h4 small{color:rgba(34,34,34,0.8); font-size:14pt; padding-bottom:5px; padding-left:8px; font-weight:500;}
.AboutDoctorArea .Right h4 span{display:flex; align-items:center; color:#1C417D; font-size:14pt; padding-bottom:5px; font-weight:600;}
.AboutDoctorArea .Right h4 span::before{content:''; display:inline-block;  width:2px; height:15px; background-color:#EBEBEB; margin:0 10px;}

.AboutDoctorArea .Right .TextBox{border-top:1px solid rgba(141, 148, 160, 0.5); margin-top:25px; padding-top:30px;}
.AboutDoctorArea .Right .TextBox .TopText{font-size:14pt; color:rgba(34,34,34,0.5); font-family:"MaruBuri"; font-weight:500;}

.AboutDoctorArea .Right .Txt{display:flex; justify-content:space-between; align-items:flex-start; margin-top:10px;}
.AboutDoctorArea .Right .HisTxt .LeftTxt{width:49%;}
.AboutDoctorArea .Right .HisTxt .RightTxt{width:49%;}
.AboutDoctorArea .Right .HisTxt .LeftTxt.LeftWap{width:100%;}
.AboutDoctorArea .Right .Txt p{display:flex; color:rgba(34,34,34,0.9); text-align:left; font-size:13pt; line-height:1.9;}
.AboutDoctorArea .Right .Txt p span{display:block; margin-right:5px; line-height:1.9;}
.AboutDoctorArea .Right .Academic{border-top:0; margin-top:30px; padding-top:0;}
.AboutDoctorArea .Right .Academic .LeftTxt{flex-direction:column;}
.AboutDoctorArea .Right .Academic p{line-height:1.5; margin:5px 0;}
.AboutDoctorArea .Right .Academic p:first-child{margin-top:0;}
.AboutDoctorArea .Right .Academic p:last--child{margin-bottom:0;}
.AboutDoctorArea .Right .Academic p span{line-height:1.5;}

/* 병원소개 */
.AboutArea{}
.AboutArea .Inner{width:1300px; min-width:1300px; padding:120px 0;}
.AboutArea ul{display:flex; flex-wrap:wrap; justify-content:center;}
.AboutArea ul li{width:calc(100% / 3 - 30px); margin:15px; height:600px; background-color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:900px;}
.AboutArea ul li .ImgBox{width:65px; height:70px;}
.AboutArea ul li .ImgBox img{width:100%; height:100%; object-fit:contain;}
.AboutArea ul li .TextBox{display:flex; flex-direction:column; align-items:center; margin-top:40px;}
.AboutArea ul li .Dot{display:block; width:7px; height:7px; background-color:#007EDB; border-radius:50px; margin-bottom:15px;}
.AboutArea ul li .Text01{font-size:16pt; color:#222; font-weight:600; text-align:center; line-height:1.4;}
.AboutArea ul li .Text02{font-size:13.5pt; color:rgba(34,34,34,0.7); text-align:center; line-height:1.5; margin-top:20px;}

/* 지점별 특별함 */
.AboutSpecial{}
.AboutSpecial .Inner{padding:150px 0;}
.AboutSpecial .TopTitle{font-weight:600 !important;}
.AboutSpecial .ContBox{padding-top:60px; display:flex; align-items:center;}
.AboutSpecial .Left{width:700px;}
.AboutSpecial .Left img{width:100%; object-fit:cover;}
.AboutSpecial .Right{width:600px; display:flex; flex-direction:column; align-items:flex-start; padding-left:90px;}
.AboutSpecial .Right li{margin:15px 0;}
.AboutSpecial .Right li:first-child{margin-top:0;}
.AboutSpecial .Right li:last-child{margin-bottom:0;}
.AboutSpecial .Right li .Text01{font-size:16.5pt; color:#222; font-family:"MaruBuri"; font-weight:600; display:flex; align-items:center;}
.AboutSpecial .Right li .Text01:before{content:''; display:block; width:4px; height:4px; background-color:#007EDB; border-radius:50px; margin-right:8px;}
.AboutSpecial .Right li .Text02{font-size:13.5pt; color:rgba(34,34,34,0.7); margin-top:15px; line-height:1.5; padding-left:16px;}
.AboutSpecial .Right li .Text01.TwoTxt{align-items:flex-start;}
.AboutSpecial .Right li .Text01.TwoTxt:before{margin-top:18px;}

/* 장비소개 */
.AboutDevice{background-color:#F5F5F5;}
.AboutDevice .Inner{padding:150px 0;}
.AboutDevice .TopTitle{font-weight:600 !important;}
.AboutDevice .ContBox{margin-top:55px; width:1020px;}
.AboutDevice ul li{background-color:#fff; border-radius:20px; overflow:hidden;}
.AboutDevice ul li .ImgBox{width:80%; height:330px; margin:0 auto; display:flex; justify-content:center; align-items:center;}
.AboutDevice ul li .ImgBox img{width:100%; object-fit:contain;}
.AboutDevice ul li p{padding:0 0 30px; color:#222; font-size:14pt; text-align:center; font-weight:500;}

	/* 장비가 3개 이하일때 */
	.AboutDevice .FewSlides ul{justify-content:center;}
	.AboutDevice .FewSlides ul li{width:320px !important;}

/* 둘러보기 */
.AboutGallery{}
.AboutGallery .Inner{padding:150px 0 40px; width:100%; min-width:100%;}
.AboutGallery .TopTitle{font-weight:600 !important;}
.AboutGallery .ContBox{margin-top:55px; width:100%;}
.AboutGallery ul li{width:900px; height:565px;}
.AboutGallery ul li img{width:100%; height:100%: object-fit:cover;}

	/* [왕십리]둘러보기 */
	.BranchWs .AboutGallery .Inner{padding:0 0 40px;}

/* ========================================================================================================================================= */
/* [병원소개] */
.AboutSection01{background-size:cover; background-repeat:no-repeat; background-position:center;}
.AboutSection01 .Inner{display:flex; flex-direction:column; align-items:center; padding:150px 0;}
.AboutSection01 .Title{font-family:'MaruBuri'; color:#fff; font-size:30pt; font-weight:500; text-align:center;}

.AboutSection01 .ContBox{width:60%;}
.AboutSection01 ul{display:flex; align-items:center; justify-content:center; padding:60px 0;}
.AboutSection01 ul li{display:flex; flex-direction:column; align-items:center; width:calc(100% / 2 - 70px);}
.AboutSection01 ul li .BigText{display:flex; flex-direction:column; align-items:center;}
.AboutSection01 ul li .BigText strong{height:100px; color:#FCB115; font-size:70pt; font-family:'GmarketSans'; font-weight:700;}
.AboutSection01 ul li .BigText small{font-family:'Kalnia'; color:rgba(255,255,255,0.3); font-weight:500; font-size:26pt; margin:25px 0 35px; line-height:1em;}

.AboutSection01 ul li .SmText{text-align:center; color:#fff; font-weight:300; line-height:1.5; font-size:13.5pt;} 
.AboutSection01 ul li .SmText span{text-align:center; color:#FCB115; font-weight:300;} 

.AboutSection01 .AddTxt{font-family:'MaruBuri'; color:#fff; font-size:13.5pt; font-weight:300; text-align:center; line-height:1.7;}

.AboutSection02{background-size:cover; background-repeat:no-repeat; background-position:center;}
.AboutSection02 .Inner{padding:150px 0; display:flex; flex-direction:column; align-items:center;}
.AboutSection02 .TopImgBox{width:60%; margin:0 auto;}
.AboutSection02 .TopImgBox img{width:100%; object-fit:cover;}
.AboutSection02 .ContBox b{display:block; font-family:'MaruBuri'; color:#222; font-size:26pt; text-align:center; font-weight:500;}
.AboutSection02 .ContBox p{font-family:'MaruBuri'; text-align:center; color:rgba(34,34,34,0.8); font-size:13.5pt; line-height:2.1; margin-top:40px;}

.AboutSection03{background-color:#F4F4F4;}
.AboutSection03 .Inner{padding:30px 0;}
.AboutSection03 .ContBox{display:flex; justify-content:center; align-items:center;}
.AboutSection03 .Title{width:45%;}
.AboutSection03 .Title h2{font-family:'MaruBuri'; text-align:left; color:#222; font-size:30pt; position:relative; z-index:2; line-height:1.3; letter-spacing:-0.5pt;}
.AboutSection03 .Title h2 span{font-family:'MaruBuri'; text-align:left; color:#007EDB; font-size:30pt; letter-spacing:-0.5pt;}
.AboutSection03 .Title p{text-align:left; color:rgba(34,34,34,0.7); font-size:13.5pt; margin:30px 0 60px; line-height:1.5;}
.AboutSection03 .Title a{display:inline-flex; justify-content:center; align-items:center; background-color:#1C417D; border-radius:50px; color:#fff; padding:15px 30px; font-size:13.5pt;}
.AboutSection03 .Title a span{margin-left:10px; animation:shakeMotion 2.5s linear infinite;}
.AboutSection03 .ImgBox{width:635px; position:relative; right:0; top:50%; z-index:1;}
.AboutSection03 .ImgBox img{width:85%; object-fit:cover;}


/* ========================================================================================================================================= */
/* [공통하단] Q&A */
.QnaSection{background-size:cover; background-repeat:no-repeat; background-position:center;}

.QnaSection .ContBox{width:1000px; margin:60px auto 0;}
.QnaSection .faqArea{display:flex; flex-direction:column; width:100%; gap:13px;}
.QnaSection .faqArea .faqBox{position:relative; overflow:hidden; transition:250ms;}
.QnaSection .faqArea .faqBox * {text-align:left;}
.QnaSection .faqArea .faqBox .qestionArea{display:flex; align-items:baseline; justify-content:space-between; padding:0 50px; cursor:pointer; transition:background-color 250ms; height:80px; align-items:center; border-bottom:0.5px solid rgba(0, 0, 0, 0.3);}
.QnaSection .faqArea .faqBox .qestionArea h3{font-size:15pt; font-weight:500; color:#222;}
.QnaSection .faqArea .faqBox .arrow{position:relative; display:flex; justify-content:center; align-items:center;}
.QnaSection .faqArea .answerArea{will-change:height; transform:translateZ(0); height:0; overflow:hidden; transition:height .45s cubic-bezier(.4,0,.2,1); background-color:#fff;}
.QnaSection .faqArea .answerBox{padding:50px;}
.QnaSection .faqArea .answerBox p{position:relative; font-size:13pt; line-height:1.8; color:rgba(34,34,34,0.8); font-weight:400; word-break:keep-all;}
/* 열릴때 */
.QnaSection .faqArea .faqBox.active .arrow img{display:none;}
.QnaSection .faqArea .faqBox.active .arrow::after{content:''; display:block; width:23px; height:4px; background:url('/clinicInfoSsGg/img/QnaSection_close.png'); background-size:cover; background-repeat:no-repeat; background-position:center;}
.QnaSection .faqArea .faqBox.active .qestionArea h3{font-weight:500; color:#121212;}
	
	/* [공통하단] 정신과오해와진실_Q&A */
	.mentalFactsWrap .QnaSection .Title{display:none;}
	.mentalFactsWrap .QnaSection .ContBox{margin:0 auto;}
	
/* ========================================================================================================================================= */
/* [공통하단] 하단배너 */
.CommonBottomBanner{background-size:cover; background-repeat:no-repeat; background-position:center; height:950px;}

.CommonBottomBanner .Title h2{font-size:26pt; font-weight:400; line-height:1.2;}
.CommonBottomBanner .Title h2 b{font-size:26pt; font-weight:600;}
.CommonBottomBanner .Title p{font-family:"Pretendard"; text-align:center; color:rgba(34,34,34,0.7); font-size:13.5pt; line-height:1.7; margin-top:30px; font-weight:400;}

/* ========================================================================================================================================= */
/* 질환소개 */
.DisorderIntro{}
.DisorderIntro .Inner{padding:50px 0 150px;}
.DisorderIntro .ContBox{display:flex; justify-content:center; align-items:center;}
.DisorderIntro .ImgBox{border-radius:30px; overflow:hidden;}
.DisorderIntro .TextBox{width:800px; padding-left:100px;}
.DisorderIntro .TextBox h3{font-family:"MaruBuri"; font-weight:500; font-size:20pt; color:#222; line-height:1.5; text-align:left;}
.DisorderIntro .TextBox p{font-size:13.5pt; color:rgba(34,34,34,0.8); line-height:1.7; text-align:left; letter-spacing:-0.2pt; margin-top:40px;}

/* ========================================================================================================================================= */
/* 질환종류 */
.SymType{background-color:#F2F5F9;}
.SymType .ContBox{margin-top:70px; display:flex; justify-content:center; align-items:stretch;}
.SymType .List{width:calc(100% / 3 - 26px); margin:0 13px; display:flex; flex-direction:column;}
.SymType .List .TextBox{background-color:#fff; border-radius:30px; overflow:hidden; display:flex; flex-direction:column; flex:1;}
.SymType .List .TextBox p{font-size:13.5pt; color:rgba(34,34,34,0.8);}
.SymType .List .TextBox a{display:block; width:160px; height:40px; margin:0 auto; background-color:#EEEEEE; color:rgba(34,34,34,0.6); border-radius:10px; overflow:hidden; display:flex; justify-content:center; align-items:center; margin-top:25px; font-weight:500; transition:ease 0.6s all;}
.SymType .List .TextBox a:hover{background-color:#007EDB; color:#fff;}

	/* 질환종류_이미지형 */
	.SymImgType .TopInfo{display:flex; justify-content:center; align-items:center;}
	.SymImgType .TopInfo .ImgBox{width:80px; height:80px; border-radius:50%; aspect-ratio:1 / 1; overflow:hidden;}
	.SymImgType .TopInfo .ImgBox img{width:100%; height:100%; object-fit:cover;}
	.SymImgType .TopInfo p{font-size:17pt; color:#222; font-weight:600; padding-left:25px;}
	.SymImgType .List .TextBox{margin-top:15px; padding:60px 60px;}
	.SymImgType .List .TextBox p{margin:8px 0;}
	.SymImgType .List .TextBox p:first-child{margin-top:0;}
	.SymImgType .List .TextBox p:last-child{margin-bottom:0;}

	/* 질환종류_아이콘형 */
	.SymIconType{}
	.SymIconType .List{width:calc(100% / 4 - 16px); margin:0 8px;}
	.SymIconType .TopInfo{display:flex; align-items:center; flex-direction:column;}
	.SymIconType .TopInfo .ImgBox{width:100px; height:100px; border-radius:50%; aspect-ratio:1 / 1; overflow:hidden; background-color:#E4EBF5; display:flex;
    justify-content:center; align-items:center;}
	.SymIconType .TopInfo p{font-size:16pt; color:#1C417D; font-weight:600; margin-top:20px;}
	.SymIconType .List .TextBox{margin-top:30px; padding:60px 10px;}
	.SymIconType .List .TextBox p{text-align:center; line-height:1.7;}
	.SymIconType .List .DotText{align-items:flex-start; padding:50px 30px;}
	.SymIconType .List .DotText p{display:flex; align-items:flex-start; font-size:12pt; text-align:left; margin:3px 0;}
	.SymIconType .List .DotText p span{display:block; margin:4px 5px;}

	/* [조울증]질환종류_아이콘형 */
	.bipolarWrap .SymIconType .ContBox{width:1120px; margin:70px auto 0;}
	.bipolarWrap .SymIconType .List{width:calc(100% / 2 - 16px);}

	/* [조현병]질환종류_아이콘형 */
	.sczWrap .SymIconType{}
	.sczWrap .SymIconType .ContBox{width:1400px; margin:70px auto 0;}
	.sczWrap .SymIconType .List .TextBox em{display:flex; justify-content:flex-start; text-align:left; color:#222; font-size:13.5pt; letter-spacing:-0.2pt; line-height:1.5; margin-bottom:15px;}
	.sczWrap .SymIconType .List .TextBox{padding:60px 28px;}
	.sczWrap .SymIconType .List .TextBox p{text-align:left; font-size:12pt; margin:5px 0;}
	.sczWrap .SymIconType .List .TextBox p:last-child{margin-bottom:0;}
	.sczWrap .SymIconType .List .TextBox p b{display:block; text-align:left; font-size:13pt; color:rgba(34,34,34,0.7);}
	.sczWrap .SymIconType .List .TextBox p span{display:block; text-align:left; font-size:12pt; line-height:1.6; margin:0 13px; margin-top:5px;}
	.sczWrap .SymIconType .List .TextList p{display:flex; align-items:flex-start;}
	.sczWrap .SymIconType .List .TextList p span{margin:0;}


/* ========================================================================================================================================= */
/* 자가진단 */
.TableCheck{background-size:cover; background-repeat:no-repeat; background-position:center;}
.TableCheck .Title p{color:#1C417D;}
.TableCheck .ContBox{margin-top:60px;}

	/* 체크문항 */
	.TableCheck .CkTable{width:1240px; margin:0 auto;}
	.TableCheck .CkTable .TableHead th{height:55px; background-color:#1C417D; color:#fff; text-align:center; font-weight:500; font-size:13pt; letter-spacing:-0.2pt; border-left:2px solid #F1F1F1;}
	.TableCheck .CkTable .TableHead th:nth-child(1){background-color:#EBEBEB; color:rgba(34,34,34,0.6); font-size:15pt; border-left:0;}

	.TableCheck .CkTable .Question{ background-color:#fff; border-bottom:2px solid #F1F1F1;}
	.TableCheck .CkTable .Question:last-child{border-bottom:0;}
	.TableCheck .CkTable .Question .Txt{padding:25px 30px 25px 40px; font-size:13.5pt; letter-spacing:-0.2pt; color:#222; line-height:1.5;}
	.TableCheck .CkTable .Question td{border-left:2px solid #F1F1F1;}
	.TableCheck .CkTable .Question td:first-child{border-left:0;}
	.TableCheck .CkTable .Question td:nth-child(even){background-color:#FBFBFB;}
	.TableCheck .CkTable .Question td:nth-child(odd){background-color:#fff;}
	.TableCheck .CkTable .Question td label{display:flex; justify-content:center; align-items:center;}
	.TableCheck .CkTable .Question td label input{width:20px; height:20px; cursor:pointer;}
	.TableCheck .CkTable .Question td.TotalCheck{background-color:#DAEBF8;}

	/* 체크문항_버튼 */
	.CkBox .ResultBtn{margin-top:50px; text-align:center;}
	.CkBox .ResultBtn button{width:260px; height:70px; margin:0 10px; border-radius:10px; overflow:hidden; font-size:15pt;}
	.CkBox .ResultBtn .ScoreAddBtn{background-color:#007EDB; color:#fff; font-weight:500;}
	.CkBox .ResultBtn .ResetBtn{background-color:#fff; color:#222;}

	/* 자가진단 팝업_공통 */
	.bg_wrap{position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:999;}
	.BoxInner{width:1000px; height:auto; background-color:#fff; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); padding:100px 0; display:flex; flex-direction:column; align-items:center;}
	.bg_wrap .Close{display:block; width:300px; height:55px; font-size:15pt; background-color:#E4E4E4; letter-spacing:-0.2pt; border-radius:10px; overflow:hidden; color:rgba(34,34,34,0.6); transition:ease 0.6s all;}
	.bg_wrap .Close:hover{background-color:#d9d9d9;}
	.bg_wrap .ButtonBox{display:flex; justify-content:center; align-items:center; margin-top:50px;}

	/* 결과팝업 */
	.ResultBox{display:none;}
	.ResultBox .TotalScore{font-family:"MaruBuri"; font-size:30pt; color:#1C417D; font-weight:600; letter-spacing:-0.2pt; margin-bottom:25px;}
	.ResultBox .TotalScore span{font-family:"MaruBuri"; font-size:30pt; color:#1C417D; font-weight:400; letter-spacing:-0.2pt;}
	.ResultBox .TotalTxtInfo{font-size:13.5pt; color:#222; text-align:center; letter-spacing:-0.2pt; line-height:1.7;}
	.ResultBox .TotalTxtInfo b{font-weight:600; line-height:1.7;}
	.ResultBox .TextBox{display:flex; background-color:#F5F5F5; border-radius:10px; overflow:hidden; margin-top:30px; padding:40px 30px;}
	.ResultBox .TextBox .List{display:flex; margin:0 25px;}
	.ResultBox .TextBox .List:nth-child(1){margin-left:0;}
	.ResultBox .TextBox .List:nth-child(2){margin-right:0;}
	.ResultBox .TextBox .List p{font-size:13pt; color:rgba(34,34,34,0.6); text-align:left; line-height:2; letter-spacing:0pt;}
	.ResultBox .TextBox .List .Text01{width:120px;}
	.SelfCheckBox .ResultBox .TextBox .List .Text01{width:170px;}
	.ResultBox .TextBox .List .Text01 span{display:inline-block; margin-right:10px;}
	.ResultBox .ButtonBox a{display:flex; justify-content:center; align-items:center; width:300px; height:55px; font-size:13.5pt; background-color:#007EDB; letter-spacing:-0.2pt; border-radius:10px; overflow:hidden; color:#fff; margin-right:25px; font-weight:500;}

	/* 체크누락경고메세지 */
	.AlertBox{display:none;}
	.AlertBox .AlertTxt{margin-top:30px; color:#222; font-size:18pt; text-align:center; font-weight:500; line-height:1.5;}
	.AlertIcon.shake{animation:alertShake 0.5s ease-in-out;}

	/* 체크안내메세지 */
	.BottomTxt{margin-top:60px; letter-spacing:-0.2pt;}
	.BottomTxt p{color:rgba(34,34,34,0.7); text-align:center; line-height:1.7; font-size:14pt;}
	.BottomTxt p b{color:#1C417D; display:block; margin-bottom:5px;}

/* ========================================================================================================================================= */
/* 치료방법 */
.Therapy{}
.Therapy .Title p{color:#1C417D;}
.Therapy .ContBox{margin-top:60px;}
.Therapy .ContBox ul{display:flex; justify-content:center;}
.Therapy .ContBox ul li{width:calc(100% / 4 - 20px); margin:0 10px; display:flex; flex-direction:column;}
.Therapy .ContBox ul li:first-child{margin-left:0;}
.Therapy .ContBox ul li:last-child{margin-right:0;}
.Therapy .ContBox ul .ImgBox{width:100%; border-top-left-radius:20px; border-top-right-radius:20px; overflow:hidden;}
.Therapy .ContBox ul .ImgBox img{width:100%; object-fit:cover;}
.Therapy .ContBox ul .TextBox{background-color:#F9FCFF; display:flex; flex-direction:column; align-items:center; padding:40px 10px; flex:1;} 
.Therapy .ContBox ul .TextBox .Dot{display:block; width:6px; height:6px; background-color:#007EDB; border-radius:50px;}
.Therapy .ContBox ul .TextBox .Text01{margin-top:20px; text-align:center; font-size:15pt; color:#222; font-weight:600;}
.Therapy .ContBox ul .TextBox .Text02{margin-top:20px; text-align:center; font-size:13pt; color:rgba(34,34,34,0.7); line-height:1.6;}
.Therapy .ContBox ul .TextBox .Text02 span{display:block;}

	/* [성인ADHD]_치료방법 */
	.adhdWrap .Therapy .ContBox{width:1020px; margin:60px auto 0;}
	.adhdWrap .Therapy .ContBox ul li{width:calc(100% / 2 - 20px);}
	.adhdWrap .Therapy .ContBox ul li .LeftTxt{margin-top:20px;}
	.adhdWrap .Therapy .ContBox ul li .LeftTxt p{text-align:left; font-size:13pt; color:rgba(34,34,34,0.7); line-height:1.7;}

/* ========================================================================================================================================= */
/* 과정 */
.Procedure{}
.Procedure .Inner{width:1100px; min-width:1100px;}
.Procedure .ContBox{margin-top:60px;}
.Procedure ul{display:flex; flex-direction:column; align-items:stretch;}
.Procedure ul li{display:flex; align-items:stretch; margin:8px 0;}
.Procedure ul li .LeftBox{width:400px; background-color:#F2F9FF; border-radius:20px; overflow:hidden; padding:60px 30px;}
.Procedure ul li .LeftBox .Num{font-family:"MaruBuri"; color:rgba(28,65,125,0.3); letter-spacing:-0.2pt; font-size:15pt; font-weight:600; text-align:center;}
.Procedure ul li .LeftBox .Text{font-family:"MaruBuri"; color:#1C417D; letter-spacing:-0.2pt; font-size:15pt; font-weight:500; text-align:center; margin-top:15px; line-height:1.7;}
.Procedure ul li .RightBox{width:700px; padding:30px 30px 30px 50px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.Procedure ul li .RightBox p{display:flex; align-items:flex-start; font-size:13.5pt; color:rgba(34,34,34,0.8); margin:5px 0; line-height:1.6;}
.Procedure ul li .RightBox p span{display:inline-block; margin-right:5px;}

/* ========================================================================================================================================= */
/* 증상체크 */
.SymCheck{}
.SymCheck .Inner{width:1070px; min-width:1070px;}
.SymCheck .Title p{color:#1C417D;}
.SymCheck .ContBox{margin-top:60px;}
.SymCheck ul{display:flex; justify-content:center;}
.SymCheck ul li{display:flex; align-items:center; flex-direction:column; width:calc(100% / 2 - 70px); margin:0 35px;}
.SymCheck ul li .ImgBox{width:100%; border-radius:20px; overflow:hidden;}
.SymCheck ul li .TextBox{margin-top:50px;}
.SymCheck ul li .TextBox em{display:block; text-align:center; font-size:17pt; color:#222; font-family:"MaruBuri"; font-weight:500; margin-bottom:30px;}
.SymCheck ul li .TextBox p{display:flex; align-items:center; text-align:left; font-size:13.5pt; color:rgba(34,34,34,0.7); margin:16px 0;}
.SymCheck ul li .TextBox p span{display:block; width:16px; height:16px; background:url('/clinicInfoSsGg/img/symCheck_icon.png'); background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:50px; margin-right:15px;}

/* ========================================================================================================================================= */
/* [CAT/CNT] 검사 */
.Examination{background-size:cover; background-repeat:no-repeat; background-position:center;}
.Examination .ContBox{display:flex; justify-content:center; align-items:center; margin-top:30px;}
.Examination .TextBox p{text-align:left; color:#222; font-size:14pt; line-height:1.8;}
.Examination .RoundBox{position:relative; width:710px;}
.Examination .RoundBox li{width:230px; height:230px; border-radius:50%; aspect-ratio:1 / 1; background-color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.Examination .RoundBox li .Text01{font-family:"MaruBuri"; color:#1C417D; font-size:13pt; text-align:center; font-weight:600;}
.Examination .RoundBox li .Text02{color:rgba(34,34,34,0.6); font-size:11.5pt; text-align:center; line-height:1.5; margin-top:10px;}

.EitCat .TextBox{padding-right:100px;}
.EitCat .RoundBox{position:relative; width:645px;}
.EitCat .RoundBox::after{content:''; display:block; width:130px; height:90px; background:url('/clinicInfoSsGg/img/EitCat_logo.png'); background-size:cover; background-repeat:no-repeat; background-position:center; position:fixed; top:45%; left:50%; transform:translate(-52%, -55%);}
.EitCat .RoundBox li{background-color:rgba(255,255,255,0.8);}
.EitCat .RoundBox li.List01{position:relative; top:0; left:50%; transform:translate(-50%, 0);}
.EitCat .RoundBox li.List02{position:relative; top:-85px; left:0;}
.EitCat .RoundBox li.List03{position:absolute; top:140px; right:0;}
.EitCat .RoundBox li.List04{position:relative; bottom:85px; left:85px;}
.EitCat .RoundBox li.List05{position:absolute; bottom:85px; right:85px;}

.EitCnt .RoundBox{display:flex; flex-wrap:wrap;}
.EitCnt .RoundBox li{width:calc(100% / 3 - 10px); margin:5px;}
.EitCnt .TxtCenter{padding-left:90px; display:flex; flex-direction:column; align-items:center;}
.EitCnt .TxtCenter .ImgBox{margin-bottom:30px;}
.EitCnt .TxtCenter p{text-align:center; color:#222; font-size:14pt;} 

/* ========================================================================================================================================= */
/* 질환증상 */
.ImgTxtBox{background-color:#F2F5F9;}
.ImgTxtBox .Inner{padding:50px 0 150px;}

.ImgTxtBox .DisorderTxt{margin:100px 0;}
.ImgTxtBox .DisorderTxt .ContBox{margin-top:70px; display:flex; justify-content:center; align-items:center;}
.ImgTxtBox .DisorderTxt .ImgBox{border-radius:30px; overflow:hidden;}
.ImgTxtBox .DisorderTxt .TextBox{width:800px; padding-left:100px;}
.ImgTxtBox .DisorderTxt .TextBox h3{font-family:"MaruBuri"; font-weight:500; font-size:21pt; color:#222; line-height:1.5; text-align:left; margin-bottom:15px;}
.ImgTxtBox .DisorderTxt .TextBox h3.Big{font-size:25pt;}
.ImgTxtBox .DisorderTxt .TextBox p{font-size:13.5pt; color:rgba(34,34,34,0.8); line-height:1.8; text-align:left; letter-spacing:-0.2pt;}

.ImgTxtBox .SymTxt{padding:0 0 100px; border-bottom:1px solid rgba(0,0,0,0.1);}
.ImgTxtBox .SymTxt:last-child{padding:0; border-bottom:0;}
.ImgTxtBox .Title h2{font-size:25pt;}
.ImgTxtBox .SymTxt .ContBox{margin-top:40px;}
.ImgTxtBox .SymTxt ul{display:flex; flex-wrap:wrap; justify-content:center;}
.ImgTxtBox .SymTxt ul li{width:calc(100% / 4 - 20px); background-color:#fff; margin:10px; border-radius:15px; padding:40px 0; display:flex; flex-direction:column; align-items:center;}
.ImgTxtBox .SymTxt ul li .Text01{text-align:center; font-size:14pt; color:#1C417D; letter-spacing:-0.2pt; font-weight:600;}
.ImgTxtBox .SymTxt ul li .Text02{text-align:center; font-size:13.5pt; color:rgba(34,34,34,0.8); letter-spacing:-0.2pt; line-height:1.6; margin-top:15px;}
.ImgTxtBox .SymTxt ul li .Text02.LeftTxt{text-align:left; line-height:1.8;}

	.pediatricWrap .ImgTxtBox .SymTxt ul li{width:calc(100% / 3 - 40px); margin:10px 20px;}
	.femaleWrap .ImgTxtBox .SymTxt01 ul li{width:400px; margin:10px 20px;}
	.memoryWrap .DisorderTxt.DisorderTxt01{border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:100px;}


/* ========================================================================================================================================= */
/* 차이점 */
.Difference{}
.Difference .ContBox{margin:60px auto 0; width:1275px;}
.Difference table tr{border-bottom:2px solid #FFF;}
.Difference table th{background-color:#F2F9FF; color:#1C417D; font-family:"MaruBuri"; font-size:16pt; font-weight:500; text-align:center; height:75px;     border-left:4px solid #fff;}
.Difference table th:nth-child(1){background-color:#fff;}
.Difference table td.Title{background-color:#fff; color:rgba(34,34,34,0.5); font-size:14pt; text-align:center; font-weight:500;}
.Difference table td{background-color:#FAFAFA; color:rgba(34,34,34,0.8); font-size:13pt; text-align:center; font-weight:400; height:150px; line-height:1.6; border-left:4px solid #fff;}

/* ========================================================================================================================================= */
/* 대리처방 및 서류 발급 안내 */
.AbInfoArea .AbInfoTab{width:1000px; min-width:1000px; margin:0 auto;}
.AbInfoArea .Inner{width:1300px; min-width:1300px;}
	/* 탭메뉴 */
	.AbInfoArea .AbInfoTab{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:10px;}
	.AbInfoArea .AbInfoTab li{width:calc(100% / 3 - 15px); margin:7px 0; border-radius:50px; color:rgba(34,34,34,0.6); cursor:pointer; background-color:#F4F4F4; display:flex; justify-content:center; align-items:center; font-size:15pt; font-weight:500; padding:18px 30px;}
	.AbInfoArea .AbInfoTab li.Active{background-color:#007EDB; color:#fff; transition-duration:200ms;}

/* 지점별 안내 */
.AbInfoArea .AbInfoCont{position:relative; background-color:#fff; height:0; opacity:0; visibility:hidden;}
.AbInfoArea .AbInfoCont.Active{height:auto; opacity:1; visibility:visible;}

.AbInfoCont .Title h3{text-align:left; color:#111; font-size:22pt; margin-bottom:20px; display:flex; justify-content:space-between; align-items:center; gap:20px;}
.AbInfoCont .Title h3 span{display:block; flex:1; background-color:#ddd; height:1px;}
.AbInfoCont .Title p{font-size:13pt; color:#111; line-height:1.4;}

.AbInfoArea .AbInfoCont.Active .GuideBox{margin:100px 0;}
.GuideBox .ContBox{margin-top:30px;}
.GuideBox ul{display:flex; flex-direction:column; align-items:center;}
.GuideBox ul li{display:flex; align-items:stretch; justify-content:space-between; width:100%; margin:10px 0;}
.GuideBox ul li .Box{width:calc(100% / 2 - 10px); padding:20px 50px;}
.GuideBox ul li .Box.LeftTxt{background-color:#F2F5F9; border-radius:10px; display:flex; justify-content:center; align-items:center;}
.GuideBox ul li .Box.LeftTxt p{text-align:center; line-height:1.5; font-size:13.5pt; color:rgba(34,34,34,1); font-weight:500;}
.GuideBox ul li .Box.RightTxt{background-color:#fafafa; border-radius:10px;}
.GuideBox ul li .Box.RightTxt p{text-align:left; margin:10px 0; font-size:13pt; color:rgba(34,34,34,0.8); display:flex; align-items:flex-start; line-height:1.5;}
.GuideBox ul li .Box.RightTxt p span{width:25px; line-height:1.5;}
.GuideBox ul li .Box.RightTxt p small{display:block; font-size:10pt; color:rgba(34,34,34,0.8); line-height:1.5; padding-left:25px;}
.GuideBox ul li .Box.RightTxt .DownIcon img{width:21px; padding-bottom:2px; margin-left:2px;}
.GuideBox .BtmTxt{margin-top:20px;}
.GuideBox .BtmTxt p{text-align:left; margin:10px 0; font-size:12pt; color:rgba(34,34,34,0.8); line-height:1.6;}

.TemplateDonw{margin-top:100px;}
.TemplateDonw ul{display:flex; justify-content:center; align-items:center;}
.TemplateDonw ul li{width:calc(100% / 4 - 20px); margin:0 10px; display:flex; flex-direction:column; align-items:center;}
.TemplateDonw ul li .TopTxt{width:100%; background-color:#F2F5F9; border-radius:10px; height:70px; padding:0 30px;}
.TemplateDonw ul li .TopTxt a{display:block; width:100%; height:100%; display:flex; align-items:center; justify-content:space-between;}
.TemplateDonw ul li .TopTxt p{font-size:13pt; color:#222; line-height:1.4; font-weight:500;}

.certType .ContBox{margin-top:80px;}
.certType .ContBox .List{margin-top:50px;}
.certType .ContBox .List .Title h3{font-size:16pt; background-color:#F2F5F9; height:70px; padding:0 30px; border-radius:10px;}
.certType .ContBox .List .Txt{padding:0 30px; font-size:13.5pt; color:#222; line-height:1.7; font-weight:300;}


/* ========================================================================================================================================= */
/* 공지사항 */
.noticeWrap.ViewWrap{}
.noticeWrap.ViewWrap #contents{padding:120px 0;}

/* ========================================================================================================================================= */
/* 개인정보취급방침 */
.memberWrap #contents{padding:100px 0 0;}

/* ========================================================================================================================================= */
/* 비급여항목 */
.aboutUninsured #contents{padding:50px 0 0;}