@charset "utf-8";
/* 
C00321 솔담한방병원
*/

/* 메인전용컨텐츠 */
.MainContents_Area * {}
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; box-sizing:border-box; white-space:normal; word-break:keep-all;}
/*슬라이드 초기화*/
.MultiImgSlider .slick-slide li .ThumBox{background-color:transparent;}

body .C00322 .C00322 .MainContents_Area .Inner{width:1400px; min-width:1400px;}
body .C00322 .MainContents_Area > .MainSection{z-index:1;}

/*타이틀*/
body .C00322 .mainTitle{width:100%; display:block; position:relative; text-align:center;}
body .C00322 .mainTitle h3{font-size:28pt; font-weight:500; line-height:1.5; font-family: "Baskervville", serif;}
body .C00322 .mainTitle h3 b{font-weight:700; font-family: "Baskervville", serif;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*1번배너*/
body .C00322 .mainSection01{width:100%; position:relative; overflow:hidden;}
body .C00322 .mainSection01 .Inner{width:100%; min-width:100%;}
body .C00322 .mainSection01 .txtBox{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;}
body .C00322 .mainSection01 .txtBox h3{overflow:hidden;}
body .C00322 .mainSection01 .txtBox h3 span{font-size:66pt; font-family: "Baskervville", serif; font-weight:800; color:#fff; display:block; filter: blur(10px); transform:translateY(100px); animation:blur1 6s ease-out infinite;}
body .C00322 .mainSection01 .txtBox h4{margin-top:10px; overflow:hidden;}
body .C00322 .mainSection01 .txtBox h4 span{font-size:28pt; font-family: "Baskervville", serif; font-weight:800; color:#fff; display:block; filter: blur(10px); transform:translateY(100px); animation:blur2 6s ease-out infinite;}
body .C00322 .mainSection01 .txtBox p{margin-top:50px; overflow:hidden;}
body .C00322 .mainSection01 .txtBox p span{font-size:16pt; line-height:1.7; color:#fff; font-weight:400; display:block; filter: blur(10px); transform:translateY(-150px); animation:blur3 6s ease-out infinite;}
body .C00322 .mainSection01 .txtBox p span b{font-weight:700; line-height:1.7; color:#fff; font-weight:700;}
body .C00322 .mainSection01 .txtBox h5{width:fit-content; margin:0 auto; margin-top:20px; overflow:hidden;}
body .C00322 .mainSection01 .txtBox h5 span{font-size:16pt; font-family: "Baskervville", serif; font-weight:500; border-bottom:2px solid #fff; color:#fff; padding-bottom:5px; display:block; filter: blur(10px); transform:translateY(-150px); animation:blur4 6s ease-out infinite;}
body .C00322 .mainSection01 .imgBox{overflow:hidden; width:100%; position:relative;} 
body .C00322 .mainSection01 .imgBox img{scale:1.2;  animation:zoomBg 6s ease-out infinite;}

@keyframes blur1 { 0% {filter: blur(10px); transform:translateY(100px);} 20% {filter: blur(0); transform:translateY(0);} 21% {filter: blur(0); transform:translateY(0);} 100% {filter: blur(0); transform:translateY(0);}}
@keyframes blur2 { 0% {filter: blur(10px); transform:translateY(100px);} 25% {filter: blur(0); transform:translateY(0);} 26% {filter: blur(0); transform:translateY(0);} 100% {filter: blur(0); transform:translateY(0);}}
@keyframes blur3 { 0% {filter: blur(10px); transform:translateY(-150px);} 40% {filter: blur(0); transform:translateY(0);} 41% {filter: blur(0); transform:translateY(0);} 100% {filter: blur(0); transform:translateY(0);}}
@keyframes blur4 { 0% {filter: blur(10px); transform:translateY(-150px);} 45% {filter: blur(0); transform:translateY(0);} 46% {filter: blur(0); transform:translateY(0);} 100% {filter: blur(0); transform:translateY(0);}}
@keyframes zoomBg { 0% {scale:1.2;} 100% {scale:1;}}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*2번배너*/
body .C00322 .mainSection02{width:100%; position:relative; overflow:hidden; padding:180px 0; background:#fffbf7;}
body .C00322 .mainSection02 .Inner{width:100%; min-width:100%;}
body .C00322 .mainSection02 .mainTitle{width:1400px; margin:0 auto; text-align:left;}
body .C00322 .mainSection02 .mainTitle h3{color:#62594f; width:50%; display:inline-block; vertical-align:bottom;}
body .C00322 .mainSection02 .mainTitle h3 b{color:#62594f;}

body .C00322 .mainSection02 .contWrap{margin-left:260px; margin-top:80px;}
body .C00322 .mainSection02 .contWrap .contBox{width:100%; overflow:hidden; position:relative; display:block;}
body .C00322 .mainSection02 .contWrap .contBox .imgBox{width:100%; overflow:hidden;}
body .C00322 .mainSection02 .contWrap .contBox .imgBox img{width:100%; transition: transform 0.4s ease;}
body .C00322 .mainSection02 .contWrap .contBox:hover .imgBox img{animation: popZoom 0.4s ease-in-out;}
@keyframes popZoom { 0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);}}
body .C00322 .mainSection02 .contWrap .contBox .txtBox{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
body .C00322 .mainSection02 .contWrap .contBox .txtBox h6{font-family: 'AritaBuriKR-SemiBold', serif; font-size:28pt; font-weight:600;}
body .C00322 .mainSection02 .contWrap .contBox .txtBox p{font-size:14pt; font-weight:400; margin-top:20px;}
	/*버튼*/
	body .C00322 .mainSection02 .SliderBtn{width:49%; display:inline-block; vertical-align:bottom; text-align:right;}
	body .C00322 .mainSection02 .SliderBtn .arw_btn{display:block;}
	body .C00322 .mainSection02 .SliderBtn .arw_btn .sld_btn_prev2{background:#62594f; border-radius:500px; width:40px; height:40px; color:#fff; display:inline-block;  font-family: "SUIT"; font-size:20pt; font-weight:300; text-align:center; line-height:1.5; cursor:pointer; transition:0.4s;}
	body .C00322 .mainSection02 .SliderBtn .arw_btn .sld_btn_next2{margin-left:15px; background:#62594f; border-radius:500px; width:40px; height:40px; color:#fff; display:inline-block;  font-family: "SUIT"; font-size:20pt; font-weight:300; text-align:center; line-height:1.5; cursor:pointer; transition:0.4s;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*3번배너*/
body .C00322 .mainSection03{width:100%; position:relative; overflow:hidden; background:url('/img/C00322/mainSection03_bg.jpg')no-repeat; background-size:cover;}
body .C00322 .mainSection03 .Inner{width:100%; min-width:100%; display:table;}
body .C00322 .mainSection03 .mainTitle{display:table-cell; width:40%; vertical-align:middle; position:relative; text-align:left;}
body .C00322 .mainSection03 .mainTitle h3{color:#fff; padding-left:300px;}
body .C00322 .mainSection03 .mainTitle h3 b{color:#fff;}
body .C00322 .mainSection03 .mainTitle span{display:block; position:absolute; left:240px; top:50%; transform:translate(0,-50%);}

body .C00322 .mainSection03 .contWrap{display:table-cell; width:60%; vertical-align:middle; position:relative;}
body .C00322 .mainSection03 .contWrap .contInner{width:100%; display:flex; flex-wrap:wrap; align-items:stretch;}
body .C00322 .mainSection03 .contWrap .contInner .contBox{width:50%; border-bottom:1px solid #fff; border-left:1px solid #fff; height:490px; display:table; text-align:left;}
body .C00322 .mainSection03 .contWrap .contInner .contBox:nth-child(n+3){border-bottom:0;}
body .C00322 .mainSection03 .contWrap .contInner .contBox .txtBox{width:100%; display:table-cell; vertical-align:middle; padding-left:80px;}
body .C00322 .mainSection03 .contWrap .contInner .contBox .txtBox h5{color:#fff; font-size:17pt; font-weight:600; line-height:1.7;}
body .C00322 .mainSection03 .contWrap .contInner .contBox .txtBox p{color:#fff; font-size:14pt; font-weight:400; line-height:1.8; margin-top:30px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*4번~8번배너*/
body .C00322 .imgSection1{width:100%; position:relative; overflow:hidden; padding:100px 0; background:#f7f7f7;}
body .C00322 .imgSection1 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:start;}
body .C00322 .imgSection1 .contWrap .imgWrap{width:45%;}
body .C00322 .imgSection1 .contWrap .imgWrap img{width:100%;}
body .C00322 .imgSection1 .contWrap .txtWrap{width:55%; padding-left:140px;}
body .C00322 .imgSection1 .contWrap .txtWrap .topBox h3{color:#62594f; font-family: 'AritaBuriKR-SemiBold', serif; font-size:38pt; font-weight:600; display:inline-block; vertical-align:bottom;}
body .C00322 .imgSection1 .contWrap .txtWrap .topBox span{color:#c9c9c9; font-family: 'Baskervville', serif; font-size:18pt; font-weight:500; display:inline-block; vertical-align:bottom; padding-bottom:5px; margin-left:15px;}
body .C00322 .imgSection1 .contWrap .txtWrap span.line{display:block; width:550px; height:1px; background:#8f8376; margin:50px 0; margin-left:-280px;}
body .C00322 .imgSection1 .contWrap .txtWrap .bottomBox h6{font-size:16pt; font-weight:600; line-height:1.6;}
body .C00322 .imgSection1 .contWrap .txtWrap .bottomBox p{font-size:14pt; font-weight:400; line-height:1.7; margin-top:30px;}
	/*4번배너*/
	body .C00322 .mainSection04 span.deco{position:absolute; top:0; right:0; display:block;}
	/*짝수*/
	body .C00322 .imgSection1:nth-child(odd) .contWrap .txtWrap{padding-left:0;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*9번배너*/
body .C00322 .mainSection09{width:100%; position:relative; overflow:hidden; padding:180px 0;}
body .C00322 .mainSection09 .mainTitle{text-align:center;}
body .C00322 .mainSection09 .mainTitle h3{color:#62594f; width:50%; display:inline-block; vertical-align:bottom;}
body .C00322 .mainSection09 .mainTitle h3 b{color:#62594f;}
body .C00322 .mainSection09 .contWrap{margin-top:80px;}
body .C00322 .mainSection09 .contWrap .imgBox img{width:100%;}
	/*버튼*/
	body .C00322 .mainSection09 .SliderBtn{width:100%; display:block; text-align:center; margin-top:50px;}
	body .C00322 .mainSection09 .SliderBtn .arw_btn{display:block;}
	body .C00322 .mainSection09 .SliderBtn .arw_btn .sld_btn_prev9{background:#62594f; border-radius:500px; width:40px; height:40px; color:#fff; display:inline-block;  font-family: "SUIT"; font-size:20pt; font-weight:300; text-align:center; line-height:1.5; cursor:pointer; transition:0.4s;}
	body .C00322 .mainSection09 .SliderBtn .arw_btn .sld_btn_next9{margin-left:15px; background:#62594f; border-radius:500px; width:40px; height:40px; color:#fff; display:inline-block;  font-family: "SUIT"; font-size:20pt; font-weight:300; text-align:center; line-height:1.5; cursor:pointer; transition:0.4s;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 통합홈페이지 */
body .C00321 .MainContents_Area{height:100vh; width:100vw; overflow:hidden; background-color:#f3efea;}
body .C00321 .netSection01{position:relative; display:flex; height:100%; width:90%; margin:0 auto; max-width:1500px;}
body .C00321 .netSection01 .Inner{width:100%; min-width:100%;}
body .C00321 .netSection01 .contWrap{position:relative; display:flex; width:100%; align-items:stretch; gap:4%;}

	/* 좌측영역 */
	body .C00321 .netSection01 .txtWrap{position:relative; display:inline-flex; flex-direction:column; gap:2em; width:30%;}
	body .C00321 .netSection01 .txtWrap *{color:#343434; letter-spacing:-1px; position:relative; display:inline-block; line-height:1;}
	body .C00321 .netSection01 .txtWrap img{width:clamp(200px, 20vw, 300px);}
	body .C00321 .netSection01 .txtWrap h4{font-size:clamp(16pt, 2.1vw, 27pt); font-weight:500; margin-top:0.5em;} 
	body .C00321 .netSection01 .txtWrap h3{font-size:clamp(32pt, 3.1vw, 45pt); font-weight:700;}
	body .C00321 .netSection01 .txtWrap span{color:#787878; font-family:"Baskervville", serif; font-size:clamp(10pt, 1.3vw, 17pt); font-weight:500; letter-spacing:-0.2px; width:fit-content; margin:auto 0 0 0;}
	body .C00321 .netSection01 .txtWrap span:after{content:''; width:100%; height:1px; background-color:#787878; bottom:0; left:0; position:absolute;}

	/* 우측영역 */
	body .C00321 .netSection01 ul{position:relative; display:flex; align-items:baseline; gap:15px; margin:0 0 0 auto; width:66%; justify-content:end;}
	body .C00321 .netSection01 ul li{max-width:340px; border-radius:25px; overflow:hidden;}
	body .C00321 .netSection01 ul li a{}
	body .C00321 .netSection01 ul li .txtBox{position:absolute; width:100%; height:100%; z-index:2; display:flex; flex-direction:column; gap:1.5em; justify-content:flex-end; padding:17% clamp(10px, 2vw, 11%);}
	body .C00321 .netSection01 ul li .txtBox *{color:#fff; line-height:1; letter-spacing:-0.5px;}
	body .C00321 .netSection01 ul li .txtBox b{position:relative; display:block; font-family:"Baskervville", serif; font-size:clamp(10pt, 1.3vw, 17pt); font-weight:600;}
	body .C00321 .netSection01 ul li .txtBox span{position:relative; display:block; font-size:clamp(15pt, 2vw, 28pt); font-weight:600; margin-top:0.5em;}
	body .C00321 .netSection01 ul li .txtBox p{position:relative; display:block; font-size:clamp(10pt, 1vw, 14pt); font-weight:300; line-height:1.7; letter-spacing:-0.3px;}
	body .C00321 .netSection01 ul li .more{position:relative; display:flex; height:40px; border-radius:100px; align-items:center; margin-top:0.6em; z-index:2;}
	body .C00321 .netSection01 ul li .more small{font-size:clamp(10pt, 1vw, 14pt); letter-spacing:-0.3px; font-weight:400; border-radius:100px; display:flex; align-items:center; height:100%; width:calc(100% - 40px); z-index:2; justify-content:center;}
	body .C00321 .netSection01 ul li .more:after{content:''; width:calc(100% - 40px); position:absolute; z-index:1; border-radius:100px; height:100%; left:0; top:0; transition:all 500ms;}
	body .C00321 .netSection01 ul li .more .arrow{position:absolute; right:0; top:0; z-index:2; display:inline-flex; align-items:center; justify-content:center; opacity:1; width:40px; height:40px; border-radius:50px; transition:all 400ms;}
	body .C00321 .netSection01 ul li .more .arrow em{font-family:'SUIT'; font-size:15pt; transform:translateX(1px);}
	body .C00321 .netSection01 ul li .imgBox{position:relative; display:block; z-index:1; width:100%;}
	body .C00321 .netSection01 ul li .imgBox img{width:100%; height:100%; object-fit:cover; transition:all 400ms;}
	
	/* 컬러설정 */
	body .C00321 .netSection01 ul li:nth-child(1) .more small{background-color:#092f62;}
	body .C00321 .netSection01 ul li:nth-child(2) .more small{background-color:#fff3cb;}
	body .C00321 .netSection01 ul li:nth-child(3) .more small{background-color:#ca7a84;}
	body .C00321 .netSection01 ul li:nth-child(1) .more:after{background-color:#092f62;}
	body .C00321 .netSection01 ul li:nth-child(2) .more:after{background-color:#fff3cb;}
	body .C00321 .netSection01 ul li:nth-child(3) .more:after{background-color:#ca7a84;}
	body .C00321 .netSection01 ul li:nth-child(1) .more .arrow{background-color:#092f62;}
	body .C00321 .netSection01 ul li:nth-child(2) .more .arrow{background-color:#fff3cb;}
	body .C00321 .netSection01 ul li:nth-child(3) .more .arrow{background-color:#ca7a84;}
	body .C00321 .netSection01 ul li:nth-child(2) .more *{color:#343434; font-weight:600;}

	/* 마우스오버 */
	body .C00321 .netSection01 ul li a:hover .imgBox img{transform:scale(1.025);}
	body .C00321 .netSection01 ul li a:hover .more:after{width:100%;}
	body .C00321 .netSection01 ul li a:hover em{animation:bounce2 2s ease infinite;}
	body .C00321 .netSection01 ul li:nth-child(1) a:hover .more .arrow{background-color:#1c4b89;}
	body .C00321 .netSection01 ul li:nth-child(2) a:hover .more .arrow{background-color:#e3d4a2;}
	body .C00321 .netSection01 ul li:nth-child(3) a:hover .more .arrow{background-color:#dba2a9;}
	
	@keyframes bounce2 {
		0%, 20%, 50%, 80%, 100% {transform:translateX(1px);}
		40% {transform: translateX(-2px);}
		60% {transform: translateX(-2px);}
	}