@charset "utf-8";
/* 
C00366 후한의원
*/

/* 메인전용컨텐츠 */
.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 .MainContents_Area .Inner{width:1400px; min-width:1400px;}
body .MainContents_Area .mainSection{width:100%; position:relative; display:block; overflow:hidden;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*1번배너*/
body .MainContents_Area .mainSection01{width:100%; position:relative; overflow:hidden; height:900px;}
body .MainContents_Area .mainSection01 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection01 .wrap{width:100%; position:relative; height:900px; overflow:hidden;}
body .MainContents_Area .mainSection01 .back{width:100%; height:100%;}
body .MainContents_Area .mainSection01 .back img{width:100%; height:100%;}
body .MainContents_Area .mainSection01 .contWrap{width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:inline-flex; align-items:center; justify-content:center;}

body .MainContents_Area .mainSection01 .txtWrap{padding-left:20px; width:50%;}
body .MainContents_Area .mainSection01 .txtWrap h2{font-weight:600; position:relative;}
body .MainContents_Area .mainSection01 .txtWrap p{font-weight:500; margin-top:55px;}
body .MainContents_Area .mainSection01 .txtWrap h2 span{position:absolute; display:block; width:19px; height:19px; border-radius:500px; background:#e1d0c7; top:2px; left:-10px; z-index:-1;}

body .MainContents_Area .mainSection01 .Slide02 .txtWrap h2 span{background:#c7cfe1;}
body .MainContents_Area .mainSection01 .Slide03 .txtWrap h2 span{background:#e3d2b4;}
body .MainContents_Area .mainSection01 .Slide04 .txtWrap h2 span{background:#cac0d3;}
body .MainContents_Area .mainSection01 .Slide05 .txtWrap h2 span{background:#e7cece;}

body .MainContents_Area .mainSection01 .imgBox{opacity:0; transform:translateX(-50px); width:50%; text-align:right;}
body .MainContents_Area .mainSection01 .imgBox img{}
body .MainContents_Area .mainSection01 .txtWrap p{opacity:0; transform:translateX(50px);}

	/*버튼*/
	body .MainContents_Area .SliderBtn{ width:100%; display: flex; align-items: center; justify-content:center; gap: 15px; text-align:center; position:absolute; left:50%; bottom:55px; transform:translate(-50%,0); z-index:900;}
	body .MainContents_Area	.SliderBtn .swiper-pagination-bullet{position: relative; width: 44px; height: 44px; background: transparent; opacity: 1; margin: 0 !important; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease;	}
	body .MainContents_Area	.SliderBtn .swiper-pagination-bullet .num {font-size: 16px; font-weight: 500; color: rgba(89, 86, 86, 0.4); z-index: 2; transition: all 0.3s ease;}
	body .MainContents_Area .SliderBtn .swiper-pagination-bullet .progress-svg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg); z-index: 1; pointer-events: none;}
	body .MainContents_Area .SliderBtn .swiper-pagination-bullet .progress-svg circle{fill: none; stroke-width: 2;}
	body .MainContents_Area .SliderBtn .swiper-pagination-bullet .progress-svg .bg {stroke: rgba(255, 255, 255, 0); transition: stroke 0.3s ease;}
	body .MainContents_Area .SliderBtn .swiper-pagination-bullet .progress-svg .progress {stroke: #595656; stroke-dasharray: 113.097; stroke-dashoffset: 113.097;}
	body .MainContents_Area .SliderBtn .swiper-pagination-bullet-active .progress-svg .progress {animation: fillProgress 5s linear forwards;}
	body .MainContents_Area .SliderBtn .swiper-pagination-bullet-active .num {color: #595656; font-weight: bold;}
	body .MainContents_Area .SliderBtn .swiper-pagination-bullet-active .progress-svg .bg {stroke: rgba(89, 86, 86, 0.2);}
	body .MainContents_Area .SliderBtn .swiper-pagination-bullet{border-radius: 0;}

	@keyframes fillProgress {
		0% { stroke-dashoffset: 113.097; }
		100% { stroke-dashoffset: 0; }
	}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*2번배너*/
body .MainContents_Area .mainSection02{padding:120px 0; background:#e7e4e0;}
body .MainContents_Area .mainSection02 .Inner{width:1250px; min-width:1250px;}

body .MainContents_Area .mainSection02 .contWrap .infoBox{margin-top:20px;}
body .MainContents_Area .mainSection02 .contWrap .infoBox h6 b{display:block; line-height:1; font-weight:600;}
body .MainContents_Area .mainSection02 .contWrap .infoBox p.Date{margin-top:5px; color:#838383;}
body .MainContents_Area .mainSection02 .contWrap .infoBox .priceBox{width:100%; text-align:right;}
body .MainContents_Area .mainSection02 .contWrap .infoBox .priceBox .txt28{font-weight:700; color:#cb3644;}
body .MainContents_Area .mainSection02 .contWrap .infoBox .priceBox small{margin-left:5px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*3번배너*/
body .MainContents_Area .mainSection03{padding:120px 0; background:#f7f7f7;}
body .MainContents_Area .mainSection03 .Inner{width:100%; min-width:100%; display:inline-flex; align-items: center; justify-content:start;}

body .MainContents_Area .mainSection03 .title{width:35%; text-align:left; padding-left:calc((100% - 1400px) / 2);}
body .MainContents_Area .mainSection03 .title .btnWrap .swiper-btn{display:inline-block; vertical-align:middle; font-size: 22px; font-weight: 200; font-family: "SUIT"; z-index: 900; border: 1px solid #595656; color:#595656; border-radius: 500px; text-align: center; line-height: 2.2; cursor: pointer; width: 50px; height: 50px; transition: 0.3s;}
body .MainContents_Area .mainSection03 .title .btnWrap .swiper-btn:hover{background:#595656; color:#fff;}
body .MainContents_Area .mainSection03 .title .btnWrap .swiper-next-3{margin-left:20px;}

body .MainContents_Area .mainSection03 .contWrap{width:65%; max-width:1300px;}
body .MainContents_Area .mainSection03 .contWrap .txtBox{width:100%; margin-top:15px; padding:0 10px;}
body .MainContents_Area .mainSection03 .contWrap .txtBox h6{display:inline-block; vertical-align:middle;}
body .MainContents_Area .mainSection03 .contWrap .txtBox p{display:inline-block; vertical-align:middle; color:#cb3644; margin-left:5px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*4번배너*/
body .MainContents_Area .mainSection04{padding:120px 0; background:#ececec;}

body .MainContents_Area .mainSection04 .tabMenuBtn_Area{width:100%; display:inline-flex; align-items: end; justify-content:space-between; margin-bottom: 30px; }
body .MainContents_Area .mainSection04 .tabMenuBtn_Area .btnWrap{width:100%; display:inline-flex; align-items: center; justify-content:start;}
body .MainContents_Area .mainSection04 .tabMenuBtn_Area .btnWrap .tabBtn{ cursor: pointer;}
body .MainContents_Area .mainSection04 .tabMenuBtn_Area .btnWrap .tabBtn p{width:100px; text-align:center; padding-bottom:5px; position:relative;}
body .MainContents_Area .mainSection04 .tabMenuBtn_Area .btnWrap .tabBtn p::before{content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#595656; transition:0.5s;}
body .MainContents_Area .mainSection04 .tabMenuBtn_Area .btnWrap .tabBtn p:hover::before{width:100%;}
body .MainContents_Area .mainSection04 .tabMenuBtn_Area .btnWrap .tabBtn:nth-child(n+2){margin-left:10px;}
body .MainContents_Area .mainSection04 .tabMenuBtn_Area .btnWrap .tabBtn.active p{ color:#cb3644; border-bottom:1px solid #cb3644;}
body .MainContents_Area .mainSection04 .tabMenuBtn_Area .btnWrap .tabBtn.active p::before{display:none;}

body .MainContents_Area .mainSection04 .tabMenuBtn_Area .more{width:50px; height:50px; border:1px solid #595656; border-radius:500px; cursor:pointer; transition: transform 0.4s ease; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-sizing: border-box;} 
body .MainContents_Area .mainSection04 .tabMenuBtn_Area .more p{width:100%; text-align:center; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
body .MainContents_Area .mainSection04 .tabMenuBtn_Area .more:hover{animation: circleBounce 0.5s ease forwards;}
body .MainContents_Area .mainSection04 .tabMenuBtn_Area .more:hover p{transform: rotate(360deg);}

@keyframes circleBounce { 0% {transform: scale(1);} 50% {transform: scale(1.15);} 100% {transform: scale(1);}}

body .MainContents_Area .mainSection04 .tabPanel { display: none; width: 100%; }
body .MainContents_Area .mainSection04 .tabPanel.active { display: block; }

body .MainContents_Area .mainSection04 .ThumbBox img{width:100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*5번배너*/
body .MainContents_Area .mainSection05{padding:120px 0; background:#f7f7f7;}
body .MainContents_Area .mainSection05 .title p{margin-top:40px;}
body .MainContents_Area .mainSection05 .Inner{width:920px; min-width:920px;}
body .MainContents_Area .mainSection05 .contWrap{display:inline-flex; align-items: start; justify-content:space-between; width:100%;}
body .MainContents_Area .mainSection05 .contWrap .contBox{width:28%;}
body .MainContents_Area .mainSection05 .contWrap .contBox h6{width:100%; text-align:center; border-top:1px solid #595656; border-bottom:1px solid #595656; padding:5px 0;}
body .MainContents_Area .mainSection05 .contWrap .contBox em{width:100%; text-align:center; color:#cb3644; display:block; font-size:22px; font-weight:500; margin-top:25px;}
body .MainContents_Area .mainSection05 .contWrap .contBox em strong{font-size:48px; font-weight:700; display:inline-block; margin-right:5px;}
body .MainContents_Area .mainSection05 .contWrap .contBox small{width:100%; text-align:center; font-size:15px; color:#8e8e8e; margin-top:15px; display:block; line-height:1.5;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*6번배너*/
body .MainContents_Area .mainSection06{background:#ffffff; padding-bottom:100px; padding-bottom: 0; height: 100vh;}
body .MainContents_Area .mainSection06 .title{width:1400px; margin:0 auto; text-align:left; padding-top:100px; padding-bottom:20px;}
body .MainContents_Area .mainSection06 .Inner{width:100%; min-width:1820px; max-width: 1820px; flex: 1;}

body .MainContents_Area .mainSection06 .contWrap{width:100%; overflow:hidden; border-radius:100px; position:relative; height: 100%;}
body .MainContents_Area .mainSection06 .contWrap .bg{width: 100%; height: 100%;}
body .MainContents_Area .mainSection06 .contWrap .bg img{width: 100%; height: 100%; object-fit: cover;}
body .MainContents_Area .mainSection06 .contWrap .Swiper06{width: 100%; height: 100%;}

body .MainContents_Area .mainSection06 .contWrap .txtBox{position:absolute; top:50%; left:calc((100% - 1400px) / 2); transform:translate(0,-50%);}
body .MainContents_Area .mainSection06 .contWrap .txtBox .txtBig{display:inline-flex; align-items: center; justify-content:start; width:100%;}
body .MainContents_Area .mainSection06 .contWrap .txtBox .txtBig span{display:block; width:40px; height:40px; background:#cb3644; border-radius:5px; color:#fff; font-size:20px; font-weight:600; text-align:center; line-height:40px;}
body .MainContents_Area .mainSection06 .contWrap .txtBox .txtBig h6{margin-left:20px; color:#645d59;}
body .MainContents_Area .mainSection06 .contWrap .txtBox p{margin-top:30px; padding-left:60px;}

body .MainContents_Area .mainSection06 .swiper-pagination-6{position:absolute; width:100px; top:50%; left:50px; transform:translate(0,-50%); z-index:900;}
body .MainContents_Area .mainSection06 .swiper-pagination-6 .swiper-pagination-bullet{display:block; width:6px; height:6px; background:#8f8f8f; opacity:1; border-radius:500px;}
body .MainContents_Area .mainSection06 .swiper-pagination-6 .swiper-pagination-bullet:nth-child(n+2){margin-top:10px;}
body .MainContents_Area .mainSection06 .swiper-pagination-6 .swiper-pagination-bullet-active{background:#645d59; height:60px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*네트워크 통함*/
body .networkMainArea{width:100%; height:100vh; position:relative; display:block; overflow:hidden; background:url('/img/C00366/networkMain_bg.jpg')no-repeat center/cover;}
body .networkMainArea .deco{position:absolute; left:0; top:0;}
body .networkMainArea .contInner{width:1400px; height:100%; margin:0 auto;}
body .networkMainArea .contInner .contWrap{width:100%; height:100%; display:inline-flex; align-items:center; justify-content:space-between;}

body .networkMainArea .contInner .contWrap .txtWrap{width:40%; position:relative;}
body .networkMainArea .contInner .contWrap .txtWrap p{color:#fff;}
body .networkMainArea .contInner .contWrap .txtWrap .groupA p.txt2{font-weight:600; font-size:56px; margin-top:60px; position:relative;}
body .networkMainArea .contInner .contWrap .txtWrap .groupA p.txt2 span{position:absolute; display:block; width:19px; height:19px; border-radius:500px; background:#f2b9ba; top:2px; left:-8px; z-index:-1;}
body .networkMainArea .contInner .contWrap .txtWrap .groupB p{font-size:24px; line-height:1.7; word-break: keep-all; visibility: hidden;}
body .networkMainArea .contInner .contWrap .txtWrap .groupB p.show{visibility: visible;}
body .networkMainArea .contInner .contWrap .txtWrap .groupB p b{font-weight:600; line-height:1.7;}
body .networkMainArea .contInner .contWrap .txtWrap .groupB p.txt2{margin-top:50px;}
body .networkMainArea .contWrap .txtWrap .textGroup{position: absolute; opacity: 0; filter: blur(12px); transition: opacity 0.6s ease, filter 0.6s ease; pointer-events: none; top:50%; left:0; transform:translate(0,-50%); height: 220px;}
body .networkMainArea .contWrap .txtWrap .textGroup.active {opacity: 1;	filter: blur(0); pointer-events: auto;}
body .networkMainArea .contWrap .txtWrap .textGroup p{opacity: 0;	transform: translateX(40px); transition: opacity 0.6s ease, transform 0.6s ease; white-space: pre-wrap;}
body .networkMainArea .contWrap .txtWrap .textGroup p.show {opacity: 1;	transform: translateX(0);}

body .networkMainArea .contInner .contWrap .btnWrap{width:60%;}
body .networkMainArea .contInner .contWrap .btnWrap p.title{color:#fff; display: flex; align-items: center; width: 100%; margin-bottom:20px;}
body .networkMainArea .contInner .contWrap .btnWrap p.title::after {content: ''; flex-grow: 1; height: 1px; background-color: rgba(255, 255, 255, 0.4); margin-left: 15px;}
body .networkMainArea .contInner .contWrap .btnWrap p.title:nth-child(n+2){margin-top:35px;}
body .networkMainArea .contInner .contWrap .btnWrap .btnInner{width:100%; display:inline-flex; align-items:start; justify-content:start;}
body .networkMainArea .contInner .contWrap .btnWrap .btnInner .btnBox{width: calc((100% - 60px) / 5); margin-left:15px; background:#f7f9fa; transition:0.5s; border-radius:10px;}
body .networkMainArea .contInner .contWrap .btnWrap .btnInner .btnBox:first-child{margin-left:0;}
body .networkMainArea .contInner .contWrap .btnWrap .btnInner .btnBox:hover{background:rgba(255,255,255,0.7);}
body .networkMainArea .contInner .contWrap .btnWrap .btnInner .btnBox a{width:100%; padding:5px 0; display:inline-flex; align-items:center; justify-content:space-between;}
body .networkMainArea .contInner .contWrap .btnWrap .btnInner .btnBox a p{color:#595656; padding-left:25px;}
body .networkMainArea .contInner .contWrap .btnWrap .btnInner .btnBox .arrow span{font-family:'SUIT', 'Noto Sans SC'; font-weight:400; color:#cb3644; padding-right:20px;}
body .networkMainArea .contInner .contWrap .btnWrap .btnInner .btnBox a:hover .arrow span{animation:Btn_ani_Animation 0.3s 0s 4 ease-in-out alternate;}
@keyframes Btn_ani_Animation{
		0%{margin-right:0px;}
		100%{margin-right:5px;}
}