@charset "utf-8";
@import url(common.css);

/* C00224
»ï¼º±Âºñ´¢±â°ú */

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

/* ================================================================================================= */
/* ±âº»±¸¼º */
body *{font-family:'Montserrat', 'SUIT', 'Noto Sans SC' ;word-break:break-word;}

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

/* ================================================================================================= */
/*¼­ºêÆäÀÌÁö*/
/*½Ã¼úÆäÀÌÁö ½ºÅ©·Ñ¹öÆ°*/
.clinicInfoWrap .subSection_btn{width:100%; background:#fff; padding:40px 0;}
.clinicInfoWrap .subSection_btn ul{display:table; width:800px; margin:0 auto; text-align:center;}	
.clinicInfoWrap .subSection_btn ul.fix{position:fixed; z-index:100; top:75px; left:50%; transform:translate(-50%,0);}
.clinicInfoWrap .subSection_btn ul li{display:table-cell; width:calc(100% / 5); padding:0 8px;}	
.clinicInfoWrap .subSection_btn ul li:first-child{padding-left:0;}
.clinicInfoWrap .subSection_btn ul li:last-child{padding-right:0;}
.clinicInfoWrap .subSection_btn ul li a{font-weight:500; font-size:12pt; width:100%; color:#fff; display:block; background:#333; border-radius:50px; padding:10px 0; transition:0.2s;}
.clinicInfoWrap .subSection_btn ul li a:hover{background:#3497b2;}
	/*ÀϺΠÆäÀÌÁö Á¶Á¤*/
	.prostateSurgeryWrap .subSection_btn{background:#f7f7f7;}
	.prostateWrap .subSection_btn ul.fix, .manWrap .subSection_btn ul.fix{top:130px;}	
	.clinicInfoWrap .subSection_btn ul{width:900px;}
	.clinicInfoWrap.prostateSurgeryWrap .subSection_btn ul li{width:calc(100% / 6);}

/*½Ã¼úÆäÀÌÁö Åõ¸í¹öÆ°*/
.clinicInfoWrap .btnWrap{width:100%; position:relative;}
.clinicInfoWrap .btnWrap .btnBox{position:absolute;}

/*½Ã¼úÆäÀÌÁö ¿µ»ó*/
.clinicInfoWrap .videoWrap{position:relative;}
.clinicInfoWrap .Movie_IframArea{position:absolute; width:640px; top:304px; right:310px;}
.clinicInfoWrap .Movie_IframArea .Movie_Iframe{position:relative; width:100%;}
	/*ÀϺΠÆäÀÌÁö Á¶Á¤*/
	.surgeryWrap .subSection03{background:#f7f7f7;}
	.surgeryWrap .videoWrap{display:table; width:1222px; margin:0 auto; padding:30px 0;}
	.surgeryWrap .Movie_IframArea{position:relative; top:0; right:0; display:table-cell; width:50%; padding:0 55px;}
	.surgeryWrap .Movie_IframArea:first-child{padding-left:0;}
	.surgeryWrap .Movie_IframArea:last-child{padding-right:0;}
	.surgeryWrap .Movie_IframArea .Movie_Iframe{}

/*¿ä·Î°á¼®*/
.urinaryWrap{position:relative;}
.urinaryWrap .subSection12{content:""; clear:both; display:block; position:relative; width:100%;}
.urinaryWrap .subSection12{padding:0px;}
.urinaryWrap .subSection12 .Inner{width:100%; background:#e4eef9;}
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*³»¿ë*/
	.urinaryWrap .subSection12 .BannerThum{display:table; width:100%; position:relative;}
	.urinaryWrap .subSection12 img{display:table-cell; width:100%; vertical-align:middle;}
	.urinaryWrap .subSection12 .mainTitle{display:table-cell; width:50%; vertical-align:middle; text-align:left;}
	.urinaryWrap .subSection12 .mainTitle p{padding:30px 0;}
	.urinaryWrap .subSection12 .mainTitle h5{padding-bottom:40px;}
	.urinaryWrap .subSection12 .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;}
	.urinaryWrap .subSection12 .mainTitle a:hover{background:#91bdc9;}

/* =============================================================================================================== */
/* ¼­ºêÆäÀÌÁö °øÅëÇÏ´Ü */
.clinicCommon{content:""; clear:both; display:block; position:relative; width:100%; overflow:hidden; padding:120px 0; background:url('/clinicInfoSGUC/img/common_back.jpg')no-repeat; background-size:cover; background-position:top left;}
.clinicCommon .Inner{width:100%;}

.clinicCommon .Section_center{width:100%; position:relative; display:flex; align-items: center;}
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*ŸÀÌƲ*/
	.clinicCommon .mainTitle{text-align:left; justify-content:center; padding-left:300px; padding-right:90px; display:grid;}
	.clinicCommon .mainTitle h3{}
	.clinicCommon .mainTitle h3 b{}
	.clinicCommon .mainTitle p{padding:20px 0;}
	.clinicCommon .mainTitle h5{}
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*½½¶óÀ̵å*/
	.clinicCommon .commonBanner{width:100%; margin:0 auto; position:relative; padding-bottom:60px;}
	.clinicCommon .Inner{width:50%; min-width:500px;}
	.clinicCommon .swiper-slide a{transition:0.3s;}
	.clinicCommon .swiper-container{width:100%;}
	.clinicCommon .swiper-scrollbar_common{height:4px; background:#dddddd; width:100%;}
	.clinicCommon .swiper-scrollbar-drag{background:#3497b2;}

/* =============================================================================================================== */
/* º´¿ø¼Ò°³ÆäÀÌÁö º´¿ø¼Ò°³ */
.aboutWrap .aboutGalleryWrap{content:""; clear:both; display:block; position:relative; width:100%; overflow:hidden; padding:150px 0; background:url('/img/C00224/about_about06_back.jpg')no-repeat; background-size:cover; background-position:top left;}
.aboutWrap .aboutGalleryWrap .Inner{width:100%;}

.aboutWrap .aboutGalleryWrap .Section_center{width:100%; position:relative; display:flex; align-items: center;}
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*ŸÀÌƲ*/
	.aboutWrap .aboutGalleryWrap .mainTitle{text-align:left; justify-content:center; padding-left:300px; padding-right:0; display:grid; line-height:1.5;}
	.aboutWrap .aboutGalleryWrap .mainTitle h3{font-size:32pt; font-weight:500; vertical-align:middle;}
	.aboutWrap .aboutGalleryWrap .mainTitle h3 b{font-weight:700; font-family:'Nanum Myeongjo', 'SUIT', 'Noto Sans KR', sans-serif; color:#3497b2;}
	.aboutWrap .aboutGalleryWrap .mainTitle p{padding:20px 0; color:#3498b2; letter-spacing:2pt; font-size:12pt; font-weight:400;}
	.aboutWrap .aboutGalleryWrap .mainTitle h5{font-size:14pt; font-weight:400;}
	.aboutWrap .aboutGalleryWrap .mainTitle h5 b{font-weight:600;}
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*½½¶óÀ̵å*/
	.aboutWrap .aboutGalleryWrap .galleryBanner{width:100%; margin:0 auto; position:relative;}
	.aboutWrap .aboutGalleryWrap .Inner{width:60%; min-width:60%; margin-right:0;}
	.aboutWrap .aboutGalleryWrap .BannerThum{padding:0 30px;}
	.aboutWrap .aboutGalleryWrap .swiper-slide a{transition:0.3s;}
	.aboutWrap .aboutGalleryWrap .swiper-container{width:100%;}
	.aboutWrap .aboutGalleryWrap .Thum_img img{width:100%;}

/* ----------------------------------------------------------------------------------------------------------- */
/* º´¿ø¼Ò°³ > ¿À½Ã´Â±æ */
/* ÁöÁ¡¾È³» */
.aboutMapArea{}
.About_NetworkAea{}
.About_NetworkAea_Detail{position:relative; width:100%; background:#f9fbfd;}
.About_NetworkAea_Detail > .Inner{}
	/* ³×Æ®¿öÅ©(ÅëÇÕ) */
	/* ÁöÁ¡¸ñ·Ï */
	.About_NetworkAea_BranchBox section.Left{}
	/* ÁöÁ¡ºÐÆ÷Áöµµ */
	.About_NetworkAea_BranchBox section.Right{}
	.About_NetworkAea_BranchBox section.Right img{}
		
	/* ÁöÁ¡º°¼Ò°³(ÁöÁ¡) */
	.About_NetworkAea_Detail{padding-top:120px; padding-bottom:120px;}
	.About_NetworkAea_Detail >.Inner{overflow:hidden; padding-top:0;}
	.NetworkAea_DetailSection1{margin-top:3em;}
	.NetworkAea_DetailSection1 .Title{font-size:25pt; color:#3498b2; font-weight:500; padding-bottom:0.7em; margin-bottom:0.9em; border-bottom:1px solid #ddd; line-height:normal; letter-spacing:-0.025em;}
	.NetworkAea_DetailSection1 .Title i{}
	.NetworkAea_DetailSection1_Left{display:table-cell; width:33%; padding-right:3em;}
		/* ¿À½Ã´Â±æ */
		.NetworkAea_DetailSection1_Left .Add{margin:0; font-size:18pt; line-height:23pt; color:#343434; font-weight:600;}
		.NetworkAea_DetailSection1_Left .Add p{padding-bottom:10px;}
		.NetworkAea_DetailSection1_Left .Add b{font-size:14pt; font-weight:400;}
		.NetworkAea_DetailSection1_Center{display:table-cell; width:33%; padding-right:3em;}
		.NetworkAea_DetailSection1_Center .Title{margin-bottom:0.9em;}
		.bi-geo-alt-fill::before, .bi-clock-history::before, .bi-telephone-fill::before{color:#3498b2;}
		/* Áø·á½Ã°£ */
		.NetworkAea_DetailSection1_Center .Time{display:table; width:100%; }
		.NetworkAea_DetailSection1_Center .Time pre.Left{display:table-cell; width:50%; font-size:14pt; font-weight:normal;}
		.NetworkAea_DetailSection1_Center .Time pre.Right{display:table-cell; font-size:14pt; font-weight:normal; opacity:.6;}
		.NetworkAea_DetailSection1_Center .timeTxt{padding-top:10px; color:#666;}
		.NetworkAea_DetailSection1_Center .timeTxt b{font-size:16pt; color:#d02525;}		
		.NetworkAea_DetailSection1_Right{display:table-cell; width:33%; vertical-align:top; padding:0; padding-right:3em;}
		.NetworkAea_DetailSection1_Right:last-child{padding-right:0;}
		.NetworkAea_DetailSection1_Right .Call{font-size:28pt; color:#212121; font-weight:400; font-family:'SUIT', 'Noto Sans KR', sans-serif; margin-top:0; line-height:1.2;}
		.NetworkAea_DetailSection1_Right .Call a{}
		.NetworkAea_DetailSection1_Right .telTxt{padding-top:10px; color:#333; font-size:14pt; line-height:1.5;}
		.NetworkAea_DetailSection2{}
		.NetworkAea_DetailSection3{}
		.NetworkAea_DetailSection3_RIght #aboutmap{height:500px;}
		/*ÇÏ´ÜÁöµµ¼û±è*/
		.aboutMapWrap .Company_Area{display:none;}

/* ----------------------------------------------------------------------------------------------------------- */
/* °Ô½ÃÆÇÆäÀÌÁö */
.boardWrap .subTitle{padding-top:0;}
.contactWrap .subTitle{padding-top:0;}

/* =============================================================================================================== */
/* º´¿ø¼Ò°³ÆäÀÌÁö ¿¬Çõ */
.aboutHistoryArea .historySection03{width:100%; position:relative; overflow:hidden; background:url('/img/C00224/about_history03_back.jpg')no-repeat; background-size:cover; background-position:center center;}
.aboutHistoryArea .historySection03 .Inner{padding:150px 0; position:relative;}
.aboutHistoryArea .historySection03 .Inner::before{content:''; display:block; position:absolute; width:2px; height:8000px; background:#3498b2; top:0; left:0;}
.aboutHistoryArea .historySection03 .contWrap{display:block; width:100%; padding-left:60px;}
.aboutHistoryArea .historySection03 .contWrap .contBox{margin-top:120px;}
.aboutHistoryArea .historySection03 .contWrap .contBox01{margin-top:0;}
.aboutHistoryArea .historySection03 .contWrap .circleBack1{display:inline-block; width:40px; height:40px; background:rgba(52,152,178,0.3); border-radius:500px; position:relative;}
.aboutHistoryArea .historySection03 .contWrap .circleBack2{position:absolute; width:20px; height:20px; background:#3498b2; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:500px;}
.aboutHistoryArea .historySection03 .contWrap .contInner{display:inline-block; width:calc(100% - '40px'); vertical-align:top; padding-left:20px; padding-top:8px;}
.aboutHistoryArea .historySection03 .contWrap .contInner .txtBox h6{color:#3498b2; font-size:28pt; font-weight:600;}
.aboutHistoryArea .historySection03 .contWrap .contInner .txtBox p{font-size:16pt; font-weight:400; padding-top:20px; line-height:1.5;}
.aboutHistoryArea .historySection03 .contWrap .contInner .imgBox{position:relative; margin-top:40px;}
.aboutHistoryArea .historySection03 .contWrap .contInner .imgBox .contImg{border-radius:20px; overflow:hidden; display:inline-block; margin-right:10px;}
.aboutHistoryArea .historySection03 .contWrap .contInner .imgBox .contImg03{margin-right:0;}
.aboutHistoryArea .historySection03 .contWrap .contInner .imgBox .contImg img{width:100%;}