@charset "utf-8";
/* 
C00224 삼성굿비뇨기과
*/

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

*{font-family:'SUIT', 'Noto Sans KR', sans-serif; line-height:normal; letter-spacing:-0.2pt; line-height:1.5;}
.mainTitle{position:relative;}
.mainTitle h3{font-size:32pt; font-weight:500; vertical-align:middle;}
.mainTitle h3 b{font-weight:700; font-family:'Nanum Myeongjo', 'SUIT', 'Noto Sans KR', sans-serif; color:#3497b2;}
.mainTitle h5{font-size:14pt; font-weight:400;}
.mainTitle h5 b{font-weight:600;}
.mainTitle p{letter-spacing:2pt; font-size:12pt; font-weight:400; color:#91bdc9;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
.MainSection01{content:""; clear:both; display:block; position:relative; width:100%; height:650px;}
.MainSection01{padding:0px;}
.MainSection01 .Inner{width:100%;}
	/* 롤링배너일때 */
	.MainSection01 .Banner01.MultiSlider{height:650px; 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;}

	/*1번배너 롤링 버튼*/
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage{bottom:30px;}
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage li button{border:none; background:#fff; width:60px; height:4px; margin:0 4px; padding:0; margin-bottom:1.5em; border-radius:100px;}
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active button {background:#8ae0f7;}
	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;}

	/*화살표*/
	.MainSection01 .MultiSlider .slick-arrow.SliderThum_BtnNext{display:none !important;}
	.MainSection01 .MultiSlider .slick-arrow.SliderThum_BtnPrev{display:none !important;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 2번배너 */
.MainSection02{content:""; clear:both; display:block; position:relative; width:100%; background:url('/img/C00224/mainSection02_back.jpg')no-repeat; background-size:cover; background-position:top left;}
.MainSection02{padding:250px 0;}
.MainSection02 .Inner{display:table; position:relative;}
	/*타이틀*/
	.MainSection02 .mainTitle{display:table-cell; width:50%; vertical-align:middle;}
	.MainSection02 .mainTitle h3{color:#fff; padding:20px 0; font-size:42pt;}
	.MainSection02 .mainTitle h3 b{color:#fff;}
	.MainSection02 .mainTitle p{color:#000; background:#fff; width:fit-content; font-weight:400; padding:5px 15px; letter-spacing:2pt; font-size:14pt;}
	.MainSection02 .mainTitle h5{color:#fff; font-size:16pt;}
	/*카운트*/
	.MainSection02 .sectionBox{display:table-cell; width:50%; vertical-align:middle;}
	.MainSection02 .sectionBox ul{display:table; width:100%; text-align:center;}
	.MainSection02 .sectionBox ul li{display:table-cell; width:45%; text-align:center;}
	.MainSection02 .sectionBox ul li h6{font-size:16pt; color:#c4f3ff; font-weight:600;}
	.MainSection02 .sectionBox ul li em{font-size:24pt; color:#fff; font-weight:400;}
	.MainSection02 .sectionBox ul li em strong{font-size:42pt; color:#c4f3ff; font-weight:600;}
	.MainSection02 .sectionBox ul li p{font-size:14pt; color:#fff; font-weight:400; padding-top:10px;}
	.MainSection02 .sectionBox ul li.sectionSqr{position:relative; width:10%; vertical-align:middle;}
	.MainSection02 .sectionBox ul li.sectionSqr::before{content:''; position:absolute; background:#9badb1; width:4px; height:60px; top:50%; left:50%; transform:translate(-50%,-50%);}

/* =============================================================================================================== */
/* [세션03] 3번배너 */
.MainSection03{content:""; clear:both; display:block; position:relative; width:100%; overflow:hidden; padding:100px 0;}
.MainSection.MainSection03{padding:0px;}
.MainSection03 .Inner{width:100%;}

.MainSection03 .Section_center{width:100%; position:relative; display:flex; align-items: center;}
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*타이틀*/
	.MainSection03 .mainTitle{text-align:left; justify-content:center; padding-left:300px; padding-right:90px; display:grid;}
	.MainSection03 .mainTitle h3{padding:20px 0;}
	.MainSection03 .mainTitle h3 b{}
	.MainSection03 .mainTitle p{}
	.MainSection03 .mainTitle h5{}
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*슬라이드*/
	.MainSection03 .Banner03{width:100%; margin:0 auto; position:relative; padding-bottom:40px;}
	.MainSection03 .Inner{width:50%; min-width:500px;}
	.MainSection03 .swiper-slide a{transition:0.3s;}
	.MainSection03 .swiper-container{width:100%;}
	.MainSection03 .swiper-scrollbar3{height:4px; background:#dddddd; width:100%;}
	.MainSection03 .swiper-scrollbar-drag{background:#3497b2;}
	/*이미지*/
	.MainSection03 .Thum_img{position:relative; overflow:hidden; width:fit-content; border-radius:20px;}
	.MainSection03 .Thum_img .imgHover{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; opacity:0; transition:0.3s;}
	/*호버*/
	.MainSection03 .swiper-slide a:hover .imgHover{opacity:1;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 4번배너 */
.MainSection04{content:""; clear:both; display:block; position:relative; width:100%;}
.MainSection04{padding:0px;}
.MainSection04 .Inner{width:100%; background:#e4eef9;}
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*내용*/
	.MainSection04 .BannerThum{display:table; width:100%; position:relative;}
	.MainSection04 img{display:table-cell; width:100%; vertical-align:middle;}
	.MainSection04 .mainTitle{display:table-cell; width:50%; vertical-align:middle;}
	.MainSection04 .mainTitle p{padding:30px 0;}
	.MainSection04 .mainTitle h5{padding-bottom:40px;}
	.MainSection04 .mainTitle a{position:relative; left:0; margin-left:0; font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:16pt; background:#3497b2; border-radius:500px; padding:5px 15px; color:#fff; font-weight:600; transition:0.3s;}
	.MainSection04 .mainTitle a:hover{background:#91bdc9;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 5번배너 */
.MainSection05{content:""; clear:both; display:block; position:relative; width:100%; padding-top:120px; padding-bottom:150px; background:linear-gradient(to bottom, #fff, #e9f0f2);}
.MainSection05{}
.MainSection05 .Inner{}
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*타이틀*/
	.MainSection05 .mainTitle{text-align:center; padding-bottom:45px;}
	/*내용*/
	.MainSection05 .Banner05{width:100%; display:table; position:relative;}
	.MainSection05 .Banner05 .BannerThum{width:calc(100%/3); display:inline-table; position:relative; border-spacing:15px;}
	.MainSection05 .Thum_img{position:relative; overflow:hidden; width:fit-content; border-radius:20px;}
	.MainSection05 .Thum_img .imgHover{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; opacity:0; transition:0.3s;}
	/*호버*/
	.MainSection05 .Banner05 a:hover .imgHover{opacity:1;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션06] 6번배너 */
.MainSection06{content:""; clear:both; display:block; position:relative; width:100%; background:url('/img/C00224/mainSection06_back.jpg')no-repeat; background-size:cover; background-position:top left;}
.MainSection06{padding:0;}
.MainSection06 .Inner{}
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*레이아웃*/
	.MainSection06 .sectionWrap{width:100%; display:table; position:relative;}
	.MainSection06 .sectionWrap .sectionLeft{display:table-cell; width:50%; position:relative; vertical-align:middle;}
	.MainSection06 .sectionWrap .sectionRight{display:table-cell; width:50%; position:relative; vertical-align:middle;}
	/*병원소개,치료후기*/
	.MainSection06 .sectionLeft .sectionBox{width:100%; position:relative; overflow:hidden;}
	.MainSection06 .sectionLeft .sectionBox a{width:100%; height:100%; display:block;}	
	.MainSection06 .sectionLeft .sectionBox .textBox{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:380px; z-index:10;}
	.MainSection06 .sectionLeft .sectionBox .textBox h3{display:block; color:#fff; font-family:'Nanum Myeongjo', 'SUIT', 'Noto Sans KR', sans-serif; font-size:32pt; font-weight:700;}
	.MainSection06 .sectionLeft .sectionBox .textBox p{display:block; text-align:left; color:#fff; font-size:14pt; vertical-align:bottom; padding-top:10px;}
	.MainSection06 .sectionLeft .sectionBox .textBox span{position:absolute; display:block; right:0; bottom:0; color:#fff; font-size:42pt; vertical-align:bottom; font-weight:200; line-height:0.8;}
	.MainSection06 .sectionLeft .sectionBox a:hover .textBox span{animation:scrollPlus 0.6s infinite ease-in-out alternate;}
	@keyframes scrollPlus{ 0%{bottom:0;} 100%{bottom:10px;} }

	.MainSection06 .sectionLeft .sectionBox a .imgBox img{transition:0.3s;}
	.MainSection06 .sectionLeft .sectionBox a:hover .imgBox img{scale:1.1;}	
	/*공지사항*/
	.MainSection06 .sectionRight{padding-left:60px; padding-right:310px;}
	.MainSection06 .sectionRight .textBox{width:100%; position:relative; overflow:hidden;}
	.MainSection06 .sectionRight .textBox h3{display:block; color:#000; font-family:'Nanum Myeongjo', 'SUIT', 'Noto Sans KR', sans-serif; font-size:32pt; font-weight:800;}
	.MainSection06 .sectionRight .textBox span{position:absolute; display:block; right:0; bottom:0; color:#999999; font-size:42pt; vertical-align:bottom; font-weight:200; line-height:0.8;}
	.MainSection06 .sectionRight .textBox a:hover span{animation:scrollPlus 0.6s infinite ease-in-out alternate;}

	.MainSection06 .sectionRight .noticeBox{padding-top:60px; display:block; width:100%;}
	.MainSection06 .sectionRight .noticeBox a{width:100%; display:block; border-bottom:1px solid #999999; padding:12px 0;}	
	.MainSection06 .sectionRight .noticeBox a p{transition:0.3s;}
	.MainSection06 .sectionRight .noticeBox a p.subject{display:inline-block; width:80%; font-size:16pt; color:#000; font-weight:500; vertical-align:bottom;}
	.MainSection06 .sectionRight .noticeBox a p.writeDate{display:inline-block; width:20%; font-size:14pt; color:#000; font-weight:400; vertical-align:bottom; text-align:right;}
	.MainSection06 .sectionRight .noticeBox a:hover p{color:#999;}