@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


/*
삼성에스마취통증의학과의원
C00229
*/

/* ================================================================================================= */
/* 기본구성 */
body *{font-family:'Pretendard',"Font Awesome 5 Free" !important;}


/* ================================================================================================= */
/*  [공통]상단헤더영역*/
header{}
.HeaderNav_Area{}
	/* GNB */
	.HeaderNav_GNB{}
		/* 상단메뉴 */
		.HeaderNav_GNBtop{}
		.HeaderNav_GNBtop.Inner{padding:20px 0;}
			/* 회원로그인 */
			.HeaderNav_GNBtop .Member{}
			.HeaderNav_GNBtop .Member *{font-size:11pt; letter-spacing:0; line-height:1; }
			.HeaderNav_GNBtop .Member li{display:inline-table; vertical-align:middle;}
			.HeaderNav_GNBtop .Member li:hover{opacity:0.7; transition-duration:200ms;}
			.HeaderNav_GNBtop .Member li + li{border-left:1px solid #333; margin-left:0.5em; padding-left:0.5em;}
			/* 로고 */
			.HeaderNav_GNBtop .Logo a img{max-height:1em;}
		/* --------------------------------------------------------- */
		/* 주메뉴 */
		.HeaderNav_GNBmenu{border:none;}
			
/* ================================================================================================= */
/*퀵바*/
.Contact_Quick .Btn{background-color:#409fed;}
.Contact_Quick .Btn:hover{background-color:#3a8fd5; transition-duration:200ms;}

/* ================================================================================================= */
/*퀵바*/
.QuickArea section{top:190px;}
.Banner20 a img{display:block;}
.QuickArea_Btn{display:none;}
.QuickArea_Link .Tel{background-color:#414141;}
.QuickArea_Link .Tel a p{letter-spacing:0; font-size:20pt;}
.QuickArea_Link .Tel small{display:none;}
.QuickArea_Link ul{background-color:#7692a5; border-radius:0;}
.QuickArea_Link li{padding:15px 0; border:none; }
.QuickArea_Link li:first-child{padding:17px 10px;}

.QuickArea_Link li:not(.Tel):after{content:''; position:absolute; width:70px; height:1px; background-color:#fff; left:50%; margin-left:-35px; bottom:0;}
.QuickArea_Link li:last-child:after{display:none;}
.QuickArea a span{color:#fff; font-size:10pt;font-weight:normal;}

.QuickArea_Link li:hover{background:#59798f;}
.QuickArea_Link li:hover:first-child{background-color:#2d2d2d;}

.QuickArea_Link .Quick_GoTop{display:block; position:relative; width:95px; border-bottom:1px solid #2d2d2d; text-align:center; padding:13px 0;}
.QuickArea_Link .Quick_GoTop a i{display:block; font-size:10pt;}
.QuickArea_Link .Quick_GoTop a span{display:none;}

/* ================================================================================================= */
/* 서브페이지의 메뉴 */
.SubNav{}
.SubNav.Fixed{}
.subtWrap .SubNav.Fixed .SubNav_Small1{display:none;}
.SubNav.Fixed .SubNav_Small2{display:none;}
	/* 소메뉴(SNB) */
	.SubNav_Small.SubNav_Small1{margin-top:0;} 
	.HeaderNav_LargeMenuWide{background-color:#f8f8f8; height:60px;}
	.HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide{top:60px;}
	.HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu{background-color:#e7e7e7; height:57px;}
	.HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu ul{}
	.HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu ul li{margin: 0 22px;}
	.HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu ul li a{font-size:17px;}
	.HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu ul li a:hover{opacity:.6; transition-duration:200ms;}
	.HeaderNav_LargeMenuWide > ul > li a{font-size:17px; line-height:60px; height:60px;}
	
	/* 소메뉴1 */
	.SubNav_Small1{background-color:#a8b3b9;}
	.SubNav_Small1 ul{border:none; border-radius:0; text-align:center; background-color:#a8b3b9;}
	.SubNav_Small1 ul li{margin: 0 22px;  display: inline-block; border:none; text-align:center;vertical-align: top;width:auto;height: 56px;}
	.SubNav_Small1 ul li a{font-size:17px; color:#fff;  font-weight:500; position:relative;  display:block; z-index:1; line-height:57px; padding:0;}
	.SubNav_Small1 ul li a:hover{opacity:.7;}
	.SubNav_Small1 li.Action a, 
	.SubNav_Small1 li:hover a{color:#fff; background:none; }
	.SubNav_Small1 li.Action a{box-sizing:border-box;  border-bottom: 2px solid #ffffff;}
	.SubNav_Small1 a{height:2.6em;}
	.SubNav_Small2{}
	.SubNav_Small2 li.Action a,
	.SubNav_Small2 li:hover a{}
	
	/* 스크롤시 상단고정픽스 */
	.SubNav.Fixed .SubNav_Small.SubNav_Small1{margin:0;} 
	
	.SubNav_Small2 li.Action a, .SubNav_Small2 li:hover a{background-color:#eff2f4; color:#666;}
	.SubNav_Small1 + .SubNav_Small2 ul{border-color:#eae7ef; border-radius:0;}
	.SubNav_Small2 li{border:none;}
	.SubNav_Small2 li a{color:#666;}
/* 팝업 */
/* -------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 하단푸터전용 */
.Footer_Area{background-color:#aac3d7;}

	/* ---------------------- */
	/* 하단신청바 */
	.Contact_Quick{display:none;}

	/* ---------------------- */
	/* 상세정보 */
	.Company_Area{padding-bottom:0; padding-top:100px;}
	.aboutMapWrap .Company_Area{display:none;}
	.Company_Area > .Inner{width:1400px;}
	.Company_Area > .Inner > div{vertical-align:top;}
	.Company_Area .Tel p,
	.Company_Area .Time *{}
	.Company_Area .Time,
	.Company_Area .Link *{color:#fff; font-weight:normal;}
	.Company_Area .Title.Sub span{font-weight:500; display:block; font-size:15pt; color:#555555;}
	.Company_Area .Time label pre{font-size:12pt;}
	.Company_Area .Time pre.Left{width:50%;}

	/* 대표전화 */
	.Company_Area .Inner>.Title{display:block; font-size:18pt; font-weight:bold; display:none;} /* 일단숨김 */
	.Company_Area .Tel{display:block; width:100%;}
	.Company_Area .Tel .Title.Sub span{padding-bottom:0.2em;} /* 타이틀 */
	.Company_Area .Tel a p{font-weight:400; color:#fff; letter-spacing:0;}
	.Company_Area .Time{display:block; width:100%; margin-top:3em;}
	.Company_Area .Time .Title.Sub span{padding-bottom:0.5em;} /* 타이틀 */
	.Company_Area .Time label + p{font-weight:normal; display:none;}
	.Company_Area .Link{width:70%;}
	.Company_Area .Link .Title.Sub span{padding-bottom:0.5em;} /* 타이틀 */
		/* [배너관리] 26번배너 */
		.Banner26{}
			/* 등록된배너가없다면 지도표기 */
			.Banner26Other{}
			.Banner26Other .Title p{display:block; font-size:18pt; font-weight:bold;}
			.Banner26Other>p{font-size:13pt; font-weight:400; margin-bottom:1em;}
			.Banner26Other .aboutmap26{height:15em;}
	
	/* ---------------------- */	
	/* [배너관리] 27번배너 */
	.Banner27{position:relative; text-align:left; z-index:1; margin-top:1em;}
	.Banner27 ul{display:block;}
	.Banner27 ul li{display:inline-block; padding-right:0.5em;}
	/* ---------------------- */
	/* 기본정보 */
	.Bottom_Area .Add{padding:30px 0 50px 0;}
	.Bottom_Area .Add .Inner{display:table; width:1400px;}
	.Bottom_Area .Add strong{display:inline-block; vertical-align:top; width:20%; float:left; margin-top:59px; text-align:left; }
	.Bottom_Area .Add img{width:100%;}
	.Bottom_Area .Add #SkipNavAdd *{color:#555555;}
	.Bottom_Area .Add #SkipNavAdd{display:inline-block; text-align:left; width:60%; margin-top:2em;}
	.Bottom_Area .Link *{color:#fff;}
	.Bottom_Area .Link{position:relative; display:inline-block; width:60%; text-align:left; border:none; }
	.Bottom_Area .Add p span.create{font-size:14px; color:#4e4e4e; line-height:3em; display:block;}
	.Bottom_Area .Add p span.create img{height:10px; width:auto; opacity:0.8; padding-left:2px;}
	.Bottom_Area .Link ul{width:100%; position:relative; display:block;}
	.Bottom_Area .Link ul li{position:relative; display:inline-block; padding:0;}
	.Bottom_Area .Link ul li:first-child a{padding-left:0;}
	.Bottom_Area .Link ul li a{position:relative; display:inline-block; font-size:13pt; line-height:1em; padding:0px 10px; border-color:#fff}
	.Bottom_Area .Link ul li a:hover{opacity:.6;}
		.aboutMapWrap .Bottom_Area .Add{padding:5em 0 50px 0;}
	/* 의료진소개 */
		
	.boardThumList2{} /* 네트워크Fn */
	.boardThumList2 .List{border:none; overflow:hidden;} /* 네트워크Fn */
	.boardThumList2 .List ul{width:100%;}
	.boardThumList2 .List > li{margin:0; position:relative; width:100%; border:none; margin-bottom:4em;}
	.boardThumList2 .List li{background:#fff;}
	/* .boardThumList2 .List li:nth-child(2n){background-color:#f9f9f9;} */
	.boardThumList2 .List li .ThumBg{position:absolute; right:30px; bottom:-60px;}
	.boardThumList2 .List li:nth-child(2n) .ThumBg img{opacity:.5;}
	/* .boardThumList2 .List li:nth-child(2n) .Text:before{background-color:#f2f2f2;} */
	.boardThumList2 .List li label{min-width:1300px; width:1300px;}
	.boardThumList2 .ViewThum{border:none;}
	.boardThumList2 .ViewThum dl{padding:0; background:none;}
	.boardThumList2 .ViewThum dt{display:table-cell; z-index:1; width:44%; vertical-align:bottom;}
	.boardThumList2 .ViewThum dt .Thumb{display:block; border-radius:0 130px 0 0; overflow:hidden; width:100%; height:38em; margin-left:25px;}
	.boardThumList2 .ViewThum dt .Thumb img{width:97%;}
	.boardThumList2 .ViewThum dd{display:table-cell; width:728px; padding-left:52px; vertical-align:bottom;}
	.boardThumList2 .ViewThum dd .Title{line-height:1; font-size:14pt; font-weight:600; color:#222; margin-bottom:0.8em;}
	.boardThumList2 .ViewThum .CommonText{transform: rotate(-90deg); position:absolute; bottom:169px; right:-26%; letter-spacing:5px; font-size:11pt; color:#e2e2e2; height:25px; font-weight:300;}
	.boardThumList2 .ViewThum .CommonText b{}
	.boardThumList2 .ViewThum .Text{display:table; width:100%; background-color:#f4f4f4;position:relative; padding-right:2em;}
	.boardThumList2 .ViewThum .Text:before{content:''; display:block;  position:absolute; width:1000%; height:100%; top:0;  left:auto; right:0; background: #f6f6f6; z-index:0;}
	.boardThumList2 .ViewThum .Welcome{display:inline-block; width:48.99%; vertical-align:top; padding:3em 5px 3em 0; color:#666666; font-size:13pt;}
	.boardThumList2 .ViewThum .Welcome p{position:relative; display:block; width:100%;}
	.boardThumList2 .ViewThum .Welcome p + p{margin-top:0.6em;}
	.boardThumList2 .ViewThum .Welcome p b{display:inline-block; position:relative; font-weight:400; line-height:1.3; margin-left:4%;}
	.boardThumList2 .ViewThum .Welcome p span{content:""; clear:both; display:inline-block; position:absolute; z-index:2; left:0; top:8px; width:5px; height:5px; background-color:#ddd; border-radius:5px; margin-right:7px;}
	.boardThumList2 .ViewThum .Welcome strong{font-weight:600; color:#cd9892; padding-bottom:7px; display:inline-block;}
	.boardThumList2 .ViewThum .Career{display:inline-block; width:49.99%; vertical-align:top; padding:3em 5px 3em 0 ; color:#666666; font-size:13pt;}
	.boardThumList2 .ViewThum .Career p{position:relative; display:block; width:100%;}
	.boardThumList2 .ViewThum .Career p + p{margin-top:0.6em;}
	.boardThumList2 .ViewThum .Career p b{display:inline-block; line-height:1.3; position:relative; font-weight:400; margin-left:4%;}
	.boardThumList2 .ViewThum .Career p span{content:""; clear:both; display:inline-block; position:absolute; z-index:2; left:0; top:8px; width:5px; height:5px; background-color:#ddd; border-radius:5px; margin-right:7px;}
	.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;}
	.boardThumList2 .ViewThum .Career a i{padding-right:5px;}
	.boardThumList2 .ViewThum .Career a:hover{background-color:#dbb5b1;}
	.boardThumList2 .ViewThum .Career strong{font-weight:600; color:#cd9892; padding-bottom:7px; display:inline-block;}
	.boardThumList2 .ViewThum .Name{letter-spacing:0; font-size:18pt; line-height:1.5em; padding:0.5em 0 0.5em 0.8em; margin-bottom:1.5em; color:#222; font-weight:400; border-left:1px solid #222;  z-index:1;}
	.boardThumList2 .ViewThum .Name strong{font-size:29pt; letter-spacing:0; font-weight:600;}
	.boardThumList2 .ViewThum .Name p{position:relative; display:block; text-align:left; font-size:15pt; font-weight:500; width:100%; color:#50acdf; margin-top:0.7em; line-height:1; }
	.boardThumList2 .ViewThum .CorpTitle{position:relative; display:block; text-align:left; font-size:13pt; width:7%; margin-bottom:1em; z-index:1;}
	.boardThumList2 .ViewThum .Time{display:table; width:100%; padding-bottom:3em;}
	.boardThumList2 .ViewThum .Time ul{display:table; width:100%; vertical-align:top;}
	.boardThumList2 .ViewThum .Time li{display:inline-table; height:2em; padding:0; font-size:12.5pt; width: calc(100%/7); line-height:1em; font-weight:400; white-space:normal; color:#fff; word-break:keep-all; background-color:#878787;border:none;}
	.boardThumList2 .ViewThum .Time li span{border-left:3px solid #f6f6f6; display:table-cell; vertical-align:middle;}
	.boardThumList2 .ViewThum .Time .White{}
	.boardThumList2 .ViewThum .Time .White li{background-color:#fff; color:#666666; height:3em; font-weight:400;}
	.boardThumList2 .ViewThum .Time .White .Off{font-weight:600; background-color:#dddddd;}