@charset "utf-8";

/* C00183
타미성형외과 */


/* ===================================================================================================================================================== */
/* 시술페이지 */
/*공통하단*/
.subSectionCommon{content:""; clear:both; display:block; position:relative; width:100%;}
	/*슬라이드*/
	.subSectionCommon .commonWrap{position:relative;  background:url('/clinicInfoYLHJ/img/common_back.jpg'); background-size:cover; background-position:top left; padding-top:250px; padding-bottom:100px;}

	.subSectionCommon .swiper-slide{width:100%; overflow:hidden; position:relative; margin:0 auto; transition:opacity 0.4s; background-color:transparent;}
	.subSectionCommon .swiper-slide .ThumBox{position:relative; display:block; width:90%; height:inherit; text-align:center; margin:0 auto;}
	.subSectionCommon .swiper-slide .ThumBox > img{opacity:0.4; width:100%; height:inherit;}
	.subSectionCommon .swiper-slide-active .ThumBox > img{opacity:1;}

	/*화살표*/
	.subSectionCommon .swiper-button-prev-common{position:absolute; left:369px; top:55%; background:#fff; padding:12px 17px 12px 12px; display:inline-block; border-radius:100px; 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%); transition:0.2s; cursor:pointer; z-index:999;}
	.subSectionCommon .swiper-button-prev-common:hover{background:#444;}
	.subSectionCommon .swiper-button-next-common{position:absolute; right:369px; top:55%; background:#fff; padding:12px 12px 12px 17px; display:inline-block; border-radius:100px; 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%); transition:0.2s; cursor:pointer; z-index:999;}
	.subSectionCommon .swiper-button-next-common:hover{background:#444;}

/* ===================================================================================================================================================== */
/* 문의/소개류 키비주얼 */
.subVisual{position:relative; display:table; height:350px; background:linear-gradient(#d8eae8, #eef3f2); overflow:hidden; width:100%; line-height:normal; margin-bottom:100px;}
.subVisual .subTxt{position:relative; display:table-cell; vertical-align:middle; text-align:center; background:url('/img/C00183/subVisual_back.png'); background-repeat:no-repeat; background-position-y:28%; background-position-x:59%;}
.subVisual h3{font-family:'SUIT', "Noto Sans KR","돋음, Dotum","Arial","sans-serif"; font-size:30pt; position:relative; display:block; letter-spacing:-1pt; font-weight:500; color:#2e2e2e;}
.subVisual p{font-family:'SUIT', "Noto Sans KR","돋음, Dotum","Arial","sans-serif"; font-size:13pt; margin-top:1.5em; position:relative; display:block; letter-spacing:-1pt; color:#5b5e5e;}

/* ================================================================================================= */
/* 병원소개 > 오시는길 */
.aboutMapArea * {font-family:'SUIT';}
.aboutMapArea{}
.About_NetworkAea{}
	/* 네트워크(통합) */
	/* 지점목록 */
	.About_NetworkAea_BranchBox section.Left{}
	/* 지점분포지도 */
	.About_NetworkAea_BranchBox section.Right{}
	.About_NetworkAea_BranchBox section.Right img{}
		
	/* 지점별소개(지점) */
	.About_NetworkAea_Detail{background-color:#fff;}
	.About_NetworkAea_Detail >.Inner{overflow:hidden; padding-top:0;}
	.NetworkAea_DetailSection1{margin-top:3em;}
	.NetworkAea_DetailSection1 .Title{font-size:25pt; color:#55a99d; font-weight:500; padding-bottom:0.7em; margin-bottom:1.1em; border-bottom:1px solid #55a99d; line-height:normal;}
	.NetworkAea_DetailSection1 .Title i{}
	.NetworkAea_DetailSection1_Left{display:table-cell; width:33%; padding-right:3em;}
	/* 오시는길 */
	.NetworkAea_DetailSection1_Left .Add{margin:0; font-size:14pt;}
	.NetworkAea_DetailSection1_Center{display:table-cell; width:33%; padding-right:3em;}
	.NetworkAea_DetailSection1_Center .Title{margin-bottom:0.9em;}
	/* 진료시간 */
	.NetworkAea_DetailSection1_Center .Time{display:table; width:100%; }
	.NetworkAea_DetailSection1_Center .Time pre.Left{display:table-cell; width:41%; font-size:14pt; font-weight:normal;}
	.NetworkAea_DetailSection1_Center .Time pre.Right{display:table-cell; font-size:14pt; font-weight:400; opacity:.6; }
	.NetworkAea_DetailSection1_Right{display:table-cell; width:33%; vertical-align:top; padding:0; padding-right:3em; }
	.NetworkAea_DetailSection1_Right .Call{font-family:'Poppins',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; font-size:33pt; color:#828282; font-weight:300;}
	.NetworkAea_DetailSection2{}
	.NetworkAea_DetailSection3{}
	.NetworkAea_DetailSection3_RIght #aboutmap{height:500px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 병원소개 > 의료진소개 */
.aboutDoctorWrap{}
	.About_DoctorAea .Inner{width:100%; min-width:100%;}
	.About_DoctorAea .section01{position:relative; display:block; background-color:#f7f5fe; padding-top:2em;}
	.About_DoctorAea .section01 img{display:block; margin:0 auto;}
	.About_DoctorAea .boardThumList2{}
	.About_DoctorAea .boardThumList2 .List{border:none; overflow:hidden;}
	.About_DoctorAea .boardThumList2 .List ul{width:100%;}
	.About_DoctorAea .boardThumList2 .List li{margin:0; padding:0 0 80px 0; position:relative; width:100%;}
	.About_DoctorAea .boardThumList2 .List li{background:#fff;}
	.About_DoctorAea .boardThumList2 .List li:nth-child(2n){background-color:#eef3f2;}
	.About_DoctorAea .boardThumList2 .List li .ThumBg{position:absolute; right:30px; bottom:-60px;}
	.About_DoctorAea .boardThumList2 .List li:nth-child(2n) .ThumBg img{opacity:.5;}
	.About_DoctorAea .boardThumList2 .List li label{min-width:1300px; width:1300px;}
	.About_DoctorAea .boardThumList2 .ViewThum{border:none;}
	.About_DoctorAea .boardThumList2 .ViewThum dl{padding:0; background:none;}
	.About_DoctorAea .boardThumList2 .ViewThum dt{display:inline-table;}
	.About_DoctorAea .boardThumList2 .ViewThum dt .Thumb{display:block; border-radius:0 130px 0 0; overflow:hidden; width:500px; height:500px; margin-left:25px;}
	.About_DoctorAea .boardThumList2 .ViewThum dt .Thumb img{width:100%;}
	.About_DoctorAea .boardThumList2 .ViewThum dd{display:inline-table; width:775px; padding-top:40px; padding-left:52px;}
	.About_DoctorAea .boardThumList2 .ViewThum dd .Title{display:none;}
	.About_DoctorAea .boardThumList2 .ViewThum .CommonText{transform: rotate(-90deg); position:absolute; bottom:50%; left:-45%; letter-spacing:7px; font-size:10pt; color:#55a99d; height:25px; font-family:'Poppins',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; font-weight:300;}
	.About_DoctorAea .boardThumList2 .ViewThum .CommonText b{}
	.About_DoctorAea .boardThumList2 .ViewThum .Welcome{display:block; width:100%; vertical-align:top; padding:25px; margin-top:35px; color:#9a8d81; font-size:13pt; background-color:#faf8f5; font-weight:400; line-height:normal;}
	.About_DoctorAea .boardThumList2 .ViewThum .Welcome p{}
	.About_DoctorAea .boardThumList2 .ViewThum .Welcome p:before{content:""; clear:both; display:inline-block; position:relative; left:0; bottom:4px; width:5px; height:5px; background-color:#ddd; border-radius:5px; margin-right:7px;}
	.About_DoctorAea .boardThumList2 .ViewThum .Welcome strong{font-weight:600; color:#cd9892; padding-bottom:7px; display:inline-block;}
	.About_DoctorAea .boardThumList2 .ViewThum .Career{display:block; width:100%; vertical-align:top; padding-top:25px; color:#888; font-size:12pt;}
	.About_DoctorAea .boardThumList2 .ViewThum .Career p{}
	.About_DoctorAea .boardThumList2 .ViewThum .Career p:before{content:""; clear:both; display:inline-block; position:relative; left:0; bottom:4px; width:5px; height:5px; background-color:#ddd; border-radius:5px; margin-right:7px;}
	.About_DoctorAea .boardThumList2 .ViewThum .Career a{display:block; width:50%; background-color:#cd9892; color:#fff; text-align:center; padding:20px 0; font-size:13pt; margin-top:10px; border-radius:0; line-height:1.2em; border-radius:5px; display:none;}
	.About_DoctorAea .boardThumList2 .ViewThum .Career a i{padding-right:5px;}
	.About_DoctorAea .boardThumList2 .ViewThum .Career a:hover{background-color:#dbb5b1;}
	.About_DoctorAea .boardThumList2 .ViewThum .Career strong{font-weight:600; color:#cd9892; padding-bottom:7px; display:inline-block;}
	.About_DoctorAea .boardThumList2 .ViewThum .Name{letter-spacing:0; font-size:18pt; line-height:1.5em; padding:30px 0; color:#555555; font-weight:400;}
	.About_DoctorAea .boardThumList2 .ViewThum .Name span{font-size:15pt; color:#55a99d; margin-left:1em;}
	.About_DoctorAea .boardThumList2 .ViewThum .Name strong{font-size:32pt; letter-spacing:3px; font-weight:500;}
	.About_DoctorAea .boardThumList2 .ViewThum .Name strong:after{content:''; position:absolute;left: -19%; bottom:0;width: 131%;height: 1px;background-color: #bebebe;}
	.About_DoctorAea .boardThumList2 .ViewThum .CorpTitle{position:relative; display:inline-block; text-align:left; font-size:13pt; width:7%;}

	.About_DoctorAea .boardThumList2 .ViewThum .Career {display:table;}
	.About_DoctorAea .boardThumList2 .ViewThum .Career1 {display:table-cell; width:50%;}
	.About_DoctorAea .boardThumList2 .ViewThum .Career2 {display:table-cell; width:50%;}