@charset "utf-8";
/* 
부부탑의원 부부탑한의원
*/

.CommArea_Tail{display:none;} /* 공통삽입컨텐츠 */
/* 메인에서만고정 */
header .HeaderNav_Area{position:fixed; top:0px; left:0px; right:0px;} 

/*타이틀*/
.mainTitle{line-height:normal; letter-spacing:-1pt; color:#333;}
.mainTitle p{font-family:'Montserrat', 'Noto Sans KR', sans-serif !important; color:#342c5c; border:1px solid #342c5c; width:fit-content; font-weight:500; font-size:9pt; letter-spacing:1pt; padding:4px; margin-bottom:15px;}
.mainTitle h3{font-family:'NanumSquareNeoTTF-bRg',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; font-size:40pt; line-height:55pt; font-weight:normal;}
.mainTitle h5{font-size:18pt; font-weight:400;}
.mainTitle h5 b{font-weight:600;}

/* =============================================================================================================== */
/* [세션01] 1번배너 */
.MainSection01{content:""; clear:both; display:block; position:relative; width:100%;}
.MainSection.MainSection01{padding:0px;}
.MainSection01 .Inner{width:100%;}
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/* 롤링배너일때 */
	.MainSection01 .Banner01.MultiSlider{overflow:hidden;}
	.MainSection01 .MultiSlider .slick-list{}
	.MainSection01 .MultiSlider .BannerThum{display:block; position:relative; width:100%; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; background:none; overflow:hidden;}
	.MainSection01 .MultiSlider .BannerThum a{display:block; position:relative; width:100%; height:inherit; text-align:center; overflow:hidden;}
	.MainSection01 .MultiSlider .BannerThum a img{width:auto; text-align:center; margin:auto;}
	.MainSection01 .MultiSlider .TextBox{display:table; position:relative; width:50%; height:inherit; margin:auto; display:none;}
	.MainSection01 .MultiSlider .TextBox p{display:table-cell; position:relative; width:100%; height:inherit; vertical-align:middle; text-align:center;}
	.MainSection01 .MultiSlider .TextBox strong{display:block; font-size:30pt; line-height:1.2em; margin-bottom:0.5em;}
	.MainSection01 .MultiSlider .slick-arrow.SliderThum_BtnPrev{}
	.MainSection01 .MultiSlider .slick-arrow.SliderThum_BtnNext{}

	/*1번배너 롤링 버튼*/
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage li button{border:none; background:#a89f98; width:10px; height:10px; margin-left:0.5em; padding:0; margin-bottom:1.5em;}
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active button {background:#342c5c; width:60px;}
	body .MainSection01 .slick-button-prev01{position:absolute; width:1200px; top:50%; margin:0 auto; margin-top:-16px; left:0; right:0; cursor:pointer; text-align:left;} 
	body .MainSection01 .slick-button-next01{position:absolute; width:1200px; top:50%; margin:0 auto; margin-top:-16px; left:0; right:0; cursor:pointer; text-align:right;}

/* =============================================================================================================== */
/* [세션02] 2번배너 */
.MainSection02{content:""; clear:both; display:block; position:relative; width:100%; padding:100px 0; background:url('/img/C00190/MainSection02_back.jpg') no-repeat; background-size:cover; background-position:top left;}
.MainSection02 .Inner{}
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	 .MainSection02 .ThumBox{position:relative; display:table;}
	 /*왼쪽박스*/
	 .MainSection02 .ThumBox .box_left{display:table-cell; vertical-align:middle;}
	 .MainSection02 .ThumBox .box_left img{box-shadow:0 1px 2px rgb(0 0 0 / 6%), 0 2px 3px rgb(0 0 0 / 6%), 0 4px 6px rgb(0 0 0 / 6%), 0 8px 12px rgb(0 0 0 / 6%), 0 16px 24px rgb(0 0 0 / 6%), 0 32px 50px rgb(0 0 0 / 6%);}
	 /*오른쪽박스*/
	.MainSection02 .ThumBox .box_right{display:table-cell; vertical-align:middle; padding-left:80px;}
	.MainSection02 .ThumBox .box_right h3{padding-bottom:40px;}

/* =============================================================================================================== */
/* [세션03] 3번배너 */
.MainSection03{content:""; clear:both; display:block; position:relative; width:100%;}
.MainSection03 .Inner{width:100%;}
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*타이틀*/
	.MainSection03 .mainTitle{text-align:center; margin:0 auto; padding:80px 0;}
	.MainSection03 .mainTitle p{margin:0 auto; margin-bottom:15px;}
	.MainSection03 .mainTitle h5{padding-top:15px;}
	/*박스*/
	.MainSection03 .Banner03{position:relative; width:100%; display:table;}
	.MainSection03 .BannerThum{position:relative; display:table-cell; width:calc(100%/3);}
	.MainSection03 .BannerThum .img_hover{position:absolute; top:0; left:0; opacity:0; transition:0.5s;}
	.MainSection03 .BannerThum a{transition:0.3s;}
	.MainSection03 .BannerThum a:hover .img_hover{opacity:1}

/* =============================================================================================================== */
/* [세션04] 4번배너 */
.MainSection04{content:""; clear:both; display:block; position:relative; width:100%; overflow:hidden;}
.MainSection.MainSection04{padding:0px;}
.MainSection04 .Inner{width:100%;}
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/* 기본 */
	.MainSection04 .Banner04{position:relative; display:block;}
	.MainSection04 .Banner04 .ThumBox{position:relative; display:block;}
	.MainSection04 .Banner04 .ThumBox .ThumImg{display:block; background-repeat:no-repeat; background-position-y:40%; background-attachment:fixed; padding:150px 0; overflow:hidden;}
	.MainSection04 .Banner04 .ThumBox img{display:block; max-width:fit-content; margin:0 auto;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션5] 유튜브 */
.MainSection05{}
section.MainSection05{background:#fff; padding:0 0 80px 0;}
.MainSection05 .Inner{}
.MainSection05 .InnerContainer{}
.MainSection05 .MultiSliderWrap{display:block; position:relative; overflow:hidden;}

/* ---------------------------------------------------------  */
	/*타이틀*/
	.MainSection05 .mainTitle{text-align:center; margin:0 auto; padding:80px 0; position:relative;}
	.MainSection05 .mainTitle p{margin:0 auto; margin-bottom:15px;}
	.MainSection05 .mainTitle h5{padding-top:15px;}

	/* 5번배너 */
	.MainSection05 li{display:table-cell; position:relative; vertical-align:top; cursor:pointer;}
	.MainSection05 li .ThumBox{display:block; position:relative; margin:auto; overflow:hidden;} 
	.MainSection05 li .ThumBox img{width:100%; filter:grayscale(1);}
	.MainSection05 .slider-nav .slick-slide.slick-current li .ThumBox img{filter:grayscale(0);}
	.MainSection05 li .TextBox{padding-left:10px;}
	.MainSection05 li .TextBox .Text02{font-size:16pt !important; font-weight:600 !important; letter-spacing:-1px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding-top:5px; color:#342c5c; font-family:'NanumSquareNeoTTF-bRg',"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
	.MainSection05 li .TextBox .Text01{font-size:12pt !important; font-weight:normal !important; color:#bbbbbb; padding-top:10px; height:30px; display:block; line-height:120%; letter-spacing:-1px; overflow:hidden; /* text-overflow:ellipsis; display:-webkit-box; */ -webkit-line-clamp:1; -webkit-box-orient:vertical;}
	
	/* 롤링배너일때 */
	.MainSection05 .MultiSliderWrap{overflow:hidden;}
	.MainSection05 .MultiSlider{clear:none;}
	.MainSection05 .MultiSlider.slider-for{width:730px; height:500px; float:left; position:relative; margin-top:45px;}
	.MainSection05 .MultiSlider.slider-for .TextBox{ display:block; text-align:left;}
	.MainSection05 .MultiSlider.slider-for .TextBox p{color:#999;}
	.MainSection05 .MultiSlider.slider-for .TextBox strong{font-size:16pt; font-weight:500;}
	.MainSection05 .MultiSlider.slider-nav .ThumBox{float:none; display:block; width:155px; height:87px; position:relative; overflow:hidden; margin-left:0;}
	.MainSection05 .MultiSlider.slider-nav li{height: 100%; text-align:left; padding:10px 0; overflow:hidden; position:relative; display:table; table-layout:fixed; width:100%; cursor:pointer; margin-bottom:0;}
	.MainSection05 .MultiSlider.slider-nav .TextBox{position: absolute; top:0; left:165px; color:#3e2221; font-size:16px; line-height:100%; overflow:visible; vertical-align:middle; margin-top:10px; width:auto; float:none; width:calc(100% - 165px); white-space:normal; margin-left:0;}
	.MainSection05 .MultiSlider.slider-nav{position:relative!important; width:538px!important; float:left; margin-left:32px!important;}
	
	.MainSection05 .MultiSlider.slider-nav .slick-list{margin-top:35px;}
	.MainSection05 .MultiSlider.slider-nav .slick-slide{width:100%; height:auto; overflow:hidden;}
	.MainSection05 .MultiSlider.slider-nav .slick-slide li{width:100%; cursor:pointer;}

	.MainSection05 .MultiSlider .slick-slide li .ThumBox{background-color:#000;}
	.MainSection05 .slider-nav .slick-slide.slick-current li .ThumBox:after{content:''; position: absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:4px solid #342c5c; opacity:1; transition:opacity 0.5s;}
	.MainSection05 .slider-nav .slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active li{padding-right:0 !important;}
	.MainSection05 .MultiSlider.slider-nav .slick-slide li{border:1px solid #eae9ee; padding:0; margin:9px 0; background:#eae9ee;}
	.MainSection05 .MultiSlider ul.SliderThum_BtnPage{position:absolute; right:auto; left:0; top:11.5px; height:35px; width:auto; margin:0;}
	.MainSection05 .MultiSlider ul.SliderThum_BtnPage li{display:inline-block; width:auto; padding:0;}
	.MainSection05 .MultiSlider ul.SliderThum_BtnPage button{border:none; background:#d4d4d4; width:10px; height:10px; margin-left:0.5em; padding:0; margin-bottom:1.5em;}
	.MainSection05 .MultiSlider ul.SliderThum_BtnPage .slick-active button{background:#342c5c; width:10px; height:10px;}

	/* more버튼 */
	.MainSection05 .More{position:absolute; width:8rem; height:auto; right:0; bottom:0; display:inline-block; vertical-align:middle; background:transparent; padding:0; cursor:pointer; z-index:900;}
	.MainSection05 .More a b{position:absolute; top:0; left:0; right:0; bottom:0; padding:0.6rem 0; margin:0 0 0 1.85rem; color:#342c5c; line-height:1.4; text-align:center; text-transform:uppercase; transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1); font-weight:600; font-size:13pt; font-family:'Montserrat', 'Noto Sans KR', sans-serif !important;}
	.MainSection05 .More a b span{font-family:'Poppins', 'Noto Sans KR', sans-serif;}
	.MainSection05 .More a:hover b{letter-spacing:2pt;}