@charset "utf-8";

/*
 * --------------------------------------------------------------------------
 * descript : 서브 콘텐츠
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.08.17
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

.doctor-tab{position:relative; height:70px; line-height:1; margin-top:35px;}
.doctor-tab .inner{height:100%;}
.doctor-tab a{float:left; height:70px;  box-sizing:border-box; display:inline-block; width:50%; text-align:center; box-sizign:border-box; font-size:1em; color:#999; padding-top:10px;}
.doctor-tab a::before{display:inline-block; width:100%; height:1px; background:#0192d5; left:0; bottom:0;}
.doctor-tab a span{font-weight:700; display:inline-block; margin:0 0 0 10px;}
.doctor-tab a strong{display:block; font-size:1.4em; font-weight:700; margin-top:10px;}
.doctor-tab a.active{position:relative; background:#fff; border-top:5px solid #0192d5; border-left:1px solid #0192d5; border-right:1px solid #0192d5; z-index:1; color:#222;}
.doctor-tab a.active::before{display:none;}


/* 연세앤 둘러보기 */
#preview{padding:50px 0;}

/* 큰슬라이드 */
.preview-slider{}
.preview-slider li{position:relative;}
.preview-slider span{position:absolute; left:0; top:0; display:inline-block; box-sizing:border-box; padding:100px 10px 0 10px; width:140px; height:140px; font-size:17px; font-weight:700; color:#fff; background:rgba(255,255,255,0.7) url(/assets/img/common/theme/simbol.png) no-repeat center 20px; background-size:40px; border-top:4px solid #0091d5; color:#222; z-index:1; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.preview-slider span::before{display:inline-block; width:17px; height:3px; background:#fff; left:50%; top:85px; transform:translate(-50%, 0);}
.preview-slider img{width:100%;}

/* 작은슬라이드 */
.preview-thumb{width:100%; overflow:hidden; margin:25px 0; padding-top:25px; border-top:1px dashed #ddd;}
.preview-thumb .slick-slide{margin:0 5px; outline: none !important; cursor:pointer;}
.preview-thumb .slick-list{margin:0 -4px;}
.preview-thumb .slick-current{position:relative;}
.preview-thumb .slick-current::before{display:inline-block; width:calc(100% - 10px); height:calc(100% - 10px); box-sizign:border-box; border:5px solid #0091d5;}


/* 오시는길(진료안내) */