@import url('https://cdn.jsdelivr.net/npm/@fontsource-variable/reddit-sans@5/index.css');

/* ========================================================================================================================================= */
/* 공통 */
body .txtBlack{color:#464646;}
body .txtWhite{color:#fff;}
body .txtBrown{color:#A18C8C;}
body .txtPink{color:#EEE0E0;}

body .reddit{font-family: 'Reddit Sans Variable', sans-serif; font-weight:600;}
body .reddit b{font-family: 'Reddit Sans Variable', sans-serif; font-weight:700;}

body .subSection{width:100%; position:relative; overflow:hidden;}
body .subSection .Inner{width:1400px; min-width:1400px;}

body .txt18{font-size:17px;}
body .txt20{font-size:19px;}
body .txt22{font-size:21px;}
body .txt24{font-size:22px;}
body .txt28{font-size:26px;}
body .txt32{font-size:30px;}
body .txt40{font-size:38px;}
body .txt50{font-size:46px;}

/* ========================================================================================================================================= */
/*키비주얼*/
body .keyVisualSection{width:100%; position:relative; overflow:hidden; height:600px;}
body .keyVisualSection .bgWrap img{width:100%;}
body .keyVisualSection .Inner{width:100%; min-width:100%; height:100%;}
body .keyVisualSection .txtBox{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
body .keyVisualSection .txtBox em{display:block;}
body .keyVisualSection .txtBox p{letter-spacing:-3%; margin-top:35px; font-weight:700; position:relative;}
body .keyVisualSection .txtBox h2{margin-top:35px; font-weight:700; position:relative;}
body .keyVisualSection .txtBox .txtMotion{overflow: hidden;}
body .keyVisualSection .txtBox .txtMotion > p, body .keyVisualSection .txtBox .txtMotion > h2{transform: translateY(110%);}
body .keyVisualSection .txtBox .txtMotion > p {animation:keyVisualTextUp 1.3s cubic-bezier(.22,.61,.36,1) .25s forwards;}
body .keyVisualSection .txtBox .txtMotion > h2 {animation:keyVisualTextUp 1.3s cubic-bezier(.22,.61,.36,1) .6s forwards;}

@keyframes keyVisualTextUp {0% {transform: translateY(110%);} 100% {transform: translateY(0);}}

	/*스크롤다운*/
	body .keyVisualSection .scroll{ position:absolute; left:50%; bottom:0; transform:translate(-50%,0); display: flex; flex-direction: column; align-items: center;}
	body .keyVisualSection .scroll > em{display: block;}
	body .keyVisualSection .scroll .scrollBar {position: relative; width: 2px; height: 60px; margin-top: 15px; background: rgba(255,255,255,.3); overflow: hidden;}
	body .keyVisualSection .scroll .scrollBar > span {position: absolute; top: 0; left: 0; width: 100%; height: 35px; background: #fff;	animation: scrollBarDown 2.2s cubic-bezier(.65,0,.35,1) infinite;}

	@keyframes scrollBarDown {0% {transform: translateY(-100%);	opacity: 0;} 10% {opacity: 1;} 80% {opacity: 1;} 100% {transform: translateY(260%); opacity: 0;}}

/* ========================================================================================================================================= */
/*어바웃-시소이야기*/
body .aboutAboutArea{}
/*1번영역*/
body .aboutAboutArea .subSection01{padding:180px 0; background:url('/img/C00396/about01_bg.jpg')no-repeat center/cover;}
body .aboutAboutArea .subSection01 .contWrap{width:50%; margin-left:auto; margin-right:0; display: flex; flex-direction: column; align-items: start; justify-content:start; gap:40px;}
body .aboutAboutArea .subSection01 .contWrap em{display:block; font-weight:700;}
body .aboutAboutArea .subSection01 .contWrap h2{line-height:1.4;}
body .aboutAboutArea .subSection01 .contWrap p{line-height:1.6;}
/*2번영역*/
body .aboutAboutArea .subSection02{padding:150px 0; background:url('/img/C00396/about02_bg.jpg')no-repeat center/cover;}
body .aboutAboutArea .subSection02 .contWrap{width:100%; text-align:center; display: flex; flex-direction: column; align-items: center; justify-content:center; gap:40px;}
body .aboutAboutArea .subSection02 .contWrap h2{font-size:56px; font-weight:700; padding:15px 0;}
body .aboutAboutArea .subSection02 .contWrap h2 span{color:#464646;}
body .aboutAboutArea .subSection02 .contWrap p{line-height:1.6;}

/* ========================================================================================================================================= */
/*어바웃-진료철학*/
body .aboutThesisArea{}
/*1번영역*/
body .aboutThesisArea .subSection01{padding:170px 0; background:url('/img/C00396/thesis01_bg.jpg')no-repeat center/cover;}
body .aboutThesisArea .subSection01 .contWrap{width:100%; text-align:center; display: flex; flex-direction: column; align-items: center; justify-content:center; gap:40px;}
body .aboutThesisArea .subSection01 .contWrap em{display:block; font-weight:700;}
body .aboutThesisArea .subSection01 .contWrap h2{line-height:1.6;}
body .aboutThesisArea .subSection01 .contWrap p{line-height:1.8;}
body .aboutThesisArea .subSection01 .contWrap p b{line-height:1.8; font-weight:600;}
/*2번영역*/
body .aboutThesisArea .subSection02{padding:150px 0;}
body .aboutThesisArea .subSection02 .contBox{width:100%; display:inline-flex; align-items: center; justify-content:start; gap:100px;}
body .aboutThesisArea .subSection02 .contBox02{justify-content:space-between;}
body .aboutThesisArea .subSection02 .contBox:nth-child(n+2){margin-top:120px;}
body .aboutThesisArea .subSection02 .contBox .txtBox{}
body .aboutThesisArea .subSection02 .contBox .txtBox .top{width:100%; display:inline-flex; align-items: baseline; justify-content:start; gap:15px;}
body .aboutThesisArea .subSection02 .contBox .txtBox .top em{display:block; font-weight:700; font-size:90px; opacity:0.2;}
body .aboutThesisArea .subSection02 .contBox .txtBox .top h2{font-weight:700;}
body .aboutThesisArea .subSection02 .contBox .txtBox p{line-height:1.6; margin-top:30px;}
body .aboutThesisArea .subSection02 .contBox .txtBox p b{line-height:1.6; font-weight:600;}
body .aboutThesisArea .subSection02 .contBox .imgBox{width:650px; position:relative;}
body .aboutThesisArea .subSection02 .contBox .imgBox img{width:100%; position:relative;}
body .aboutThesisArea .subSection02 .contBox .imgBox span{display:block; width:850px; height:450px; background:rgba(235,230,230,0.5); position:absolute; left:-260px; bottom:-60px;}
body .aboutThesisArea .subSection02 .contBox02 .imgBox span{left:auto; right:-260px;}
/*3번영역*/
body .aboutThesisArea .subSection03{padding:150px 0; background:url('/img/C00396/thesis03_bg.jpg')no-repeat center/cover;}
body .aboutThesisArea .subSection03 .Inner{width:100%; min-width:100%;}
body .aboutThesisArea .subSection03 .title{width:100%; text-align:center;}
body .aboutThesisArea .subSection03 .title h2{font-weight:700;}
body .aboutThesisArea .subSection03 .title h2 b{font-weight:700;}
body .aboutThesisArea .subSection03 .title p{line-height:1.6; margin-top:60px;}
body .aboutThesisArea .subSection03 .title p b{line-height:1.6; font-weight:600;}
body .aboutThesisArea .subSection03 .contWrap{width:100%; display:inline-flex; align-items: start; justify-content:space-between; margin-top:80px;}

/* ========================================================================================================================================= */
/*어바웃-의료진소개*/
body .aboutDoctorArea{}
/*1번영역*/
body .aboutDoctorArea .subSection01{padding:150px 0; background:url('/img/C00396/doctor01_bg.jpg')no-repeat center/cover;}
body .aboutDoctorArea .subSection01 .title{width:100%; text-align:center;}
body .aboutDoctorArea .subSection01 .title em{font-weight:700;}
body .aboutDoctorArea .subSection01 .title h2{font-weight:500; margin-top:30px;}
body .aboutDoctorArea .subSection01 .title h2 b{font-weight:700;}
body .aboutDoctorArea .subSection01 .contWrap{width:100%; margin-top:80px;}
body .aboutDoctorArea .subSection01 .contWrap .doctorBox{width:100%; display:inline-flex; align-items:center; justify-content:start; gap:100px;}
body .aboutDoctorArea .subSection01 .contWrap .doctorBox .txtBox em{display:block;}
body .aboutDoctorArea .subSection01 .contWrap .doctorBox .txtBox .Name{display:inline-flex; align-items:center; justify-content:start; gap:15px; margin-top:20px;}
body .aboutDoctorArea .subSection01 .contWrap .doctorBox .txtBox .Name p{font-weight:600;}
body .aboutDoctorArea .subSection01 .contWrap .doctorBox .txtBox .Career{margin-top:40px;}
body .aboutDoctorArea .subSection01 .contWrap .doctorBox .txtBox .Career p{line-height:2;}

/* ========================================================================================================================================= */
/*어바웃-오시는길*/
body .aboutMapArea{}
body .aboutMapWrap .Company_Area{display:none;}
body .aboutMapWrap .Bottom_Area{padding-top:60px; border-top:none;}
/*1번영역*/
body .aboutMapArea .subSection01{padding:150px 0; background:url('/img/C00396/doctor01_bg.jpg')no-repeat center/cover;}
body .aboutMapArea .subSection01 .contInner{width:100%; display:inline-flex; align-items:center; justify-content:start; gap:100px;}
body .aboutMapArea .subSection01 .contInner .topArea{width:650px;}
body .aboutMapArea .subSection01 .contInner .topArea .Banner26Other .aboutmap26{height:880px;}
body .aboutMapArea .subSection01 .contInner .contWrap{width:calc(100% - 750px);}
body .aboutMapArea .subSection01 .contInner .contWrap .top{width:100%; display:inline-flex; align-items:center; justify-content:start; gap:18px; margin-bottom:25px;}
body .aboutMapArea .subSection01 .contInner .contWrap .contBox01{padding-bottom:50px;}
body .aboutMapArea .subSection01 .contInner .contWrap .contBox01 p{line-height:1.6;}
body .aboutMapArea .subSection01 .contInner .contWrap .contBox01 pre{display:block; margin-top:15px; color:#666666; line-height:1.6;}
body .aboutMapArea .subSection01 .contInner .contWrap .contBox02{padding:50px 0; border-top:1px solid #BAAEAE; border-bottom:1px solid #BAAEAE;}
body .aboutMapArea .subSection01 .contInner .contWrap .contBox03{padding-top:50px;}
body .aboutMapArea .subSection01 .contInner .contWrap .contBox03 label{width:100%; display:inline-flex; align-items:start; justify-content:start; gap:25px;}
body .aboutMapArea .subSection01 .contInner .contWrap .contBox03 label pre{line-height:2;}

/* ========================================================================================================================================= */
/*게시판 공통*/
body .boardWrap #contents{margin-top:80px;}
body .contactWrap #contents{margin-top:80px;}