@charset "utf-8";

#inc01{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:115px;padding-bottom:170px;font-family:var(--k-font);background-color:var(--bg-color)}
#inc01 .link--primary{padding:10px 30px;font-size:15px}
/* 인사말 */
#inc01 .group-greeting{display:flex;flex-direction:column;align-items:center;margin-bottom:160px;white-space:pre-line;text-align:center}
#inc01 .group-greeting h2{padding-bottom:40px;font-family:var(--k-font) !important;font-size:35px;font-weight:300;color:#333;line-height:1.15}
#inc01 .group-greeting .desc{padding-bottom:50px;font-size:17px;line-height:1.5}
#inc01 .group-greeting .btn-wrap{display:flex;gap:13px}

/* 진료과목 */
#inc01 .group-clinic{display:flex;margin-bottom:145px}
#inc01 .group-clinic .area-tit{padding-top:70px}

#inc01 .group-clinic .fl-l{flex:1;padding-top:70px}
#inc01 .group-clinic .tab-list{display:flex;flex-direction:column;gap:34px;counter-reset:clinic}
#inc01 .group-clinic .tab-item{cursor:pointer}
#inc01 .group-clinic .tab-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-left:65px}
#inc01 .group-clinic .tab-item::before{position:absolute;top:0;left:0;content:counter(clinic, decimal-leading-zero);counter-increment:clinic;margin-top:-4px;font-size:15px;opacity:0;visibility:hidden;transition:opacity .2s;will-change:opacity}
#inc01 .group-clinic .tab-item .clinic__tit{font-size:20px;font-weight:400;line-height:100%;color:rgba(51,51,51,.4);transition:color 0.2s;will-change:color}
#inc01 .group-clinic .tab-item .info{display:flex;flex-direction:column;height:0;overflow:hidden;transition:height 0.2s;will-change:height}
#inc01 .group-clinic .tab-item .clinic__desc{padding-top:10px;padding-bottom:20px;font-size:15px;line-height:1.6;color:rgba(54,47,45,0.7)}
#inc01 .group-clinic .tab-item .link--more{margin-bottom:12px;width:70px;height:30px;padding:0;font-size:14px;line-height:1.6}
#inc01 .group-clinic .tab-item .link--more:last-child{margin-bottom:0}
#inc01 .group-clinic .tab-item.on::before{opacity:1;visibility:visible}
#inc01 .group-clinic .tab-item.on .clinic__tit{color:#362f2d}
#inc01 .group-clinic .tab-item.on  .info{height:auto}

#inc01 .group-clinic .fl-r{position:relative;max-width:640px;width:100%;height:536px}
#inc01 .group-clinic .fl-r .tab-con{position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.1s}
#inc01 .group-clinic .fl-r .tab-con.view{opacity:1;visibility:visible}
#inc01 .group-clinic .fl-r .tab-con img{opacity:0;visibility:hidden;transition:opacity 0.5s ease,visibility 0.4s}
#inc01 .group-clinic .fl-r .tab-con.view img{opacity:1;visibility:visible}
#inc01 .group-clinic .fl-r .btn-wrap{position:absolute;bottom:0;right:0;width:100%}
#inc01 .group-clinic .fl-r .link--moreicon{position:absolute;bottom:0;right:0;display:none;align-items:center;justify-content:center;width:123px;height:123px;border-radius:100px;background-color:#362f2d}
#inc01 .group-clinic .fl-r .link--moreicon svg{width:32px;height:32px;stroke:#9b9796;transition:stroke .2s}
#inc01 .group-clinic .fl-r .link--moreicon:hover svg{stroke:#fff;animation:arrow 0.6s}
#inc01 .group-clinic .fl-r .link--moreicon.view{display:flex}
@keyframes arrow {0%{transform:translateX(0)} 50%{transform:translateX(10px)} 100%{transform:translateX(0)}}

/* 대표원장 */
#inc01 .group-dct{display:grid;align-items:center;grid-template-columns:repeat(2,1fr)}
#inc01 .group-dct .fl-l .thumb-box{overflow:hidden;height:362px;border-radius:10px;background-color:#ccc;background-image:url(./img/doctor.png);background-repeat:no-repeat;background-size:cover;background-position:center -100px}
#inc01 .group-dct .fl-r{padding:0 85px}
#inc01 .group-dct .fl-r .cmt{font-size:28px;font-weight:500;line-height:1.36;color:#333;word-break:keep-all}
#inc01 .group-dct .fl-r .desc{padding:25px 0 60px;font-size:18px;line-height:1.4}

#inc01 .bg{position:absolute;top:-100px;right:-7px}