@charset "utf-8";
/*
서울페이스21
C00309
*/

/* [메인] body바로 아래 wrap */
#wrap.mainWrap{overflow:visible;}

/* [메인] 메인컨텐츠 */
.MainContents_Area *{}
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; box-sizing:border-box; white-space:normal; word-break:keep-all; overflow:visible;}
/* 영역 */
.MainContents_Area > section{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; font-size:16px;} /* AOS때문에z-index:1 */

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 베이직영역 */
section.SectionBasic *{scroll-behavior:smooth;}
section.SectionBasic{width:100%; min-height:100vh; scroll-behavior: smooth;}
.SectionBasic .BasicWrap{display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; height:100vh; background-image:url('/img/C00309/MainBasic_Bg.jpg'); background-size:100%;}

	/* 기본세팅 --------------------------------------------------------- */
	/* 상단영역 */
	.SectionBasic .TopArea{position:absolute; transform:translateY(-32vh); text-align:center; width:100%; transition:transform 700ms, opacity 300ms; z-index:2; opacity:0;}
	.SectionBasic .TopArea.Open{transform:translateY(-30vh); opacity:1;}
	.SectionBasic .TopCont{transform:rotateX(0deg);}
	.SectionBasic .TopCont *{position:relative; z-index:2;}
	.SectionBasic .TopCont > div{ display:flex; align-items:end; justify-content:center; transition:all 700ms; height:23vh;}
	.SectionBasic .TopCont .Img01{height:16vh; max-height:max-content; display:block; transition:height 700ms, margin 700ms;}
	.SectionBasic .TopCont p{color:var(--font_c_navy_3); letter-spacing:1px; line-height:var(--line_1); display:block; font-size:3.5vh; font-weight:600; margin-top:3vh; transition:margin 700ms;}
	.SectionBasic .BasicWrap > .Img02{position:absolute; z-index:1; transform:translate(-50%, -12vh); left:50%; transition:width 700ms, opacity 700ms; width:79%; opacity:0;}
	.SectionBasic .BasicWrap > .Img02.Open{width:75%; opacity:1;}
	
	/* 이미지영역 */
	.SectionBasic .BasicWrap .ImgBox{width:47%; height:22%; background-color:#071638; z-index:1; opacity:0; transition:all 800ms;}
	.SectionBasic .BasicWrap .ImgBox.Open{opacity:1;}
	.SectionBasic .BasicWrap .ImgBox img{width:100%; height:100%; object-fit:cover;}
	
	/* 하단영역 */
	.SectionBasic .BottomArea *{font-family:var(--font_f_batang);}
	.SectionBasic .BottomArea{position:absolute; transform:translateY(29vh); text-align:center; z-index:2; transition:transform 700ms, opacity 300ms; z-index:2; opacity:0;}
	.SectionBasic .BottomArea.Open{transform:translateY(27vh); opacity:1;}
	.SectionBasic .BottomArea.Open{}
	.SectionBasic .BottomArea .BottomCont{display:flex; align-items:center; justify-content:center; flex-direction:column; transform:rotateX(0deg)}
	.SectionBasic .BottomArea .TextArea span{color:var(--font_c_white); font-weight:var(--font_w_300); line-height:var(--line_1); font-size:2.9vh; transition:font-size 600ms;}
	.SectionBasic .BottomArea .TextArea em{position:relative; padding-top:2px;}
	.SectionBasic .BottomArea .TextArea em b{position:relative; font-weight:var(--font_w_300); z-index:2;}
	.SectionBasic .BottomArea .TextArea em:after{content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#bac0cc; transition:width 600ms; z-index:1;}
	
	/* 스와이프영역 */
	.SectionBasic .BottomArea .SwiperArea *{color:var(--font_c_white);}
	.SectionBasic .BottomArea .SwiperArea{display:flex; align-items:end; margin-top:7vh;}
	.SectionBasic .BottomArea .SwiperArea .Title{display:inline-flex; align-items:end; padding-bottom:10px; margin-right:25px;}
	.SectionBasic .BottomArea .SwiperArea .Title span{font-size:8.5vh; line-height:var(--line_1); display:block; font-weight:var(--font_w_300);}
	.SectionBasic .BottomArea .SwiperArea .Title img{height:6vh; margin:0 5px 2vh 5px;}
	.SectionBasic .BottomArea .SwiperArea .ContArea{display:block; border-bottom:2px solid #fff; width:45vh; text-align:left;}
	.SectionBasic .BottomArea .SwiperArea .SwiperBasic{display:block; width:100%; text-align:left; opacity:0; transition:opacity 500ms;}
	.SectionBasic .BottomArea .SwiperArea .SwiperBasic .swiper-wrapper{height:10.5vh !important;}
	.SectionBasic .BottomArea .SwiperArea .SwiperBasic .swiper-slide{font-size:8.5vh; line-height:var(--line_1); display:block; font-weight:var(--font_w_300);}
	.SectionBasic .BottomArea .SwiperArea .SwiperBasic .swiper-slide div{opacity:1; transition:opacity 600ms;}
	.SectionBasic .BottomArea .SwiperArea .SwiperBasic .swiper-slide-prev div{opacity:0;}
	.SectionBasic .BottomArea .SwiperArea .SwiperBasic .swiper-slide div p{padding:1vh 0 0 1vh;}
	.SectionBasic .BottomArea .SwiperArea .SwiperBasic .Slide div p{}
	.SectionBasic .BottomArea .SwiperArea .SwiperBasic .Slide div p em{opacity:0; font-weight:var(--font_w_300);}
	.SectionBasic .BasicWrap.Active .BottomArea .SwiperArea .SwiperBasic .swiper-slide-active div p em:nth-child(1){animation:Typing 250ms 500ms forwards;}
	.SectionBasic .BasicWrap.Active .BottomArea .SwiperArea .SwiperBasic .swiper-slide-active div p em:nth-child(2){animation:Typing 250ms 750ms forwards;}
	.SectionBasic .BasicWrap.Active .BottomArea .SwiperArea .SwiperBasic .swiper-slide-active div p em:nth-child(3){animation:Typing 250ms 1000ms forwards;}
	.SectionBasic .BasicWrap.Active .BottomArea .SwiperArea .SwiperBasic .swiper-slide-active div p em:nth-child(4){animation:Typing 250ms 1250ms forwards;}
	.SectionBasic .BasicWrap.Active .BottomArea .SwiperArea .SwiperBasic .swiper-slide-active div p em:nth-child(5){animation:Typing 250ms 1500ms forwards;}
	.SectionBasic .BasicWrap.Active .BottomArea .SwiperArea .SwiperBasic .swiper-slide-prev div p em{opacity:1;}
	@keyframes Typing{
		0% {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	}

	/* 마지막영역 */
	.SectionBasic .BlackArea{position:absolute; top:0; display:block; width:100%; height:100vh; opacity:0; z-index:0; transition:all 700ms, padding 700ms ease 300ms; background-image:url(/img/C00309/MainBasic_02.jpg); scale:.8; display:flex; align-items:center; justify-content:center;}
	.SectionBasic .BlackArea .ContArea *{font-family:var(--font_f_batang);}
	.SectionBasic .BlackArea .ContArea{display:block; padding:13vh 3vh; background-color:rgb(32 32 32 / 60%); border-radius:300px;}
	.SectionBasic .BlackArea .ContArea > div{display:block; margin:0 auto;}
	.SectionBasic .BlackArea .ContArea .Title{font-size:3vh; line-height:var(--line_2); }
	.SectionBasic .BlackArea .ContArea .Title span{display:block; font-weight:var(--font_w_300); color:#a1a1a1; line-height:var(--line_2);}
	.SectionBasic .BlackArea .ContArea .Title b{display:block; font-weight:var(--font_w_300); color:var(--font_c_white); line-height:var(--line_1);}
	.SectionBasic .BlackArea .ContArea .Line{width:50px; height:3px; background-color:#515661; margin:5vh auto 6vh auto; transition:all 700ms ease 200ms;}
	.SectionBasic .BlackArea .ContArea > img{display:block; margin:0 auto; max-height:fit-content; height:9.5vh;}
	.SectionBasic .BlackArea:after{content:''; position:fixed; z-index:2; bottom:0; left:50%; margin-left:-0.5px; width:1px; height:38vh; background:linear-gradient(to bottom, transparent 30%, #fff);}
	
	/* 스크롤half단계 --------------------------------------------------------- */
	.SectionBasic .BasicWrap.Active{}
	.SectionBasic .BasicWrap.Active .TopArea{transform:translateY(-18vh);}
	.SectionBasic .BasicWrap.Active .TopCont .Img01{filter:brightness(1200%);}
	.SectionBasic .BasicWrap.Active .TopCont p{color:#e0e9f9;}
	.SectionBasic .BasicWrap.Active .Img02{opacity:0;}
	.SectionBasic .BasicWrap.Active .ImgBox{width:100%; height:100%;}
	.SectionBasic .BasicWrap.Active .ImgBox img{opacity:.15;}
	.SectionBasic .BasicWrap.Active .ImgBox img{}
	.SectionBasic .BasicWrap.Active .BottomArea{transform:translateY(13vh);}
	.SectionBasic .BasicWrap.Active .BottomArea .TextArea span *{font-weight:var(--font_w_400) !important;}
	.SectionBasic .BasicWrap.Active .BottomArea .TextArea span{font-size:2.5vh; color:#b1cbf5; font-weight:var(--font_w_400);}
	.SectionBasic .BasicWrap.Active .BottomArea .TextArea em:after{width:100%; background-color:#b1cbf5; opacity:.3;}
	.SectionBasic .BasicWrap.Active .BottomArea .SwiperArea .SwiperBasic{opacity:1;}
	.SectionBasic .BasicWrap.Active .BottomArea .SwiperArea .Title{opacity:.4; transition:all 500ms ease;}
	
	/* 스크롤full단계 --------------------------------------------------------- */
	.SectionBasic .BasicWrap.Active{}
	.SectionBasic .BasicWrap.Active .TopCont > div{background-image:url(/img/C00309/MainBasic_LogoBlue_Bg.png); background-repeat:no-repeat; background-size:100%; width:23vh; height:23vh; margin:0 auto;  background-position-y:2vh;}
	.SectionBasic .BasicWrap.Active .TopCont .Img01{height:15vh; margin-bottom:2vh;}
	.SectionBasic .BlackArea.ActiveFull{z-index:5; opacity:1; scale:1; position:fixed;}
	.SectionBasic .BlackArea.ActiveFull .ContArea{padding:11vh 3vh; transition:all 700ms, padding 700ms ease 300ms;}
	.SectionBasic .BlackArea.ActiveFull .ContArea .Line{margin:7vh auto 6vh auto;}

	/* 영어 */
	.C00323.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .ContArea{width:74vh;}
	.C00323.ForBranchWrap .SectionBasic .BlackArea .ContArea .Title b{line-height:1.3;}
	.C00323.ForBranchWrap .SectionBasic .BlackArea .ContArea .Title span{line-height:1.3; margin-top:0.3em;}
	
	/* 중국어 */
	.C00324.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .Title{padding-bottom:18px;}
	.C00324.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .SwiperBasic .swiper-wrapper{height:11.5vh !important;}
	.C00324.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .SwiperBasic .Slide div p em{font-weight:400;}
	.C00324.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .SwiperBasic .swiper-slide div p{padding:1vh 2vh 0 1vh;}
	.C00324.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .Title img{height:6vh; margin:0 5px 1vh 5px;}
	.C00324.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .Title span{font-weight:400;}
	.C00324.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .ContArea{width:fit-content;}
	.C00324.ForBranchWrap .SectionBasic .BottomArea .TextArea em{padding-top:0;}
	.C00324.ForBranchWrap .SectionBasic .BasicWrap.Active .BottomArea .TextArea span{font-size:2.7vh; font-weight:500;}
	.C00324.ForBranchWrap .SectionBasic .BlackArea.ActiveFull .ContArea{padding:11vh 5vh;}
	.C00324.ForBranchWrap .SectionBasic .BlackArea .ContArea .Title{font-size:3.5vh;}
	
	/* 일본어 */
	.C00325.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .Title{padding-bottom:18px;}
	.C00325.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .SwiperBasic .swiper-wrapper{height:11.5vh !important;}
	.C00325.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .SwiperBasic .Slide div p em{font-weight:400;}
	.C00325.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .SwiperBasic .swiper-slide div p{padding:1vh 1.5vh 0 1vh;}
	.C00325.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .Title img{height:6vh; margin:0 5px 1vh 5px;}
	.C00325.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .ContArea{width:fit-content;}
	.C00325.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .Title span{font-weight:400;}
	.C00325.ForBranchWrap .SectionBasic .BottomArea .TextArea em{padding-top:0;}
	.C00325.ForBranchWrap .SectionBasic .BasicWrap.Active .BottomArea .TextArea span{font-size:2.7vh; font-weight:500;}
	.C00325.ForBranchWrap .SectionBasic .BlackArea .ContArea .Title{font-size:3.5vh;}

	/* 태국어 */
	.C00326.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .ContArea{width:fit-content;}
	.C00326.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .SwiperBasic .swiper-slide div p{padding:3vh 2vh 0 1vh;}
	.C00326.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .SwiperBasic .swiper-wrapper{height:12vh !important;}
	.C00326.ForBranchWrap .SectionBasic .BottomArea .SwiperArea .Title{padding-bottom:6px;}
	

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 스토리영역 */
section.SectionStory{padding:10em 0; color:var(--font_c_gray_1);}
.SectionStory > .Inner{width:100%; min-width:100%;}

	/* 기본세팅 --------------------------------------------------------- */
	/* 타이틀 */
	.SectionStory .MainTitle{position:relative; width:1400px; display:block; margin:0 auto 3em auto;}
	.SectionStory .MainTitle h2{position:relative; font-family:var(--font_f_batang); color:#333333; letter-spacing:-0.5px; font-size:27pt; font-weight:400;}
	
	/* 내용 */
	.SectionStory dl{position:relative; display:block;}
	.SectionStory dl dt{position:relative; display:block; width:1400px; z-index:2; margin:0 auto; padding-top:1em;}
	.SectionStory dl dd{position:absolute; z-index:1; right:0; top:0; width:50em; height:42em; overflow:hidden;}
	.SectionStory .TextBox{position:relative;}
	.SectionStory .TextBox .Text{position:relative; display:block; letter-spacing:var(--letter_05);}
	.SectionStory .TextBox .Text01{}
	.SectionStory .TextBox .Text01 span{position:relative; display:block; line-height:var(--line_1); color:#bfc6d6; font-family:var(--font_f_batang); font-weight:300; font-size:61pt; margin-left:-9px; height:36px;}
	.SectionStory .TextBox .Text01 p{font-family:var(--font_f_batang); line-height:1.5; color:#666666; font-size:19pt; font-weight:400;}
	.SectionStory .TextBox .Text01 .Line{position:relative; display:block; width:80%; height:1px; background:linear-gradient(to right, #dadada 80%, transparent 100%); margin-top:2em;}
	.SectionStory .TextBox .Text02{font-size:13pt; font-weight:500; line-height:1.6; display:block; margin-top:2.5em; letter-spacing:var(--letter_07);}
	.SectionStory .TextBox .Text03{display:flex; margin-top:2em; font-size:12pt; font-weight:400; align-items:center;}
	.SectionStory .TextBox .Text03 span{display:block; font-weight:600;line-height:1;}
	.SectionStory .TextBox .Text03 p{display:block; font-weight:700; font-size:16pt; margin-left:0.5em; line-height:1;}
	.SectionStory .TextBox .Text03 img{display:block; margin-left:1em; width:135px;}
	.SectionStory .ImgBox{position:relative;}
	.SectionStory .ImgBox img{position:relative;}
	
	/* 외국어 */
	.ForBranchWrap .SectionStory .MainTitle h2{font-family:'KoPub Batang', 'Pretendard';}
	.ForBranchWrap .SectionStory .TextBox .Text01 span{font-family:'KoPub Batang', 'Pretendard';}
	.ForBranchWrap .SectionStory .TextBox .Text01 p{font-weight:500;}
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 리뷰영역 */
section.SectionReview{color:var(--font_c_gray_1); line-height:var(--line_15); letter-spacing:var(--letter_05); height:810px; background-position:center; background-size:100%;}
.SectionReview > .Inner{width:1400px; min-width:1400px; height:100%;}

	/* 기본세팅 --------------------------------------------------------- */
	/* 타이틀 */
	.SectionReview .MainTitle{position:relative; width:100%; display:block;}
	.SectionReview .MainTitle h2{position:relative; color:#333333; letter-spacing:-0.5px; font-size:27pt; font-weight:600; text-align:center;}
	.SectionReview .MainTitle p{color:#4a4a4a; font-size:13pt; font-weight:500; display:block; margin-top:1.5em; letter-spacing:var(--letter_07); text-align:center;}
	
	/* 내용 */
	.SectionReview dl{position:relative; display:flex; align-items:center; height:100%;}
	.SectionReview dl dt{position:relative; display:block; width:50%;}
	.SectionReview dl dd{position:relative; display:block; width:50%;}
	
	/* 더보기버튼 */
	.SectionReview .More{position:relative; font-size:14pt; color:#1c2740; display:block; border:1px solid #1c2740; border-radius:100px; margin:3em auto 0 auto; width:fit-content;  overflow:hidden;}
	.SectionReview .More a{display:flex; height:45px; align-items:center; padding: 0 2.5em; transition:all 400ms ease;}
	.SectionReview .More a:hover{background-color:rgb(131 149 189 / 15%);}
	/* .SectionReview .More a:hover .Arrow em{opacity:.1; animation:MainMoreBlink 1.4s infinite;} */
	.SectionReview .More a span{display:block; font-family:var(--font_f_batang); line-height:1;}
	.SectionReview .More a .Arrow em{position:relative; display:block; background:#0b3491; opacity:.15; width:20px; height:20px; right:-7px; border-radius:50px; transition:all 400ms ease;}
	.SectionReview .More a .Arrow:after{content:""; background:#1c2740; position:absolute; height:1px; width:5px; right:0; top:-2px; transform:rotate(45deg);}
	.SectionReview .More a .Arrow:before{content:""; background:#1c2740; position:absolute; height:1px; width:5px; right:0; bottom:-2px; transform:rotate(-45deg); }
	.SectionReview .More a .Arrow{display:inline-flex; background:#1c2740; height:1px; width:35px; margin:0 auto; position:relative; align-items:center; justify-content:right; margin-left:0.5em;}
	.SectionReview .More a:hover .Arrow em{opacity:.1; scale:20;}

	/* 애니메이션원 */
	.SectionReview .BlinkCircle{border-radius:50%; width:330px; height:330px; position:absolute; left:50%; top:43%; transform: translate(-50%, -50%);}
	.SectionReview .BlinkCircle:after{animation:MainReivewBlink 1.8s 1.2s infinite linear;}
	.SectionReview .BlinkCircle:before{transform:scale(1); animation:MainReivewBlink 1.8s infinite linear;}
	.SectionReview .BlinkCircle:after,
	.SectionReview .BlinkCircle:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(220 223 225 / 60%); border-radius:100%; opacity:0; color:rgb(226 227 228 / 68%);}

	/* 박스 */
	.SectionReview .BoxArea{position:relative;display:block;margin:0 auto;text-align: center;margin-bottom: 2em;width:fit-content; z-index:2;}
	.SectionReview .BoxArea .Box{position:relative;display: inline-block;}
	.SectionReview .BoxArea .Box > div{position:relative;display:block;width: min-content;height:100%;}
	.SectionReview .BoxArea .Box + div{margin-top: 0.5em;}
	.SectionReview .BoxArea .Box01{margin-right: 10em;}
	.SectionReview .BoxArea .Box02{margin-left: 12em;}
	.SectionReview .BoxArea .Box03{margin-right: 16em;}
	.SectionReview .BoxArea img{position:relative; display:block; z-index:1; filter: drop-shadow(0px 6px 6px rgb(0 0 0 / 10%));}
	.SectionReview .BoxArea .Text{position:absolute; width:100%; left:0 ;top:44%; z-index:2; text-align:center; transform:translate(0 , -50%);}
	.SectionReview .BoxArea .Text span{position:relative; display:block; line-height:var(--line_1); color:#e9e9e9; font-family:var(--font_f_batang); font-weight:300; font-size:60pt; margin-left:-9px; height:29px;}
	.SectionReview .BoxArea .Text p{display:block; font-family:var(--font_f_batang); line-height:1.4; color:#2d4378; font-size:16pt;}
	.SectionReview dl dt > span{position:relative; width:8px; height:8px; display:block; margin:0 auto 0 auto; background-color:#5e6c88; border-radius:10px;}
	.SectionReview dl dt > span + span{margin-top:0.5em;}
	.SectionReview dl dt > span:nth-last-child(1){background-color:#c5cad2;}
	.SectionReview dl dt > span:nth-last-child(2){background-color:#9aa3b4;}
	.SectionReview dl dt > span:nth-last-child(3){}
	
@keyframes MainReivewBlink {
	0% {
		opacity: 0;
		transform: scale(0.3);
	}
	33.33333% {
		opacity: 1;
		transform: scale(0.8);
	}
	100% {
		opacity: 0;
		transform: scale(1.8);
	}
}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 전후영역 */
section.SectionBnf{padding:9em 0; color:var(--font_c_gray_1); line-height:var(--line_15); letter-spacing:var(--letter_05); }
.SectionBnf > .Inner{width:100%; min-width:100%;}

	/* 기본세팅 --------------------------------------------------------- */
	/* 타이틀 */
	.SectionBnf .MainTitle{ position:relative; display:block; width:1400px; margin:0 auto;}
	.SectionBnf .MainTitle h2{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:400;}
	.SectionBnf .MainTitle small{position: relative; color:#b1b1b1; font-size:12pt; font-weight:400; margin-top:0.6em; display:block;}
	
	/* 내용 */
	.SectionBnf .ContArea{position:relative; width:calc(((100% - 1400px) / 2) + 1400px); display:block; margin:4em 0 0 auto;}

	/* 슬라이드 */
	.SectionBnf .SwiperBnf{}
	.SectionBnf .SwiperBnf .Slide{}
	.SectionBnf .SwiperBnf .Slide > div{position:relative; display:flex; cursor:pointer;}
	.SectionBnf .SwiperBnf .Before{display:block;}
	.SectionBnf .SwiperBnf .After{display:block;}
	.SectionBnf .SwiperBnf .ImgBox{}
	.SectionBnf .SwiperBnf .ImgBox img{}
	.SectionBnf .SwiperBnf .TextBox{position:relative; font-family:var(--font_f_batang); color:#828282; font-weight:400; display:flex; align-items:center; height:45px; font-size:12pt; font-weight:400; width:100%; background-color:#e6e6e6; line-height:var(--line_1);}
	.SectionBnf .SwiperBnf .TextBox p{display:block; margin:0 auto; width:fit-content;}
	.SectionBnf .SwiperBnf .Before .TextBox{}
	.SectionBnf .SwiperBnf .After .TextBox{background-color:#b1cbf5; color:#1c2740;}
	/* 슬라이드_버튼 */
	.SectionBnf .SwiperPagination{position:relative; display:block; margin-top:2.5em; }
	.SectionBnf .SwiperPagination .SwiperPg{position:relative; display:inline-block; transition:all 350ms ease; width:8px; height:8px; opacity:.3; background-color:#1c2740; border-radius:10px; cursor:pointer;}
	.SectionBnf .SwiperPagination .SwiperPg + span{margin-left:6px;}
	.SectionBnf .SwiperPagination .SwiperPgActive{width:30px; opacity:1;}

	/* 외국어 */
	.ForBranchWrap section.SectionBnf{background-color:transparent; background:linear-gradient( to bottom, #f8f8f8, #fff );}
	.ForBranchWrap .SectionBnf .MainTitle{display:flex; align-items:center;}
	.ForBranchWrap .SectionBnf .More{position:relative; font-size:14pt; color:#1c2740; display:block; border:1px solid #1c2740; border-radius:100px; margin:3em auto 0 auto; width:fit-content; overflow:hidden; margin:0 0 0 auto}
	.ForBranchWrap .SectionBnf .More a{display:flex; height:45px; align-items:center; padding: 0 2.5em; transition:all 400ms ease;}
	.ForBranchWrap .SectionBnf .More a:hover{background-color:rgb(131 149 189 / 15%);}
	.ForBranchWrap .SectionBnf .More a span{display:block; font-family:'KoPub Batang' !important; line-height:1;}
	.ForBranchWrap .SectionBnf .More a .Arrow em{position:relative; display:block; background:#0b3491; opacity:.15; width:20px; height:20px; right:-7px; border-radius:50px; transition:all 400ms ease;}
	.ForBranchWrap .SectionBnf .More a .Arrow:after{content:""; background:#1c2740; position:absolute; height:1px; width:5px; right:0; top:-2px; transform:rotate(45deg);}
	.ForBranchWrap .SectionBnf .More a .Arrow:before{content:""; background:#1c2740; position:absolute; height:1px; width:5px; right:0; bottom:-2px; transform:rotate(-45deg); }
	.ForBranchWrap .SectionBnf .More a .Arrow{display:inline-flex; background:#1c2740; height:1px; width:35px; margin:0 auto; position:relative; align-items:center; justify-content:right; margin-left:0.5em;}
	.ForBranchWrap .SectionBnf .More a:hover .Arrow em{opacity:.1; scale:20;}

	/* 외국어 */
	.ForBranchWrap .SectionBnf .SwiperBnf .TextBox *{font-family:'KoPub Batang', 'Pretendard' !important;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 진료과목영역 */
section.SectionTreat{padding:9em 0; color:var(--font_c_gray_1); line-height:var(--line_15); letter-spacing:var(--letter_05); background-color:#f8f8f8;}
.SectionTreat > .Inner{width:1400px; min-width:1400px;}

	/* 기본세팅 --------------------------------------------------------- */
	/* 타이틀 */
	.SectionTreat .MainTitle{position:relative; display:block; margin:0 auto; text-align:center;}
	.SectionTreat .MainTitle h2{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:300;}
	.SectionTreat .MainTitle h2 b{font-weight:700;}
	
	/* 탭내용 */
	.SectionTreat .TabArea{position:relative; display:flex; margin:4em auto 0 auto; justify-content:center;}
	.SectionTreat .Tab{position:relative; display:block; width:64px; transition:width 700ms ease; border-top:6px solid #d9dcdf; background-color:#ededed; height:360px; overflow:hidden; cursor:pointer;}
	.SectionTreat .Tab:hover{background-color:#e5e5e5; border-top:6px solid #c4c3c3; transition:all 500ms ease;}
	.SectionTreat .Tab + div{margin-left:13px;}
	.SectionTreat .Tab01{}
	.SectionTreat .Tab02{}
	.SectionTreat .Tab03{}
	.SectionTreat .Tab04{}
	.SectionTreat .Tab05{}
	
	/* 기본박스 */
	.SectionTreat .DefaultBox{position:absolute; top:0; left:0; width:100%; transition:all 400ms ease; height:100%; opacity:1; z-index:2;}
	.SectionTreat .DefaultBox .TextBox{position:relative; display:flex; align-items:center; justify-content:center; height:100%;}
	.SectionTreat .DefaultBox .TextBox span{font-family:var(--font_f_batang); color:#272727; font-weight:400; font-size:16pt;}
	
	/* 열린박스 */
	.SectionTreat .OpenBox{position:absolute; width:800px; left:0; top:0; background-position:right; background-size:auto; background-repeat:no-repeat; transition:all 400ms ease; height:100%; padding:3em; opacity:0; z-index:0;}
	.SectionTreat .OpenBox .TextBox{}
	.SectionTreat .OpenBox .TextBox span{color:#3b496a; font-size:13pt; font-weight:400; display:block; letter-spacing:var(--letter_07);}
	.SectionTreat .OpenBox .TextBox p{font-family:var(--font_f_batang); color:#3b496a; font-weight:700; font-size:22pt; margin-top:0.5em;}

	/* Active시 */
	.SectionTreat .Tab.Active{width:800px; border-top:6px solid #94a2b7; background-color:#ebedf0;}
	.SectionTreat .Tab.Active .DefaultBox{opacity:0; z-index:0;}
	.SectionTreat .Tab.Active .OpenBox{opacity:1; z-index:2;}

	/* 더보기버튼 */
	.SectionTreat .More{position:relative; font-size:14pt; color:#1c2740; display:block; border:1px solid #959698; border-radius:100px; margin:6em 0 0 0; width:fit-content;  overflow:hidden;}
	.SectionTreat .More a{display:flex; height:45px; align-items:center; padding:0 2em; transition:all 400ms ease;}
	.SectionTreat .More a:hover{background-color:rgb(131 149 189 / 15%);}
	.SectionTreat .More a span{display:block; font-family:var(--font_f_batang); line-height:1;}
	.SectionTreat .More a .Arrow em{position:relative; display:block; background:#707275; opacity:.15; width:20px; height:20px; right:-7px; border-radius:50px; transition:all 400ms ease;}
	.SectionTreat .More a .Arrow:after{content:""; background:#797a7b; position:absolute; height:1px; width:5px; right:0; top:-2px; transform:rotate(45deg);}
	.SectionTreat .More a .Arrow:before{content:""; background:#797a7b; position:absolute; height:1px; width:5px; right:0; bottom:-2px; transform:rotate(-45deg); }
	.SectionTreat .More a .Arrow{display:inline-flex; background:#797a7b; height:1px; width:35px; margin:0 auto; position:relative; align-items:center; justify-content:right; margin-left:0.5em;}
	.SectionTreat .More a:hover .Arrow em{opacity:.1; scale:20;}

	/* 외국어 */
	.ForBranchWrap section.SectionTreat{background-color:#fff;}
	.ForBranchWrap .SectionTreat .OpenBox .TextBox small{font-size:12pt; font-weight:400; line-height:1.5; letter-spacing:-0.3px; width:60%; display:block; margin-top:30px; color:#5f5f5f; position:absolute; bottom:11%;}

	/* 영어 */	
	.C00323.ForBranchWrap .SectionTreat .DefaultBox .TextBox{width:64px; height:350px;}
	.C00323.ForBranchWrap .SectionTreat .DefaultBox .TextBox span{position:absolute; top:50%; left:50%; transform:rotate(90deg) translate(-50%, -50%); transform-origin:top left; white-space:nowrap; letter-spacing:0;}
	
	/* 중국어 */
	.C00324.ForBranchWrap .SectionTreat .DefaultBox .TextBox span{font-weight:500;}
	
	/* 일본어 */
	.C00325.ForBranchWrap .SectionTreat .DefaultBox .TextBox span{font-weight:500;}
	
	/* 태국어 */
	.C00326.ForBranchWrap .SectionTreat .DefaultBox .TextBox span{line-height:1; text-align:center;}
	.C00326.ForBranchWrap .SectionTreat .Tab04 .DefaultBox .TextBox span{font-size:14pt;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션06] 의료진영역 */
section.SectionDoctor{padding:9em 0; color:var(--font_c_gray_1); line-height:var(--line_15); letter-spacing:var(--letter_05); background-position:30%; background-size:100%; background-repeat:no-repeat; background-position-y:27%;}
.SectionDoctor > .Inner{width:100%; min-width:100%;}

	/* 기본세팅 --------------------------------------------------------- */
	/* 타이틀 */
	.SectionDoctor .MainTitle{ position:relative; display:block; width:1400px; margin:0 auto;}
	.SectionDoctor .MainTitle h2{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:400; text-align:center;}
	.SectionDoctor .MainTitle p{color:#757575; font-size:13pt; font-weight:500; display:block; margin-top:1.5em;letter-spacing:var(--letter_07); text-align:center;}
	
	/* 내용 */
	.SectionDoctor .DoctorArea{position:relative; width:fit-content; margin:0 auto; display:block;}
	.SectionDoctor .ImgBox{position:relative; display:flex; align-items:end; margin-top:5em;}
	.SectionDoctor .ImgBox img{position:relative; display:block;}
	.SectionDoctor .ImgBox img:nth-child(1){z-index:1; margin-right:-5em;}
	.SectionDoctor .ImgBox img:nth-child(2){z-index:2; margin-left:-5em; margin-bottom:-1em;}
	.SectionDoctor .ImgBox img:nth-child(3){margin-left:-7em; z-index:3;}
	.SectionDoctor .ImgBox img:nth-child(4){z-index:1; margin-left:-8em;}

	/* 더보기버튼 */
	.SectionDoctor .More{position:relative; font-size:14pt; color:#1c2740; display:block; border:1px solid #1c2740; border-radius:100px; margin:3.3em auto 0 auto; width:fit-content;  overflow:hidden;}
	.SectionDoctor .More a{display:flex; height:45px; align-items:center; padding: 0 2.5em; transition:all 400ms ease;}
	.SectionDoctor .More a:hover{background-color:rgb(131 149 189 / 15%);}
	.SectionDoctor .More a span{display:block; font-family:var(--font_f_batang); line-height:1;}
	.SectionDoctor .More a .Arrow em{position:relative; display:block; background:#0b3491; opacity:.15; width:20px; height:20px; right:-7px; border-radius:50px; transition:all 400ms ease;}
	.SectionDoctor .More a .Arrow:after{content:""; background:#1c2740; position:absolute; height:1px; width:5px; right:0; top:-2px; transform:rotate(45deg);}
	.SectionDoctor .More a .Arrow:before{content:""; background:#1c2740; position:absolute; height:1px; width:5px; right:0; bottom:-2px; transform:rotate(-45deg); }
	.SectionDoctor .More a .Arrow{display:inline-flex; background:#1c2740; height:1px; width:35px; margin:0 auto; position:relative; align-items:center; justify-content:right; margin-left:0.5em;}
	.SectionDoctor .More a:hover .Arrow em{opacity:.1; scale:20;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션07] 약속영역 */
section.SectionPromise{color:var(--font_c_gray_1); line-height:var(--line_15); letter-spacing:var(--letter_05); background-color:#f8f8f8;}
.SectionPromise > .Inner{width:100%; min-width:100%;}

	/* 기본세팅 --------------------------------------------------------- */
	/* 타이틀 */
	.SectionPromise .MainTitle{ position:relative; display:block; margin:0 auto;}
	.SectionPromise .MainTitle h2{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:400;}
	
	/* 내용 */
	.SectionPromise .StickyWrap{position:relative; display:flex; align-items:flex-start;}

	/* 좌측내용 */
	.SectionPromise .LeftArea{position:sticky; left:0; top:0; display:flex; align-self:flex-start; width:32%; min-width:600px; height:100vh; background-color:#1c2740; border-bottom-right-radius:180px; align-items:center; justify-content:center;}
	.SectionPromise .LeftArea .TextBox{position:relative; display:block; font-family:var(--font_f_batang); font-weight:300; font-size:27pt; justify-content:center; text-align:center; align-items:center;}
	.SectionPromise .LeftArea .TextBox img{position:absolute; left:-2.2em; top:-0.9em; width:3.5em;}
	.SectionPromise .LeftArea .TextBox .Line{display:block; margin:0 auto 1em auto; background-color:#777d8c; width:50px; height:3px;}
	.SectionPromise .LeftArea .TextBox span{color:#fff; line-height:var(--line_13);}
	.SectionPromise .LeftArea .TextBox b{color:#b1cbf5; font-weight:400;}

	/* 우측내용 */
	.SectionPromise .RightArea{display:block; width:calc(100% - 600px); margin:0 0 0 auto; padding:8em 0 9em clamp(8em, 7vw, 300px);}
	.SectionPromise .RightArea .ContArea *{font-family:var(--font_f_batang); font-weight:400; text-align:left;}
	.SectionPromise .RightArea .ContArea{margin-top:5em; display:block;}
	.SectionPromise .RightArea .Cont{display:block; max-width:70%; min-width:790px;}
	.SectionPromise .RightArea .Cont + div{margin-top:3em; padding-top:3.5em; border-top:1px solid #d5d5d5;}
	.SectionPromise .RightArea dl{position:relative; display:flex; align-items:flex-start;}
	.SectionPromise .RightArea dt{position:relative; display:block; width:4.5em;}
	.SectionPromise .RightArea dt span{position:relative; color:#3b496a; font-weight:400; font-size:28pt; z-index:1;}
	.SectionPromise .RightArea dt span:after{content:''; position:absolute; right:-25px; top:-25px; width:45px; height:45px; border-radius:50px; background:linear-gradient(45deg, transparent 30%, #e4e5e9 100%); z-index:1;}
	.SectionPromise .RightArea dd{position:relative; display:block; margin-top:0.8em;}
	.SectionPromise .RightArea dd span{color:#3b496a; font-weight:300; font-size:19pt;}
	.SectionPromise .RightArea dd p{font-family:'Pretendard' !important; color:#656565; font-size:13pt; font-weight:400 !important; display:block; margin-top:1em; letter-spacing:var(--letter_07); padding-left:1px;}

	/* 외국어 */
	.ForBranchWrap .SectionPromise .RightArea dd p{font-size:13.5pt; letter-spacing:-0.5px;}
	.ForBranchWrap .SectionPromise .RightArea dt span{font-family:'KoPub Batang' !important;}
	.ForBranchWrap .SectionPromise .LeftArea .TextBox *{font-family:'KoPub Batang', 'Pretendard';}

	/* 중국어 */
	.C00324.ForBranchWrap .SectionPromise .RightArea dd p{font-family:'Pretendard','Noto Sans SC', 'SUIT', 'Noto Sans KR', sans-serif !important;}
	.C00324.ForBranchWrap .SectionPromise .RightArea dd span{font-weight:500;}

	/* 일본어 */
	.C00325.ForBranchWrap .SectionPromise .RightArea dd p{font-family:'Pretendard','Noto Sans JP', 'SUIT', 'Noto Sans KR', sans-serif !important;}
	.C00325.ForBranchWrap .SectionPromise .RightArea dd span{font-weight:500;}
	.C00325.ForBranchWrap .SectionPromise .RightArea dd p{font-size:13pt;}

	/* 태국어 */
	.C00326.ForBranchWrap .SectionPromise .RightArea dd p{font-family:'Pretendard','Noto Sans Thai', 'SUIT', 'Noto Sans KR', sans-serif !important;}
	.C00326.ForBranchWrap .SectionPromise .RightArea dd span{font-weight:500;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션08] 유튜브영역 */
section.SectionYoutube{padding:9em 0; color:var(--font_c_gray_1); line-height:var(--line_15); letter-spacing:var(--letter_05); }
.SectionYoutube > .Inner{width:1400px; min-width:1400px;}

	/* 기본세팅 --------------------------------------------------------- */
	/* 타이틀 */
	.SectionYoutube .MainTitle{position:relative; display:flex; width:1400px; margin:0 auto; align-items:center; justify-content:space-between;}
	.SectionYoutube .MainTitle h2{position:relative; display:block; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:400;}

	/* 더보기버튼 */
	.SectionYoutube .More{position:relative; font-size:13pt; color:#fff; display:block; background-color:#ef0b0b; border-radius:100px; width:fit-content; overflow:hidden;}
	.SectionYoutube .More a{display:flex; height:45px; align-items:center; padding: 0 1.5em; transition:all 400ms ease;}
	.SectionYoutube .More:hover{transition:300ms ease;}
	.SectionYoutube .More a span{display:block; line-height:1;}
	.SectionYoutube .More a .Arrow em{position:relative; display:block; background:#fff; opacity:.25; width:20px; height:20px; border-radius:50px; transition:all 400ms ease;}
	.SectionYoutube .More a .Arrow:after{content:""; background:#fff; position:absolute; height:1px; width:5px; right:7px; top:-1px; transform:rotate(45deg);}
	.SectionYoutube .More a .Arrow:before{content:""; background:#fff; position:absolute; height:1px; width:5px; right:7px; bottom:-2px; transform:rotate(-45deg); }
	.SectionYoutube .More a .Arrow{display:inline-flex; background:none; height:1px; width:20px; margin:0 auto; position:relative; align-items:center; justify-content:right; margin-left:0.5em;}
	.SectionYoutube .More a:hover .Arrow em{opacity:.1; scale:20;}
	
	/* 내용 */
	.SectionYoutube .VideoArea{position:relative; display:flex; margin-top:3em;}
	.SectionYoutube .VideoArea .VideoBox{display:block; width:932px;}
	.SectionYoutube .VideoArea .List{display:block; width:calc(100% - 932px);}
	.SectionYoutube .VideoArea .List ul{display:block; width:100%; padding-left:25px;}
	.SectionYoutube .VideoArea .List ul li{display:block; width:100%;}
	.SectionYoutube .VideoArea .List ul li + li{margin-top:25px;}
	.SectionYoutube .VideoArea .List ul li .ThumBox{direction:block; width:100%;}
	.SectionYoutube .VideoArea .List ul li a{display:block; width:100%; background-color:#000;}
	.SectionYoutube .VideoArea .List ul li a img{display:block; width:100%;}
	.SectionYoutube .VideoArea .List ul li a:hover img{opacity:.7; transition:all 300ms ease;}
	
	/* 슬라이드 */
	.SectionYoutube .MultiSlider .ThumbBox{background-color:#000; margin-top:3em;}
	.SectionYoutube .MultiSlider .ThumbBox img{width:100%;}
	.SectionYoutube .MultiSlider .ThumbBox img:hover{opacity:.6; transition:all 700ms;}
	
	/* 영상모달 */
	.NC00309 .mfp-iframe-holder .mfp-content{max-width:65%;}

	/* 마우스커서효과 */
	@media (hover: hover) and (pointer: fine) {
		.SectionYoutube #cursor{position:fixed; left:0; top:0; pointer-events:none; will-change:transform; opacity:0; transition:opacity 0.3s ease; z-index:99;}
		.SectionYoutube #cursor.Active{opacity:1;}
		.SectionYoutube #cursor .cursor--inner svg{display:block; width:16px; height:16px; position:absolute; top:50%; left:50%; margin-left:2px; transform:translateY(-50%) translateX(-50%); color:#fff;}
		.SectionYoutube #cursor .cursor--inner{width:88px; height:88px; border-radius:50%; transform:translate(-50%, -50%); border:solid 2px #ffffff;}
	}

@keyframes MainMoreBlink {
	0%, 100%	{opacity:.1;}
	50%			{opacity:.25;}
}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [외국어섹션] 타이틀공통 */
.ForBranchWrap .MainTitle h2{letter-spacing:-0.5px; font-size:26pt !important;}
.ForBranchWrap .ClinicSection .SubTitle h2{letter-spacing:-0.5px; font-size:26pt !important;}

/* 영어 */
.C00323.ForBranchWrap .MainTitle h2{letter-spacing:-0.5px; font-size:25pt !important;}
.C00323.ForBranchWrap .ClinicSection .SubTitle h2{letter-spacing:-0.5px; font-size:25pt !important;}

/* 중국어 */
.C00324.ForBranchWrap .MainTitle h2{font-weight:500;}
.C00324.ForBranchWrap .MainTitle h2 b{font-family:'Noto Serif SC', 'SUIT', 'Noto Sans KR', sans-serif;}
.C00324.ForBranchWrap .ClinicSection .SubTitle h2{font-weight:500;}

/* 일본어 */
.C00325.ForBranchWrap .MainTitle h2{font-weight:500;}
.C00325.ForBranchWrap .MainTitle h2 b{font-family:'Noto Serif JP', 'SUIT', 'Noto Sans KR', sans-serif;}
.C00325.ForBranchWrap .ClinicSection .SubTitle h2{font-weight:500;}

/* 태국어 */
.C00326.ForBranchWrap .MainTitle h2{font-weight:500;}
.C00326.ForBranchWrap .MainTitle h2 b{font-family:'Noto Serif Thai', 'SUIT', 'Noto Sans KR', sans-serif;}
.C00326.ForBranchWrap .ClinicSection .SubTitle h2{font-weight:500;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [외국어섹션] 의료진영역 */
.ForBranchWrap .ClinicSection.GlobalDoctor{background-color:#fff !important; background-position:center; background-repeat:no-repeat; background-size:100%; background-position-y:top;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul{width:90%; margin:0 auto; gap:4em; flex-wrap:wrap; width:100%;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul li{width:320px; gap: 1em; padding-top:4em; position:relative; cursor:pointer; }
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul li:after{content:'';width: 104%;height: 81%;top:0;position:absolute;background:linear-gradient(to bottom, #fbfcfd, #f3f4f7);border-radius:200px;z-index:1;left: 50%;margin-left: -52%;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul li:before{content:'';width: 104%;height: 81%;top:0;position:absolute;background:linear-gradient(to bottom, #fbfcfd 0 20%, #d8dde7);border-radius:200px;z-index:2;left: 50%;margin-left: -52%; transition:opacity 300ms ease; opacity:0;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox *{font-family:var(--font_f_batang) !important; margin:0; line-height:1;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre{white-space:normal; width:98%;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre,
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre *{font-family:'Pretendard' !important; color:#535353; line-height:1.2 !important; font-size:11.5pt !important; font-weight:400 !important; position:relative; letter-spacing:-0.2px;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre > p{padding-left:6px;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre > p + p{margin-top:0.3em;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre > p:after{content:''; position:absolute; display:inline-block; width:2px; height:2px; border-radius:10px; background-color:#9b9b9b; top:8px; left:0; z-index:2;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul .TextBox{position:relative; z-index:3; padding:0; background:none; display:flex; align-items:center; justify-content:space-between; flex-direction:column; gap:0.5em;;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul .ImgBox{position:relative; z-index:3; font-weight:400;color:#8d8d8d; font-size:21px;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul .ImgBox img{ background:linear-gradient(to bottom, transparent 0 50%, #fff 100%); transform:scale(1); transition:transform 300ms ease; max-width:max-content; margin:0 auto; display:block;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > div{color:#676767; font-size:18px;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Text{max-height:50vh; overflow-y:auto;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > p{font-family:'Pretendard' !important; font-weight:400 !important; font-size:11pt; color:#9398a4; letter-spacing:0;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name{display:flex; flex-wrap:wrap; align-items:end; margin-bottom:1.1em; padding-bottom:1.1em; border-bottom:1px solid #cbcbcb;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name div{width:100%; margin:0 0 0.7em 0; font-size:16pt;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name p{font-family:'Pretendard' !important; font-weight:500 !important; font-size:13pt; margin:0 0 0 0.5em; color:#9398a4; margin-bottom:4px;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name span{letter-spacing:0; font-weight:400; font-size:24pt; color:#1c2d53;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > span{letter-spacing:0; font-weight:400; font-size:19pt; color:#1c2d53; letter-spacing:-0.5px; margin-top:0.5em;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul li:hover:before{opacity:1;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul li:hover .ImgBox img{ transform:scale(1.02);}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul .ImgBox .ModalBtn{background:rgb(162 169 187 / 58%); border-radius:100px; width:55px; height:55px; display:flex; justify-content: center; align-items: center; margin: 0 auto; transition:all 200ms ease; position:absolute; z-index:2; bottom:1.2em; left:50%; margin-left:-27.5px;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul li:hover .ImgBox .ModalBtn{background-color:rgb(135 144 167 / 70%);}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul .ImgBox .ModalBtn svg{width:20px; display:block; color:#fff;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .ModalCont{}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .ModalCont .Cont{display:inline-flex; justify-content:center; align-items:center; border-radius:25px; width:100%; flex-direction:row; padding:0; height:86vh; background:none; gap:4em;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .ModalCont .Cont img{position:relative; z-index:2;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .ModalCont .Cont img.Logo{position:absolute; z-index:1; bottom:19em; left:9em;}
.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .ModalCont .Cont .TextBox{min-width:32%; max-width:40em;}

/* 중국어 */
.C00324.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > p{font-family:'Pretendard', 'Noto Sans SC', 'SUIT', 'Noto Sans KR', sans-serif !important; font-size:12pt;}
.C00324.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name p{font-family:'Pretendard', 'Noto Sans SC', 'SUIT', 'Noto Sans KR', sans-serif !important; margin-bottom:0;}
.C00324.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre,
.C00324.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre *{font-family:'Pretendard', 'Noto Sans SC', 'SUIT', 'Noto Sans KR', sans-serif !important; font-size:12.5pt !important;}
.C00324.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name span{font-size:26pt;}
.C00324.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name div{font-size:17pt;}
.C00324.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > span{margin-top:0; font-size:21pt; font-weight:500;}
.C00324.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > div{font-size:15pt;}
.C00324.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul .TextBox{gap:0.8em;}

/* 일본어 */
.C00325.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > p{font-family:'Pretendard', 'Noto Sans JP', 'SUIT', 'Noto Sans KR', sans-serif !important; font-size:12pt;}
.C00325.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name p{font-family:'Pretendard', 'Noto Sans JP', 'SUIT', 'Noto Sans KR', sans-serif !important; margin-bottom:0;}
.C00325.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre,
.C00325.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre *{font-family:'Pretendard', 'Noto Sans JP', 'SUIT', 'Noto Sans KR', sans-serif !important; font-size:12.5pt !important;}
.C00325.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name span{font-size:26pt;}
.C00325.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name div{font-size:17pt;}
.C00325.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > span{margin-top:0; font-size:21pt; font-weight:500;}
.C00325.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > div{font-size:15pt;}
.C00325.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul .TextBox{gap:0.8em;}

/* 태국어 */
.C00326.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > p{font-family:'Pretendard', 'Noto Sans Thai', 'SUIT', 'Noto Sans KR', sans-serif !important;}
.C00326.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name p{font-family:'Pretendard', 'Noto Sans Thai', 'SUIT', 'Noto Sans KR', sans-serif !important; margin-bottom:0;}
.C00326.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre,
.C00326.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox pre *{font-family:'Pretendard', 'Noto Sans Thai', 'SUIT', 'Noto Sans KR', sans-serif !important;}
.C00326.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name span{font-size:26pt;}
.C00326.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > .Name div{font-size:17pt;}
.C00326.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea .TextBox > span{margin-top:0; font-size:20pt; font-weight:500;}
.C00326.ForBranchWrap .ClinicSection.GlobalDoctor .ModalArea > ul .TextBox{gap:0.8em;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [외국어섹션] 컨택영역 */
.ForBranchWrap .SectionContact{background:linear-gradient(to bottom, #29354e, #36425d);}
.ForBranchWrap .SectionContact .SubTitle.Center h2{color:#fff;}
.ForBranchWrap .SectionContact ul{display:flex; gap:2em; align-items:stretch;}
.ForBranchWrap .SectionContact ul li{display:inline-grid; width:calc((100% - 4em) / 3); border-radius:20px; text-align:center; align-items:center; background:linear-gradient(to bottom, #cacdd4, #3e4963); box-shadow:10px 10px 20px 10px rgba(0, 0, 0, 0.25);}
.ForBranchWrap .SectionContact dl{display:flex; padding:1.4em 2.2em; align-items:center; min-height:187px;}
.ForBranchWrap .SectionContact dt{text-align:left;}
.ForBranchWrap .SectionContact dd{margin:0 0 0 auto;}
.ForBranchWrap .SectionContact .TitleBox{display:inline-block;}
.ForBranchWrap .SectionContact .TitleBox span{position:relative; display:inline-block; vertical-align:middle; font-size:15pt; font-weight:500; line-height:1; color:#fff; letter-spacing:0; padding: 0.5em 1em; border-radius:50px; background-color:#1c2740;}
.ForBranchWrap .SectionContact .TitleBox img{position:relative; padding-left:24px; display:block;}
.ForBranchWrap .SectionContact .TextBox{display:flex; align-items:center; height:45px; margin-top:1em; padding-left:0.7em;}
.ForBranchWrap .SectionContact .TextBox p{}
.ForBranchWrap .SectionContact .TextBox p i{font-size:19pt; color:#cce2ff;}
.ForBranchWrap .SectionContact .TextBox p a{color:#ffffff; font-size:24pt; line-height:1; font-weight:600; letter-spacing:-0.4px;}
.ForBranchWrap .SectionContact .TextBox small{font-size:13pt; font-weight:400; color:#b9c0d0; line-height:1.4; display:block;}
.ForBranchWrap .SectionContact .ImgBox{}
.ForBranchWrap .SectionContact .ImgBox > div{background:#eeeff1; border-radius:9px; padding:8px;}
.ForBranchWrap .SectionContact .ImgBox > div img{}
.ForBranchWrap .SectionContact .ImgBox b{color:#ddd; font-size:11.5pt; font-weight:500; margin-top:6px; display:block; line-height:1;}
.ForBranchWrap .SectionContact .More:before{}
.ForBranchWrap .SectionContact .More{position:relative; display:flex; border-radius:100px; overflow:hidden; width:110px; height:110px; padding:2px; font-size:14pt; color:#1c2740; background:linear-gradient(90deg, #f8f9fa, #8396ba);}
.ForBranchWrap .SectionContact .More a{display:flex; align-items:center; transition:all 400ms ease; flex-direction:column; justify-content:center; border-radius:100px; width:100%; padding:2px; background:linear-gradient(120deg, #dde3ee, #a5bcea);}
.ForBranchWrap .SectionContact .More a:hover{}
.ForBranchWrap .SectionContact .More a span{display:block;font-family: 'GmarketSansBold'; line-height:1; font-size:10pt; letter-spacing:0;}
.ForBranchWrap .SectionContact .More a .Arrow em{position:relative; display:block; background:#0b3491; opacity:.15; width:20px; height:20px; right:-7px; border-radius:50px; transition:all 400ms ease;}
.ForBranchWrap .SectionContact .More a .Arrow:after{content:""; background:#1c2740; position:absolute; height:1px; width:5px; right:0; top:-2px; transform:rotate(45deg);}
.ForBranchWrap .SectionContact .More a .Arrow:before{content:""; background:#1c2740; position:absolute; height:1px; width:5px; right:0; bottom:-2px; transform:rotate(-45deg); }
.ForBranchWrap .SectionContact .More a .Arrow{display:inline-flex; background:#1c2740; height:1px; width:25px; position:relative; align-items:center; justify-content:right; margin:0.8em auto 0 auto;}
.ForBranchWrap .SectionContact .More a:hover .Arrow em{opacity:.1; scale:20;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [외국어섹션] 서울페이스특별함영역 */

/* content.css에서 body클래쓰 선언으로 여기서 재선언 */

.C00323.Hidden,
.C00324.Hidden,
.C00325.Hidden,
.C00326.Hidden{overflow:hidden;}

.ForBranchWrap .ClinicSection .RoundArea{width:fit-content; margin:0 auto;}
.ForBranchWrap .ClinicSection .RoundArea ul{gap:0; z-index:2;}
.ForBranchWrap .ClinicSection .RoundArea ul.Bg{position:absolute; z-index:1; top:0;}
.ForBranchWrap .ClinicSection .RoundArea ul.Bg li{background-color:#fff; border:none;}
.ForBranchWrap .ClinicSection .RoundArea ul li{width:440px; height:440px; background:transparent; border:5px solid #e4eaf4; border-radius:500px; transition:background-color 300ms ease; cursor:pointer;}
.ForBranchWrap .ClinicSection .RoundArea ul li small{position:relative; width:100%; color:#333; font-size:12pt; font-weight:400; display:block; letter-spacing:var(--letter_05); text-align:center; line-height:1.5; transition:height 400ms ease; overflow:hidden; padding-top:1em; height:0; opacity:0; transition:height 400ms ease, opacity 500ms 100ms ease;}
.ForBranchWrap .ClinicSection .RoundArea ul li em{position:absolute; width:100%; color:#bec9db; font-size:13pt; font-weight:500; display:block; letter-spacing:var(--letter_05); text-align:center; line-height:1; padding-top:1.5em; transition:opacity 300ms ease;}
.ForBranchWrap .ClinicSection .RoundArea ul li + li{margin-left:-2.5em;}
.ForBranchWrap .ClinicSection .RoundArea ul li .TextBox{position:relative; z-index:2;}
.ForBranchWrap .ClinicSection .RoundArea ul li .TextBox span{color:#1f3967; position:relative; font-family:'Pretendard'; font-size:19pt; font-weight:700; text-align:center; line-height:1; letter-spacing:var(--letter_07);}
.ForBranchWrap .ClinicSection .RoundArea ul li .TextBox .Line{background-color:#1f3967; width:1.6em; height:2px; margin:1.2em auto;}
.ForBranchWrap .ClinicSection .RoundArea ul li .TextBox p{font-weight:600; font-size:13pt;}
.ForBranchWrap .ClinicSection .RoundArea ul li:not(.Bg):hover{background:#fff; box-shadow:0px 0px 30px rgb(0 0 0 / 10%); border:none; z-index:5; transition:box-shadow 400ms ease-in-out;}
.ForBranchWrap .ClinicSection .RoundArea ul li:not(.Bg):hover small{height:200px; opacity:1;}
.ForBranchWrap .ClinicSection .RoundArea ul li:not(.Bg):hover p{color:#8e9fbd;}
.ForBranchWrap .ClinicSection .RoundArea ul li:not(.Bg):hover em{opacity:0;}

.ForBranchWrap .ClinicSection .SlideArea .ImgBox{position:relative; display:block; z-index:1;}
.ForBranchWrap .ClinicSection .SlideArea .ImgBox img{width:100%;}
.ForBranchWrap .ClinicSection .SlideArea .TextBox{position:absolute; width:100%; height:100%; display:flex; align-items:baseline; flex-direction:column; gap:1.5em; justify-content:center; z-index:2; top:0; padding:0 2.5em;}
.ForBranchWrap .ClinicSection .SlideArea .TextBox em{color:#6f89c5; position:relative; font-family:'KoPub Batang', 'Pretendard' !important; font-size:12pt; font-weight:700; line-height:1;}
.ForBranchWrap .ClinicSection .SlideArea .TextBox span{position:relative; display:block; color:#333; font-size:19pt; font-weight:700; line-height:1; letter-spacing:var(--letter_07);}
.ForBranchWrap .ClinicSection .SlideArea .TextBox p{display:block; font-size:13pt; font-weight:400; line-height:1.4; text-align:left; letter-spacing:var(--letter_07); color:#515151;}

.ForBranchWrap .ClinicSection .BasicArea.Both{flex-direction:column; align-items:baseline; justify-content:center;}
.ForBranchWrap .ClinicSection .BasicArea.Both > img{position:absolute; right:7em; bottom:1em; z-index:1; mix-blend-mode:multiply;}
.ForBranchWrap .ClinicSection .BasicArea.Both > div{z-index:2;}
.ForBranchWrap .ClinicSection .BasicArea .Sub{position:absolute; z-index:2; display:flex; gap:2.5em; justify-content:center; align-items:center; flex-direction:column; top:5em; left:9em;}
.ForBranchWrap .ClinicSection .BasicArea .Sub img{position:relative;}
.ForBranchWrap .ClinicSection .BasicArea .Sub strong{display:block; width:6em; height:3px; background-color:#9b9b9b;}

/* 영어 */
.C00323.ForBranchWrap .ClinicSection .RoundArea ul li .TextBox{margin-top:1.5em;}
.C00323.ForBranchWrap .ClinicSection .RoundArea .TextBox p{line-height:1.2;}
.C00323.ForBranchWrap .ClinicSection .RoundArea ul li:not(.Bg):hover small{height:220px;}
.C00323.ForBranchWrap .ClinicSection .RoundArea ul li small{line-height:1.4; padding-top:0.6em;}

/* 중국어 */
.C00324.ForBranchWrap .ClinicSection .RoundArea ul li .TextBox p{font-weight:500;}
.C00324.ForBranchWrap .ClinicSection .RoundArea ul li .TextBox span{font-family:'Pretendard', 'Noto Sans SC', 'SUIT', 'Noto Sans KR', sans-serif;}
.C00324.ForBranchWrap .ClinicSection .RoundArea ul li:not(.Bg):hover small{height:215px;}

/* 일본어 */
.C00325.ForBranchWrap .ClinicSection .RoundArea ul li .TextBox p{font-weight:500;}
.C00325.ForBranchWrap .ClinicSection .RoundArea ul li .TextBox span{font-family:'Pretendard', 'Noto Sans JP', 'SUIT', 'Noto Sans KR', sans-serif;}
.C00325.ForBranchWrap .ClinicSection .RoundArea ul li:not(.Bg):hover small{height:250px;}
.C00325.ForBranchWrap .ClinicSection .RoundArea ul li:nth-child(2):not(.Bg):hover small{height:180px;}

/* 태국어 */
.C00326.ForBranchWrap .ClinicSection .RoundArea ul li{width:470px; height:470px;}
.C00326.ForBranchWrap .ClinicSection .RoundArea ul li .TextBox span{font-size:18pt;}
.C00326.ForBranchWrap .ClinicSection .RoundArea .TextBox p{line-height:1.2;}
.C00326.ForBranchWrap .ClinicSection .RoundArea ul li small{line-height:1.3; padding-top:0.6em;}
.C00326.ForBranchWrap .ClinicSection .RoundArea ul li:not(.Bg):hover small{height:250px;}
.C00326.ForBranchWrap .ClinicSection .RoundArea ul li:nth-child(2):not(.Bg):hover small{height:160px;}
.C00326.ForBranchWrap .ClinicSection .RoundArea ul li:nth-child(3):not(.Bg):hover small{height:230px;}