@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-cnt20 {margin-bottom:var(--space-20);}
.doc-cnt30 {margin-bottom:var(--space-30);}
.doc-cnt50 {margin-bottom:var(--space-50);}
.doc-cnt60 {margin-bottom:var(--space-60);}
.doc-cnt75 {margin-bottom:var(--space-75);}
.doc-cnt100 {margin-bottom:var(--space-100);}
.doc-cnt130 {margin-bottom:var(--space-130);}
.s-pad {padding:var(--space-75) 0;}

.fw500 {font-weight:500;}
.fw600 {font-weight:600;}

.greeting {background-color:#fafafa;}
.greeting .img {margin-bottom:var(--space-40); mix-blend-mode:darken;}
.greeting p {font-size:var(--font-size-17); line-height:1.76em; letter-spacing:-.03em; margin-bottom:var(--space-35);}
.greeting p:last-child {margin-bottom:0 !important;}
.greeting strong {font-weight:600; color:#242424;}

.greet-char {margin:0 -14px -20px; display:flex; flex-wrap:wrap; text-align:center;}
.greet-char .item {padding:0 14px; margin-bottom:20px; width:25%;}
.greet-char .box {height:142px; flex-direction:column; align-items:center; justify-content:center; display:flex; border-radius:20px; color:#fff;}
.greet-char .item:nth-child(odd) .box {background-color:var(--color-secondary);}
.greet-char .item:nth-child(even) .box {background-color:#2e9ddb;}
.greet-char strong {margin-bottom:15px; font-size:var(--font-size-26); display:block; line-height:1.2em;}
.greet-char p {font-size:var(--font-size-17); font-weight:500; letter-spacing:-.03em; line-height:1.5em;}

.doc-tit {padding-left:18px; margin-bottom:var(--space-35); font-size:var(--font-size-30); color:#242424; font-weight:600; letter-spacing:-.03em; line-height:1.3em; position:relative;}
.doc-tit:before {width:6px; height:24px; top:7px; position:absolute; content:''; left:0; background-color:var(--color-primary);}
.doc-tit.border {border-bottom:1px solid #a0a0a0; padding-bottom:var(--space-35);}

.doc-tit2 {padding-left:22px; line-height:1.5em; padding-bottom:var(--space-20); font-size:var(--font-size-22); letter-spacing:-.03em; font-weight:500; color:#242424; position:relative;}
.doc-tit2:before {width:8px; height:8px; top:10px; position:absolute; content:''; left:0; background-color:var(--color-primary); border-radius:100%; }
.doc-tit2.pb0 {padding-bottom:0 !important;}

.doc-indent {padding-left:22px; line-height:1.5em;}

.introduction {background-image:url('../images/sub/introductionbg.png'); background-repeat:no-repeat; background-size:cover;}
.introduction .contain {display:flex; align-items:center;}
.introduction .cnt {padding-left:var(--space-75); flex:1;}
.introduction .txt1 {color:var(--color-primary);}
.introduction .txt2 {margin:var(--space-15) 0 var(--space-75); font-size:var(--font-size-38); font-weight:300; color:#242424;}
.introduction .txt2 strong {padding-right:var(--space-20); font-size:var(--font-size-44);}
.introduction .txt3 {margin-bottom:var(--space-25); font-size:var(--font-size-19); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.5em;}
.introduction p {line-height:1.63em;}

.ch-intro {padding-top:30px; margin-top:-35px; border-top:1px solid #ddd;}
.ch-intro .group {margin-bottom:var(--space-30);}
.ch-intro .group:last-child {margin-bottom:0;}
.ch-intro .tit {margin-bottom:10px; font-size:var(--font-size-22); letter-spacing:-.03em; line-height:1.3em; font-weight:600; color:#242424;}
.ch-intro dl {margin-bottom:10px; display:flex;}
.ch-intro dl:last-child {margin-bottom:0;}
.ch-intro dl dt {padding-right:30px; position:relative; font-weight:500; color:#242424;}
.ch-intro dl dt:after {height:15px; right:15px; position:absolute; content:''; top:50%; transform:translateY(-50%); width:1px; background-color:#ddd;}
.ch-intro dl dd {flex:1;}

.career {display:flex;}
.career ul {width:33.3333%;}
.career ul li {margin-bottom:var(--space-20); font-size:var(--font-size-17); letter-spacing:-.03em; line-height:1.3em;}
.career ul li:last-child {margin-bottom:0;}

.mission {text-align:center;}
.mission .s-content {font-size:var(--font-size-20);}
.mission ul {margin-top:var(--space-50); display:flex; gap:30px;}
.mission ul li {position:relative;}
.mission ul li .inner {height:66px; font-size:var(--font-size-17); letter-spacing:-.03em; line-height:1.4em; display:flex; position:absolute; align-items:center; justify-content:center; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.8); color:#fff;}

.s-tit {font-size:var(--font-size-30) !important; margin-bottom:var(--space-50); letter-spacing:-.03em; color:#242424; text-align:center;}

.core-value {display:flex; margin:0 -40px;}
.core-value li {padding:0 40px; width:25%; position:relative;}
.core-value li:after {position:absolute; content:''; top:50%; z-index:-1; right:0; height:1px; background-color:#ddd; left:0;}
.core-value li:first-child:after {left:50%;}
.core-value li:last-child:after {right:50%;}
.core-value .round {width:var(--core-value); height:var(--core-value); margin:auto; box-shadow:1px 3px 10px rgba(0,0,0,.2); font-size:var(--font-size-26); font-weight:700; align-items:center; justify-content:center; border-radius:100%; color:#fff; display:flex;}
.core-value li:nth-child(odd) .round {background-color:#74b629;}
.core-value li:nth-child(even) .round {background-color:#2e9ddb;}

.facility {text-align:center;}
.facility p {font-size:var(--font-size-20); margin-bottom:var(--space-30); letter-spacing:-.03em; line-height:1.6em; font-weight:600;}
.facility p span {color:var(--color-primary);}
.facility p b {font-weight:600; color:#242424;}
.facility ul li {margin-bottom:5px; line-height:1.5em; font-size:var(--font-size-18);}
.facility ul li span {color:var(--color-secondary); font-weight:600;}
.facility ul li:last-child {margin-bottom:0;}

.facility-slide {margin-top:var(--space-70); position:relative; line-height:0;}
.facility-slide img {margin:auto;}
.facility-slide .slick-arrow {width:var(--arrow-area); height:var(--arrow-area); position:absolute; top:50%; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; transform:translateY(-50%);}
.facility-slide .slick-prev {left:0; background-image:url("../images/sub/fs-prev.png");}
.facility-slide .slick-next {right:0; background-image:url("../images/sub/fs-next.png");}
.facility-slide .slick-prev:hover {background-image:url("../images/sub/fs-prev-on.png");} 
.facility-slide .slick-next:hover {background-image:url("../images/sub/fs-next-on.png");}

.facility-slide .slick-dots {bottom:-42px; position:absolute; left:0; width:100%; text-align:center; line-height:0;}
.facility-slide .slick-dots li {padding:0 4px; position:relative; display:inline-block; border:0; background:transparent;}
.facility-slide .slick-dots li button {width:12px; height:12px; background-color:#bfbfbf; position:relative; border-radius:100%; font-size:0; border:none;}
.facility-slide .slick-dots li.slick-active button {background:#606060;}

.facility-slide .item {padding:0 var(--space-100);}
.facility-slide.ty2 .item {padding:0 var(--space-150);}
.facility-slide iframe {width:100%;}

.cooperative {margin-bottom:-35px; display:flex; flex-wrap:wrap; text-align:center;}
.cooperative li {padding:0 12px; margin-bottom:var(--space-35); width:20%;}

.alternative-medicine .group {margin-bottom:var(--space-80); display:flex; align-items:center;}
.alternative-medicine .group:last-child {margin-bottom:0;}
.alternative-medicine .cnt {padding-left:var(--space-50); flex:1;}
.alternative-medicine strong {margin-bottom:var(--space-15); font-size:var(--font-size-30); color:#242424; letter-spacing:-.03em; line-height:1.3em; display:block;}
.alternative-medicine p {color:#242424; font-weight:500; line-height:1.5em;}
.alternative-medicine ul {border-top:1px solid #ddd; margin-top:var(--space-15); padding-top:var(--space-50);}
.alternative-medicine ul li {line-height:1.8em;}

.root_daum_roughmap {width:100% !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--color-primary); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:220px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0; opacity:.5;}
.directions .contact-info dt path {fill:var(--color-primary);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.root-way {gap:0 var(--space-80); padding:var(--space-25) var(--space-60); margin-top:var(--space-30); display:flex; background-color:#f9f9f9; color:#242424;}
.root-way span {color:var(--color-primary);}

.box-content .title {padding:var(--space-15) 0; font-size:var(--font-size-20); line-height:1.5em; font-weight:600; letter-spacing:-.03em; text-align:center; color:#fff;}
.box-content .title.c1 {background-color:var(--color-primary);}
.box-content .title.c2 {background-color:var(--color-secondary);}
.box-content .title.c3 {background-color:#ca7213;}
.box-content .inner {line-height:1.5em; padding:var(--space-30); border:1px solid #ddd;}
.box-content li {margin-bottom:5px; padding-left:12px; text-indent:-12px;}
.box-content li:last-child {margin-bottom:0;}

.diet {margin:0 -15px -30px; display:flex; flex-wrap:wrap;}
.diet li {padding:0 15px; margin-bottom:30px; width:33.3333%;}
.diet li .thumb {position:relative; padding-bottom:72%; overflow:hidden;}
.diet li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.provide .tit {margin-bottom:3px; font-weight:600; line-height:1.7em;}

.cancer-center {text-align:center;}

.s-content {font-size:var(--font-size-17); line-height:1.76em; letter-spacing:-.03em; position:relative;}

.content-bullet {padding-top:var(--space-35);}
.content-bullet:before {width:17px; height:10px; left:50%; transform:translate(-50%); top:0; background-image:url('../images/sub/content-bullet.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.content-bar {padding-top:var(--space-60); font-size:var(--font-size-17); line-height:1.76em; letter-spacing:-.03em; position:relative; color:#242424; font-weight:500;}
.content-bar:before {width:50px; height:2px; position:absolute; content:''; top:30px; left:50%; transform:translate(-50%); background-color:var(--color-primary);}

.step-list ol {display:flex; margin:0 -12px;}
.step-list ol.wid-3 .item {width:33.33333%;}
.step-list ol.wid-25 .item {width:25%;}
.step-list ol .item {padding:0 12px;}
.step-list ol .item .title {padding:17px 0; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.4em; font-weight:600; text-align:center; color:#fff;}
.step-list ol .item:nth-child(odd) .title {background-color:var(--color-secondary);}
.step-list ol .item:nth-child(even) .title {background-color:#2e9ddb;}
.step-list ol .item .box {height:250px; padding:var(--space-35) var(--space-40); border:1px solid #ddd;}
.step-list ol .item ul li {padding-left:12px; text-indent:-12px;}
.step-list.ty2 {text-align:center;}
.step-list.ty2 .ico {margin-bottom:var(--space-25);}
.step-list.ty2 ol .item .box {height:230px; padding:var(--space-30);}

.sub-tab ul {gap:10px; display:flex; justify-content:center;}
.sub-tab li a {width:233px; height:60px; display:flex; align-items:center; justify-content:center; font-size:var(--font-size-20); border-radius:30px; font-weight:500; border:1px solid #ddd;}
.sub-tab li.active a {color:#fff; background-color:var(--color-primary); border-color:var(--color-primary);}

.high-frequency p {margin-bottom:var(--space-25);}
.high-frequency p:last-child {margin-bottom:0;}

.guide {padding:var(--space-100) 0; margin-bottom:var(--space-60); text-shadow:1px 3px 10px rgba(0,0,0,.15); background:url('../images/sub/guidebg.jpg') no-repeat 50% 50% / cover; color:#fff; text-align:center;}
.guide strong {position:relative; margin-bottom:var(--space-100); font-size:var(--font-size-60); display:block; line-height:1.2em; letter-spacing:-.03em;}
.guide strong:after {width:125px; height:4px; bottom:-40px; position:absolute; content:''; left:50%; background-color:#fff; transform:translate(-50%);}
.guide p {margin-bottom:var(--space-15); font-size:var(--font-size-28); line-height:1.2em; font-weight:600;}
.guide p:last-child {margin-bottom:0;}
.guide p b {font-weight:700;}
.guide .img {margin-top:var(--space-50); mix-blend-mode:darken;}

.therapy-program {margin:0 -20px -25px; display:flex; flex-wrap:wrap;}
.therapy-program .item {padding:0 20px; margin-bottom:25px; font-size:var(--font-size-17); letter-spacing:-.03em; line-height:1.5em; color:#242424; width:50%; text-align:center;}
.therapy-program .img {margin-bottom:12px;}

.walking-healing p {line-height:1.75em;}