@charset "UTF-8";

/*  서브 비주얼 */
.sub-top-visual {
	--color-primary: #FFD257;
}
.sub-top-visual {height: 364px; background-color:#eee; background-image: url(/Resources/images/sub/sub_top_img_01.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub-top-visual.bg-01 {background-image: url("/resources/images/sub/sub_top_img_01.png");}
.sub-top-visual.bg-02 {background-image: url("/resources/images/sub/sub_top_img_02.png");}
.sub-top-visual.bg-03 {background-image: url("/resources/images/sub/sub_top_img_03.png");}
.sub-top-visual.bg-04 {background-image: url("/resources/images/sub/sub_top_img_04.png");}
.sub-top-visual.bg-05 {background-image: url("/resources/images/sub/sub_top_img_05.png");}

.sub-top-visual .ko-title {margin-bottom: 0; font-size: 32px; font-weight: 400; line-height: 1.3; color: var(--color-primary);}
.sub-top-visual .en-title {margin-bottom: 0; font-size: 35px; font-weight: 400; line-height: 1.3; color: #fff;}
.sub-top-visual .desc-box::before {content: ''; display: inline-block; width: 50px; height: 2px; margin: 30px 0 25px; background-color: var(--color-primary);}
.sub-top-visual .desc {margin-bottom: 0; font-size: 18px; font-weight: 400; line-height: 1.44; color: #fff;}

@media (min-width: 991px) and  (max-width: 1250px) {
	.sub-top-visual {height: 264px;}
}
@media (min-width:1200px){
	.sub-top-visual .container {padding-left: 150px;}
}

/* 서브 비주얼 모바일 */
header#type-02 .mo-util .btn-toggle .bar{background:#000000}
.m-sub-top{position:relative;background:#072F87;}
.m-sub-top a.back-page{position:absolute;top:50%;left:1.5em;width:27px;height:42px;margin-top:-21px;background:url(/Resources/images/sub/sub_back_btn.png) no-repeat left center;background-size:50%;}
.m-sub-top .sub-nav-anchor{display:block;position:relative;}
.m-sub-top .sub-nav-anchor:after{content: "";position:absolute;top:50%;right:13px;width:11px;height:11px;margin:-0.25em 0 0 0;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg) translateY(-50%);box-sizing:border-box;transition: all 200ms ease}
.m-sub-top .sub-nav-anchor h2{padding:13px 0;font-size:20px;margin:0;line-height:1.5;}

.m-sub-top .sub-nav-anchor[aria-expanded=true]:after{margin:-0.5em 10px 0 0;transform:rotate(135deg) translateY(-50%);}
.m-sub-top .sub-nav-list{display:none;position:absolute;z-index:39;top:100%;left:0;width:100%;margin:0;padding:0;list-style-type:none;line-height:1;color:#36395b;border:3px solid #3368B2;border-top:none;background:#ffffff;box-sizing:border-box;}
.m-sub-top .sub-nav-list li{text-align:center;border-top:1px solid #dbdbdb;}
.m-sub-top .sub-nav-list li.is-active a{font-weight:700;}
.m-sub-top .sub-nav-list a{display:block;padding:15px 0;font-size:18px;color:inherit;}
.tit-after{position:relative;margin-bottom:2em;padding-bottom:1em;color:#36395b;}
.tit-after:after{content: "";position:absolute;bottom:0;left:50%;width:2em;height:1px;margin-left:-1em;background:#36395b;}

@media (max-width:480px){
	.m-sub-top .sub-nav-anchor h2{padding:9px 0;font-size:14px;}
	.m-sub-top .sub-nav-list a{padding:12px 0;font-size:13px;}
}

/* 텍스트 앞에 불릿 있는 타입 */
.cms-container .cms .cms-description-box .cms-description.has-bullet {display: flex; align-items: center; column-gap: 10px;}
.cms-container .cms .cms-description-box .cms-description.has-bullet::before {content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #B79B77;}

@media (max-width: 991px) {
	.cms-container .cms .cms-description-box .cms-description.has-bullet {column-gap: calc(16px / 2);}
	.cms-container .cms .cms-description-box .cms-description.has-bullet::before {width: calc(14px / 2); height: calc(14px / 2);}
}

/* tyep26 */
.cms-container .cms .cms-table:not(:has(thead)) {border-top: 1px solid #b79b77;}

/* type30 */
.cms-container .cms.type30 .cms-column-wrap .cms-description-box .cms-title {margin-bottom: 0; font-size: 48px; font-weight: 500; line-height: 1;}
.cms-container .cms.type30 .cms-column-wrap .cms-description-box .cms-title::after {content: ''; display: block; width: 87px; height: 3px; margin: 45px auto; background-color: #B1926A;}
.cms-container .cms.type30 .cms-column-wrap .cms-description-box .cms-description {margin: 0; font-size: 18px; font-weight: 300; line-height: 1.44;}

@media (max-width: 991px) {
	.cms-container .cms.type30 .cms-column-wrap .cms-description-box .cms-title {font-size: 32px;}
	.cms-container .cms.type30 .cms-column-wrap .cms-description-box .cms-title::after {width: 58px; height: 2px; margin: 20px auto;}
	.cms-container .cms.type30 .cms-column-wrap .cms-description-box .cms-description {font-size: 14px;}
}
@media (max-width: 479px) {
	.cms-container .cms.type30 .cms-column-wrap .cms-description-box .cms-title {font-size: 16px;}
	.cms-container .cms.type30 .cms-column-wrap .cms-description-box .cms-title::after {width: 40px; height: 1px; margin: 10px auto;}
	.cms-container .cms.type30 .cms-column-wrap .cms-description-box .cms-description {font-size: 12px;}
}

/* 원형 마이너스 */
.cms-container .cms.type27 .cms-figure-list.item-between-minus>.cms-list-item + .cms-list-item .cms-figure::before {content: ''; position: absolute; top: 50%; left: -27px; width: 15px; height: 1px; background-color: #b1926a;}
.cms-container .cms.type27 .cms-figure-list.item-between-minus .cms-list-item {padding: 0 12px;}
.cms-container .cms.type27 .cms-figure-list.item-between-minus.cms-list-item .cms-figure-text .cms-icon img {margin: 0 auto; object-fit: contain;}

@media (max-width: 991px) {
	.cms-container .cms.type27 .cms-figure-list.item-between-minus>.cms-list-item + .cms-list-item .cms-figure::before {left: -28px;}
	.cms-container .cms.type27 .cms-figure-list.item-between-minus .cms-list-item {padding: 0 15px;}
}

@media (max-width: 479px) {
	.cms-container .cms.type27 .cms-figure-list.item-between-minus>.cms-list-item + .cms-list-item .cms-figure::before {width: 10px; left: -22px;}
}


@media (max-width: 991px) {
	.cms-container .cms .cms-inner .cms-column-list.item-bg-box .cms-bullet-list .cms-list-item {padding-left: 15px;}
}

/* 원형 마이너스 with 아이콘 */
.cms-container .cms.type27 .cms-figure-list.item-between-minus.has-icon {margin-left: 0; margin-right: 0;}
.cms-container .cms.type27 .cms-figure-list.item-between-minus.has-icon .cms-list-item {position: relative;}
.cms-container .cms.type27 .cms-figure-list.item-between-minus.has-icon .cms-list-item .cms-figure-text .cms-icon img {width: auto; height: 55px; margin: 0 auto; object-fit: contain;}
.cms-container .cms.type27 .cms-figure-list.item-between-minus.has-icon .cms-figure-text .cms-eyebrow {margin: 15px 0 0;}
.cms-container .cms.type27 .cms-figure-list.item-between-minus.has-icon .cms-figure-text .cms-description {margin-top: 4px; font-size: 18px; font-weight: 500;}
.cms-container .cms.type27 .cms-figure-list.item-between-minus.has-icon .cms-list-item .cms-description-box .cms-description {line-height: 1.15; text-align: center;}

@media (max-width: 991px) {
	.cms-container .cms.type27 .cms-figure-list.item-between-minus.has-icon>.cms-list-item.col-6[class*="col-lg"]:nth-child(2n+1) .cms-figure::before {display: none;}
	.cms-container .cms.type27 .cms-figure-list.item-between-minus.has-icon .cms-list-item .cms-figure-text .cms-icon img {width: calc(140px / 2); height: calc(140px / 2);}
	.cms-container .cms.type27 .cms-figure-list.item-between-minus.has-icon .cms-list-item .cms-description-box .cms-description {font-size: calc(35px / 2);}
}

@media (max-width: 479px) {
	.cms-container .cms.type27 .cms-figure-list.item-between-minus.has-icon .cms-list-item .cms-figure-text .cms-icon img {width: calc(140px / 3); height: calc(140px / 3);}
	.cms-container .cms.type27 .cms-figure-list.item-between-minus.has-icon .cms-list-item .cms-description-box .cms-description {font-size: 12px;}
}

/* 원형이미지 + 텍스트 박스 레이아웃 */
.cms-container .cms.feature .cms-list-wrap {margin-top: 100px;}
.cms-container .cms.feature .cms-feature-list .cms-list-item + .cms-list-item {margin-top: 72px;}
.cms-container .cms.feature .cms-feature-list .cms-title {color: #B1926A;}

@media (max-width: 991px) {
	.cms-container .cms.feature .cms-list-wrap {margin-top: calc(100px / 2);}
	.cms-container .cms.feature .cms-feature-list {text-align: center;}
	.cms-container .cms.feature .cms-feature-list .cms-list-item + .cms-list-item {margin-top: calc(96px / 2);}
	.cms-container .cms.feature .cms-feature-list .cms-visual {width: 120px;}
}

/* 인사말 */
.cms-container .cms.greeting .text-box .title {margin-bottom: 0; font-size: 26px; font-weight: 500; line-height: 1.5; letter-spacing: -0.04em;}
.cms-container .cms.greeting .text-box .title span[class*="text-"] {margin-right: 2px; font-size: 36px; font-weight: 400;}
.cms-container .cms.greeting .text-box .title .text-orange {color: #FFA515;}
.cms-container .cms.greeting .text-box .title .text-green {color: #6EAF30;}
.cms-container .cms.greeting .text-box .title .text-blue {color: #034EA2;}
.cms-container .cms.greeting .text-box .desc {margin-top: 35px; font-size: 17px; font-weight: 300; line-height: 1.41; letter-spacing: -0.02em; color: #2C2E3A; word-break: keep-all;}
.cms-container .cms.greeting .text-box .desc p {margin-bottom: 0;}
.cms-container .cms.greeting .text-box .desc p + p {margin-top: 30px;}
.cms-container .cms.greeting .text-box .signature {margin: 138px 0 0; font-size: 30px; line-height: 1.5; color: #2C2E3A; text-align: right;}
.cms-container .cms.greeting .text-box .signature strong {font-size: 35px;}

@media (max-width: 991px) {
	.cms-container .cms.greeting .text-box .title {font-size: calc(48px / 2);}
	.cms-container .cms.greeting .text-box .title span[class*="text-"] {font-size: calc(60px / 2);}
	.cms-container .cms.greeting .text-box .desc {margin-top: calc(112px / 2);}
	.cms-container .cms.greeting .text-box .desc p {font-size: calc(39px / 2);}
	.cms-container .cms.greeting .text-box .desc p + p {margin-top: calc(58px / 2);}
	.cms-container .cms.greeting .text-box .signature {margin-top: calc(142px / 2); font-size: calc(39px / 2);}
	.cms-container .cms.greeting .text-box .signature strong {font-size: calc((39px / 2) + 5px);}
}

/* 미션과 비전 */
.cms-container .cms.mission-vision .cms-header + .cms-body {margin-top: 70px;}
.cms-container .cms.mission-vision .cms-header .cms-title {margin-bottom: 0; font-size: 70px; font-weight: 500; line-height: 1; color: #414141; letter-spacing: normal;}
.cms-container .cms.mission-vision .desc {font-size: 50px; font-weight: 700; line-height: 1.5; letter-spacing: -0.05em; color: #414141;}
.cms-container .cms.mission-vision .desc span[class*="text-"] {margin-right: 2px; font-size: 66px; font-weight: 700; letter-spacing: -0.02em;}
.cms-container .cms.mission-vision .desc .text-orange {color: #FFA515;}
.cms-container .cms.mission-vision .desc .text-green {color: #6EAF30;}
.cms-container .cms.mission-vision .desc .text-teal {color: #19898C;}

@media (max-width: 991px) {
	.cms-container .cms.mission-vision .cms-header + .cms-body {margin-top: calc(103px / 2);}
	.cms-container .cms.mission-vision .cms-header .cms-title {font-size: calc(70px / 2);}
	.cms-container .cms.mission-vision .desc {font-size: calc(50px / 2);}
	.cms-container .cms.mission-vision .desc span[class*="text-"] {font-size: calc(66px / 2);}
}

/* 병원연혁 */
.cms-container .cms.history .history-list {
	--column-gap: 90px;
}
.cms-container .cms.history .history-list {position:relative; margin-bottom: 0;}
.cms-container .cms.history .history-list::before {content: ''; position: absolute; top: 0; left: 40%; transform: translateX(-50%); width: 1px; height: 100%; background-color: #B79B77;}
.cms-container .cms.history .history-item {position: relative; display: flex; justify-content: flex-end; column-gap: var(--column-gap);}
.cms-container .cms.history .history-item + .history-item {margin-top: 66px;}
.cms-container .cms.history .history-item .year {position: relative; top: -9px; display: inline-block; font-size: 48px; font-weight: 400; line-height: 1;}
.cms-container .cms.history .history-item .column-right {position: relative; width: 60%; padding-left: var(--column-gap);}
.cms-container .cms.history .history-item .column-right::before {content: ''; position: absolute; top: 0; left: -12px; width: 25px; height: 25px; border: 4px solid #B79B77; border-radius: 50%; background-color:#fff;}
.cms-container .cms.history .history-item .history-detail {display: flex; column-gap: 8px; margin-bottom: 0; font-size: 16px; font-weight: 600; line-height: 1.5;}
.cms-container .cms.history .history-item .history-detail dd {margin-bottom: 0;}
.cms-container .cms.history .floating-image {position: absolute;}
.cms-container .cms.history .floating-image:nth-child(1) {top: -55px; left: 0;}
.cms-container .cms.history .floating-image:nth-child(2) {top: 360px; left: 65px;}
.cms-container .cms.history .floating-image:nth-child(3) {top: 65px; right: -65px;}

@media (max-width: 1350px) {
	.cms-container .cms.history .floating-image {max-width: 180px;}
	.cms-container .cms.history .floating-image:nth-child(2) {left: 30px; max-width: 140px;}
	.cms-container .cms.history .floating-image:nth-child(3) {top: 90px; right: 0;}
}

@media (max-width: 991px) {
	.cms-container .cms.history .history-list {
		--column-gap: 25px;
	}

	.cms-container .cms.history .history-list {padding-bottom: 60px}
	.cms-container .cms.history .history-list::before {left: 80px; transform: none;}
	.cms-container .cms.history .history-item + .history-item {margin-top: 60px;}
	.cms-container .cms.history .history-item .year {top: auto; font-size:24px;}
	.cms-container .cms.history .history-item .column-right {width:calc(100% - 80px);}
	.cms-container .cms.history .history-item .column-right::before {top: 6px; left: -6px; width: 12px; height: 12px; border-width: 2px;}
}

@media (max-width: 479px) {
	.cms-container .cms.history .history-list {
		--column-gap: 15px;
	}

	.cms-container .cms.history .history-list {padding-bottom: 30px;}
	.cms-container .cms.history .history-list::before {left: 50px; top: 4px;}
	.cms-container .cms.history .history-item + .history-item {margin-top: 30px;}
	.cms-container .cms.history .history-item .year {font-size: 16px;}
	.cms-container .cms.history .history-item .column-right {width:calc(100% - 50px)}
	.cms-container .cms.history .history-item .column-right::before {top: 4px;left: -4px; width: 8px; height: 8px;}
	.cms-container .cms.history .history-item .history-detail {font-size: 12px;}
}

/* 둘러보기 */
.cms-container .cms.interior .gallery-area { position: relative; display: flex; } 
.cms-container .cms.interior .info { position:relative; padding:60px 0 0 50px; background-color:#B79B77; } 
.cms-container .cms.interior .info .text-box { display: flex; flex-direction: column; row-gap: 70px; } 
.cms-container .cms.interior .info .title { font-size: 28px; font-weight: 300; color: #fff; } 
.cms-container .cms.interior .info .desc { font-size: 20px; font-weight: 300; color: #fff; } 

@media (min-width: 991px) {
	.cms-container .cms.interior .info .nav-box { position: absolute; bottom:30px; left:30px; display:grid; grid-template-columns:repeat(2, 1fr); column-gap: 20px; width: calc(100% - 60px);} 
	.cms-container .cms.interior .info .btn-nav { position: relative; top: auto; right: auto; left: auto; width: 100%; height: 50px; margin-top:0; border: 1px solid #fff; background: none; } 
	.cms-container .cms.interior .info .btn-nav::after { content: ''; position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; border-top: 2px solid #fff; border-left: 2px solid #fff; } 
	.cms-container .cms.interior .info .btn-prev::after { transform:translate(-50%, -50%) rotate(-45deg); } 
	.cms-container .cms.interior .info .btn-next::after { transform:translate(-50%, -50%) rotate(135deg); } 
}

@media (max-width: 991px) {
	.cms-container .cms.interior .gallery-area { flex-direction: column-reverse; } 
	.cms-container .cms.interior .info { position: static; padding: 1rem; height:80px; } 
	.cms-container .cms.interior .info .text-box { row-gap: 5px; } 
	.cms-container .cms.interior .info .title { font-size: 21px; } 
	.cms-container .cms.interior .info .desc { font-size: 16px; } 
	.cms-container .cms.interior .info .btn-prev { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; } 
	.cms-container .cms.interior .info .btn-next { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; } 
	.module-common .view_con img {max-width:100% !important;}
}

@media (max-width: 767px) {
	.cms-container .cms.interior .info .title { font-size:18px; } 
	.cms-container .cms.interior .info .desc { font-size:14px; } 
	.cms-container .cms.interior .info .btn-nav { width:14px; height:22px; background-size:100%; } 
}
@media (max-width: 991px) {
    .cms-container .cms .cms-header .cms-thin-title {
		font-weight:400;
    }
}
@media (max-width: 991.98px) {
    header#type-02 h1 img {
        zoom: .75;
    }
}
@media (max-width: 575.98px) {
    header#type-02 h1 img {
        zoom: .5;
    }
}