/*서브*/ @import url("common.css"); @keyframes lineAni { 0% {stroke-dashoffset:500;} 100% {stroke-dashoffset:0;} } .sub {background:var(--begie); overflow:hidden; position:relative; min-height:var(--nvh);} .sub section {position:relative;} .sub section > .inner {width:95%; max-width:var(--conts-w); margin:0 auto;} .sub section:last-child {padding-bottom:calc(var(--gap-80) * 2) !important;} .sub section:first-child {padding-top:var(--gap-80) !important;} .sub img.vertical {width:100%; max-width:100%; height:auto;} .sub img.horizontal {height:100%; max-height:100%; width:auto;} .sub img.basic {width:100%; max-width:100%; height:auto;} /*about*/ .about section {border-bottom:1px solid var(--main-color);} .about section:first-child {padding:var(--gap-80) 0 calc(var(--gap-80) * 0.9) 0;} /*out-belief*/ .our-belief .sec-1 .conts-box {text-align:center; color:var(--main-color); margin-bottom:var(--gap-40);} .our-belief .sec-1 .conts-box em {display:block; font-size:var(--font-28); font-weight:600; margin-bottom:var(--gap-24);} .our-belief .sec-1 .conts-box .conts {font-family:var(--Sanchez); font-size:var(--font-20);} .our-belief .sec-1 .img-box .img img {max-width:100%; display:block; margin:0 auto;} .our-belief .sec-1 .img-box .txt {font-family:var(--KoPubWorld); font-size:var(--font-14); font-weight:500; color:var(--black); margin-top:var(--gap-16); text-align:center;} @media screen and (max-width: 600px) { .our-belief .sec-1 .conts-box .conts .br {display:inline-block;} } .our-belief .sec-2 {padding:var(--gap-80) 0 calc(var(--gap-80) * 1.4) 0; text-align:center;} .our-belief .sec-2 .title-box {width:100%;} .our-belief .sec-2 .title-box > * {margin-bottom:var(--gap-24);} .our-belief .sec-2 .title-box > *:last-child {margin-bottom:0;} .our-belief .sec-2 .title-box em {display:block; font-family:var(--Sanchez); font-size:var(--font-60); font-weight:500; color:var(--main-color); line-height:0.5;} .our-belief .sec-2 .title-box span {display:block; font-family:var(--Sanchez); font-size:var(--font-28); color:var(--main-color);} .our-belief .sec-2 .title-box .icon {width:80%; max-width:380px; margin:0 auto;} .our-belief .sec-2 .conts-box {width:100%; max-width:1100px; margin:0 auto; display:flex; align-items:center; background:#fff; position:relative; overflow:hidden; margin-top:calc(var(--gap-80) * 0.9); margin-bottom:calc(var(--gap-80) * 0.8); border-radius:var(--gap-16);} .our-belief .sec-2 .conts-box:before {content:""; width:44%; height:100%; background:var(--main-color); position:absolute; left:0; top:0; z-index:0; border-radius:var(--gap-16) 0 0 var(--gap-16);} .our-belief .sec-2 .conts-box > * {position:relative; z-index:10; padding:var(--gap-60) var(--gap-40); text-align:left;} .our-belief .sec-2 .conts-box .lf-box {width:44%; color:var(--begie);} .our-belief .sec-2 .conts-box .lf-box:before {content:""; width:0; height:0; border-left:22px solid var(--main-color); border-top:15px solid transparent; border-bottom:15px solid transparent; position:absolute; right:-21px; top:50%; transform:translateY(-50%);} .our-belief .sec-2 .conts-box .lf-box .tlt {width:100%; margin-bottom:var(--gap-40);} .our-belief .sec-2 .conts-box .lf-box .tlt .logo img {display:block;} .our-belief .sec-2 .conts-box .lf-box .tlt .txt {width:100%; font-size:var(--font-16); margin-top:var(--gap-32);} .our-belief .sec-2 .conts-box .lf-box .conts {width:100%;} .our-belief .sec-2 .conts-box .lf-box .conts ul {counter-reset:num;} .our-belief .sec-2 .conts-box .lf-box .conts ul li {font-size:var(--font-20); font-weight:500; margin-top:var(--gap-16); padding-left:calc(var(--font-20) + 2px); text-indent:calc((var(--font-20) + 2px) * -1);} .our-belief .sec-2 .conts-box .lf-box .conts ul li:first-child {margin-top:0;} .our-belief .sec-2 .conts-box .lf-box .conts ul li:before {counter-increment:num; content:counter(num)". ";} .our-belief .sec-2 .conts-box .rt-box {width:56%;} .our-belief .sec-2 .conts-box .rt-box .detail-conts-wrap {width:100%;} .our-belief .sec-2 .conts-box .rt-box .detail-conts-wrap .detail-conts {width:100%; padding-left:calc(36px + var(--gap-24)); position:relative; margin-top:var(--gap-32);} .our-belief .sec-2 .conts-box .rt-box .detail-conts-wrap .detail-conts:first-child {margin-top:0;} .our-belief .sec-2 .conts-box .rt-box .detail-conts-wrap .detail-conts:before {content:""; width:36px; height:100%; background:url(/img/conts/bullet_point.svg) left top no-repeat; background-size:100% auto; position:absolute; left:0; top:2px;} .our-belief .sec-2 .conts-box .rt-box .detail-conts-wrap .detail-conts em {display:block; font-family:var(--Sanchez); font-size:var(--font-20); color:var(--main-color);} .our-belief .sec-2 .conts-box .rt-box .detail-conts-wrap .detail-conts .conts {width:100%; margin-top:var(--gap-8); font-size:var(--font-16); color:var(--black);} .our-belief .sec-2 .sub-txt {font-size:var(--font-18); font-weight:600; color:var(--main-color);} .our-belief .sec-2 .title-box .icon.aos-animate #line_illust .line {stroke-dasharray:500; stroke-dashoffset:500; animation:lineAni 1.5s linear both;} .our-belief .sec-2 .title-box .icon.aos-animate #line_illust .line-03 {animation-delay:0.5s;} .our-belief .sec-2 .title-box .icon.aos-animate #line_illust .line-04 {animation-delay:0.6s;} .our-belief .sec-2 .title-box .icon.aos-animate #line_illust .line-05 {animation-delay:0.7s;} .our-belief .sec-2 .title-box .icon.aos-animate #line_illust .line-06 {animation-delay:0.8s;} .our-belief .sec-2 .title-box .icon.aos-animate #line_illust .line-07 {animation-delay:9s;} .our-belief .sec-2 .title-box .icon.aos-animate #line_illust .line-08 {animation-delay:1s;} @media screen and (max-width: 1024px) { .our-belief .sec-2 .conts-box > * {padding:40px 30px;} } @media screen and (max-width: 768px) { .our-belief .sec-2 .conts-box {flex-wrap:wrap;} .our-belief .sec-2 .conts-box:before {display:none;} .our-belief .sec-2 .conts-box > * {padding:var(--gap-60);} .our-belief .sec-2 .conts-box .lf-box {width:100%; background:var(--main-color);} .our-belief .sec-2 .conts-box .lf-box:before {border-top:22px solid var(--main-color); border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:none; left:50%; right:auto; top:auto; bottom:-22px; transform:translateX(-50%);} .our-belief .sec-2 .conts-box .rt-box {width:100%;} } @media screen and (max-width: 600px) { .our-belief .sec-2 .sub-txt .br {display:inline-block;} } @media screen and (max-width: 480px) { .our-belief .sec-2 .conts-box > * {padding:40px 25px;} .our-belief .sec-2 .conts-box .lf-box:before {border-top-width:16px; border-left-width:12px; border-right-width:12px; bottom:-16px;} .our-belief .sec-2 .conts-box .rt-box .detail-conts-wrap .detail-conts {padding-left:calc(25px + var(--gap-24));} .our-belief .sec-2 .conts-box .rt-box .detail-conts-wrap .detail-conts:before {width:25px;} } .our-belief .sec-3 {border-bottom-color:var(--begie); background:var(--main-color);} .our-belief .sec-3 article {width:100%; padding:calc(var(--gap-80) * 0.9) 0;} .our-belief .sec-3 article:nth-child(odd) {background:var(--main-color); color:var(--begie);} .our-belief .sec-3 article:nth-child(even) {background:var(--begie); color:var(--main-color);} .our-belief .sec-3 article > .wrap {width:95%; max-width:var(--conts-w); margin:0 auto;} .our-belief .sec-3 article .conts-wrap {width:100%; display:flex;} .our-belief .sec-3 article .conts-wrap > * {width:50%; position:relative;} .our-belief .sec-3 article .conts-wrap .lf-box {padding-top:var(--gap-60); text-align:center;} .our-belief .sec-3 article .conts-wrap .lf-box .box-wrap {padding:0 var(--gap-24);} .our-belief .sec-3 article .conts-wrap .lf-box em {display:block; font-family:var(--Sanchez); font-size:var(--font-50); line-height:0.8; margin-bottom:var(--gap-40);} .our-belief .sec-3 article .conts-wrap .lf-box .icon {width:60%; max-width:302px; margin:0 auto;} .our-belief .sec-3 article .conts-wrap .lf-box span {display:block; font-family:var(--Sanchez); font-size:var(--font-24); margin-top:var(--gap-40);} .our-belief .sec-3 article .conts-wrap .rt-box .img-box img {display:block; max-width:100%; margin:0 auto;} .our-belief .sec-3 article .conts-wrap .rt-box .conts-box {width:100%; margin-top:var(--gap-40); letter-spacing:0;} .our-belief .sec-3 article .conts-wrap .rt-box .conts-box em {display:block; font-size:var(--font-20); font-weight:600; margin-bottom:var(--gap-24);} .our-belief .sec-3 article .conts-wrap .rt-box .conts-box .conts {font-size:var(--font-18);} .our-belief .sec-3 article .conts-wrap .rt-box .conts-box .conts span {font-weight:600;} @media screen and (max-width: 900px) { .our-belief .sec-3 article .conts-wrap {flex-wrap:wrap; gap:var(--gap-40);} .our-belief .sec-3 article .conts-wrap > * {width:100%;} .our-belief .sec-3 article .conts-wrap .lf-box {padding-top:0;} .our-belief .sec-3 article .conts-wrap .rt-box .conts-box {max-width:642px; margin-left:auto; margin-right:auto;} } .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust01 .line {stroke-dasharray:500; stroke-dashoffset:500; animation:lineAni 1.5s linear both;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust01 .ilust-line-0103 {animation-delay:0.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust01 .ilust-line-0104 {animation-delay:0.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust01 .ilust-line-0106 {animation-delay:0.4s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust01 .ilust-line-0108 {animation-delay:0.5s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust01 .ilust-line-0110 {animation-delay:0.6s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust01 .ilust-line-0102 {animation-delay:0.7s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust01 .ilust-line-0105 {animation-delay:0.8s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust01 .ilust-line-0107 {animation-delay:0.9s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust01 .ilust-line-0109 {animation-delay:1s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust01 .ilust-line-0111 {animation-delay:1.1s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust02 .line {stroke-dasharray:500; stroke-dashoffset:500; animation:lineAni 1.5s linear both;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust02 .ilust-line-0201 {animation-delay:0.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust02 .ilust-line-0208 {animation-delay:0.5s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust02 .ilust-line-0209 {animation-delay:0.5s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust02 .ilust-line-0210 {animation-delay:0.6s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust02 .ilust-line-0202 {animation-delay:0.6s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust02 .ilust-line-0203 {animation-delay:0.9s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust02 .ilust-line-0206 {animation-delay:0.7s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust02 .ilust-line-0207 {animation-delay:1s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust02 .ilust-line-0204 {animation-delay:0.8s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust02 .ilust-line-0205 {animation-delay:1.1s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust03 .line {stroke-dasharray:500; stroke-dashoffset:500; animation:lineAni 1.5s linear both;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust03 .ilust-line-0309 {animation-delay:0.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust03 .ilust-line-0301 {animation-delay:0.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust03 .ilust-line-0307 {animation-delay:0.4s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust03 .ilust-line-0306 {animation-delay:0.5s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust03 .ilust-line-0305 {animation-delay:0.6s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust03 .ilust-line-0304 {animation-delay:0.7s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust03 .ilust-line-0303 {animation-delay:0.8s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust03 .ilust-line-0302 {animation-delay:1.1s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust04 .line {stroke-dasharray:500; stroke-dashoffset:500; animation:lineAni 1.5s linear both;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust04 .ilust-line-0403 {animation-delay:0.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust04 .ilust-line-0404 {animation-delay:0.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust04 .ilust-line-0406 {animation-delay:0.5s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust04 .ilust-line-0405 {animation-delay:0.9s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust04 .ilust-line-0409 {animation-delay:1.2s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust04 .ilust-line-0407 {animation-delay:1.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust04 .ilust-line-0410 {animation-delay:1.4s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust04 .ilust-line-0408 {animation-delay:1.5s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust05 .line {stroke-dasharray:500; stroke-dashoffset:500; animation:lineAni 1.5s linear both;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust05 .ilust-line-0503 {animation-delay:0.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust05 .ilust-line-0508 {animation-delay:0.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust05 .ilust-line-0509 {animation-delay:0.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust05 .ilust-line-0507 {animation-delay:0.3s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust05 .ilust-line-0504 {animation-delay:0.5s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust05 .ilust-line-0512 {animation-delay:0.8s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust05 .ilust-line-0505 {animation-delay:0.6s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust05 .ilust-line-0510 {animation-delay:0.9s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust05 .ilust-line-0506 {animation-delay:0.7s;} .our-belief .sec-3 article .conts-wrap .lf-box .icon.aos-animate #illust05 .ilust-line-0511 {animation-delay:1.0s;} /*our-story*/ .our-story section:nth-child(n+2) {padding:var(--gap-80) 0 calc(var(--gap-80) * 0.9) 0;} .our-story section .com-form-wrap {width:95%; max-width:var(--conts-w); margin:0 auto;} .our-story section .com-form-wrap .title-box {width:100%; text-align:center; color:var(--main-color);} .our-story section .com-form-wrap .title-box .tlt {font-family:var(--Sanchez); font-size:var(--font-24);} .our-story section .com-form-wrap .title-box .year {width:100%; display:block; margin-top:var(--gap-32); font-size:var(--font-24); font-weight:600;} .our-story section .com-form-wrap .conts-box {width:90%; max-width:880px; margin:0 auto; margin-top:var(--gap-40); font-size:var(--font-18); color:var(--black);} .our-story section .com-form-wrap .img-conts-wrap {width:100%; max-width:984px; margin:0 auto; margin-top:var(--gap-40); display:flex; gap:var(--gap-32) var(--gap-8); flex-wrap:wrap;} .our-story section .com-form-wrap .img-conts-wrap .img-conts {width:calc((100% - (var(--gap-8) * 3)) / 4);} .our-story section .com-form-wrap .img-conts-wrap .img-conts .img-box {width:100%;} .our-story section .com-form-wrap .img-conts-wrap .img-conts .img-box img {display:block; margin:0 auto; max-width:100%;} .our-story section .com-form-wrap .img-conts-wrap .img-conts .conts {width:100%; margin-top:var(--gap-16); font-family:var(--KoPubWorld); font-size:var(--font-14); color:var(--black); text-align:center; padding:0 var(--gap-16);} @media screen and (max-width: 768px) { .our-story section .com-form-wrap .img-conts-wrap .img-conts {width:calc((100% - (var(--gap-8) * 2)) / 3);} } @media screen and (max-width: 480px) { .our-story section .com-form-wrap .img-conts-wrap .img-conts {width:calc((100% - var(--gap-8)) / 2);} } .our-story .sec-1 .conts-box {text-align:center;} .our-story .sec-1 .conts-box .conts {font-family:var(--Sanchez); font-size:var(--font-18); color:var(--main-color);} .our-story .sec-1 .conts-box > span {display:block; font-family:var(--KoPubWorld); font-size:var(--font-14); color:var(--black); margin-top:var(--gap-32);} .our-story .sec-1 .button-box {width:100%; max-width:600px; margin:0 auto; margin-top:var(--gap-60); overflow:hidden; position:relative;} .our-story .sec-1 .button-box:before, .our-story .sec-1 .button-box:after {content:""; width:100%; height:4px; background:var(--main-color); position:absolute; left:0;} .our-story .sec-1 .button-box:before {top:0;} .our-story .sec-1 .button-box:after {bottom:0;} .our-story .sec-1 .button-box .button-wrap {width:98%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; border:2px solid var(--main-color);} .our-story .sec-1 .button-box .button-wrap:before, .our-story .sec-1 .button-box .button-wrap:after {content:""; width:105%; height:4px; background:var(--main-color); position:absolute;} .our-story .sec-1 .button-box .button-wrap:before {left:50%; top:50%; transform:translate(-50%,-50%);} .our-story .sec-1 .button-box .button-wrap:after {display:none;} .our-story .sec-1 .button-box .button-wrap a {flex-basis:33.33%; flex-grow:1; height:70px; box-sizing:border-box; border:2px solid var(--main-color); display:flex; align-items:center; justify-content:center; font-size:var(--font-20); font-weight:600; color:var(--main-color); transition:background 0.5s ease-in-out;} .our-story .sec-1 .button-box .button-wrap a span {padding-right:calc(var(--gap-8) + 16px); position:relative;} .our-story .sec-1 .button-box .button-wrap a span:after {content:""; width:16px; height:16px; border-radius:50%; box-sizing:border-box; border:1px solid var(--main-color); background:url(/img/com/arrow_right_on.svg) center no-repeat; background-size:auto 8px; position:absolute; right:0; top:50%; transform:translateY(-50%);} .our-story .sec-1 .button-box .button-wrap a:nth-child(1) {background:#A5BDA5;} .our-story .sec-1 .button-box .button-wrap a:nth-child(2) {background:#B7CAB7;} .our-story .sec-1 .button-box .button-wrap a:nth-child(3) {background:#C9D7C8;} .our-story .sec-1 .button-box .button-wrap a:nth-child(4) {background:#C9D7C8;} .our-story .sec-1 .button-box .button-wrap a:nth-child(5) {background:#E4EBE4;} .our-story .sec-1 .button-box .button-wrap a:nth-child(6) {background:#F6F8F5;} .our-story .sec-1 .button-box .button-wrap a:hover {background:#6F9570; color:var(--begie);} .our-story .sec-1 .button-box .button-wrap a:hover span:after {border-color:var(--beige); background-image:url(/img/com/arrow_right.svg);} @media screen and (max-width: 768px) { .our-story .sec-1 .conts-box .conts .br {display:inline-block;} } @media screen and (max-width: 480px) { .our-story .sec-1 .button-box .button-wrap a {flex-basis:50%; height:60px;} .our-story .sec-1 .button-box .button-wrap:before, .our-story .sec-1 .button-box .button-wrap:after {left:50%; transform:translateX(-50%);} .our-story .sec-1 .button-box .button-wrap:before {top:60px;} .our-story .sec-1 .button-box .button-wrap:after {top:120px; display:block;} } .our-story .sec-6 .com-form-wrap .img-conts-wrap {justify-content:center;} /*out view*/ .our-view section {padding:calc(var(--gap-80) * 1.2) 0;} .our-view section:nth-child(even) {background:#6F9570;} .our-view section > .inner {max-width:900px;} .our-view section article {width:100%; margin-top:calc(var(--gap-60) * 0.8);} .our-view section article:nth-child(1) {margin-top:0;} .our-view .sec-1 .main-conts {width:90%; max-width:780px; margin:0 auto;} .our-view .sec-1 .main-conts h2 {font-size:var(--font-28); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-40); text-align:center;} .our-view .sec-1 .main-conts .conts {font-family:var(--Sanchez); font-size:var(--font-18);} .our-view .sec-1 .main-conts .conts span {color:var(--main-color);} .our-view .sec-1 .bg-box {width:100%; background:#fff; padding:var(--gap-40) var(--gap-60); border-radius:8px;} .our-view .sec-1 .bg-box h3 {font-size:var(--font-20); color:var(--main-color); margin-bottom:var(--gap-24); text-align:center;} .our-view .sec-1 .bg-box .conts {font-size:var(--font-16); text-align:center;} .our-view .sec-1 .bg-box .conts span {color:var(--font-14); color:var(--main-color);} .our-view .sec-1 .bg-box .button-wrap {width:100%; margin:var(--gap-24) 0 var(--gap-16) 0; display:flex; padding:0 13px; align-items:center; border:solid var(--main-color); border-width:6px 0; position:relative;} .our-view .sec-1 .bg-box .button-wrap:before, .our-view .sec-1 .bg-box .button-wrap:after {content:""; width:6px; height:100%; background:var(--main-color); position:absolute; top:0; z-index:11;} .our-view .sec-1 .bg-box .button-wrap:before {left:10px;} .our-view .sec-1 .bg-box .button-wrap:after {right:10px;} .our-view .sec-1 .bg-box .button-wrap .button {flex-grow:1; width:33.33%; position:relative; height:88px; z-index:10; cursor:pointer;} .our-view .sec-1 .bg-box .button-wrap .button:before {content:""; width:6px; height:100%; background:var(--main-color); position:absolute; left:-3px; top:0; z-index:10;} .our-view .sec-1 .bg-box .button-wrap .button:first-child:before {display:none;} .our-view .sec-1 .bg-box .button-wrap .button .bg-obj {width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; display:flex; align-items:center; transition:opacity 0.5s ease-in-out;} .our-view .sec-1 .bg-box .button-wrap .button .bg-obj span {flex:1; display:block; height:100%; position:relative; z-index:0;} .our-view .sec-1 .bg-box .button-wrap .button .button-conts {width:100%; height:100%; position:relative; z-index:12; display:flex; align-items:center; justify-content:center;} .our-view .sec-1 .bg-box .button-wrap .button .button-conts em {display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:var(--main-color); text-align:center; font-family:var(--Sanchez); font-size:var(--font-18); color:#fff; margin:0 auto;} .our-view .sec-1 .bg-box .button-wrap .button .button-conts span {display:block; text-align:center; margin-top:var(--gap-8); font-size:var(--font-16); font-weight:600; color:var(--main-color);} .our-view .sec-1 .bg-box .button-wrap .button:hover .bg-obj {opacity:0.5;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(1) .bg-obj span:nth-child(1) {background:#6F9570;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(1) .bg-obj span:nth-child(2) {background:#93AF94;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(1) .bg-obj span:nth-child(3) {background:#B7CAB7;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(1) .bg-obj span:nth-child(4) {background:#DBE4DB;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(2) .bg-obj span:nth-child(1) {background:#DAC55D;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(2) .bg-obj span:nth-child(2) {background:#E7D89A;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(2) .bg-obj span:nth-child(3) {background:#EEE3B9;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(2) .bg-obj span:nth-child(4) {background:#F5EFD9;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(3) .bg-obj span:nth-child(1) {background:#C1D6DF;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(3) .bg-obj span:nth-child(2) {background:#CEDEE4;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(3) .bg-obj span:nth-child(3) {background:#DEE8EC;} .our-view .sec-1 .bg-box .button-wrap .button:nth-child(3) .bg-obj span:nth-child(4) {background:#EDF1F4;} .our-view .sec-1 .sub-conts {width:90%; max-width:780px; margin:0 auto;} .our-view .sec-1 .sub-conts .conts {font-size:var(--font-18); margin-bottom:var(--gap-32); letter-spacing:0.2px;} .our-view .sec-1 .sub-conts .conts span {font-weight:600;} .our-view .sec-1 .sub-conts a {font-size:var(--font-16); color:var(--main-color);} @media screen and (max-width: 768px) { .our-view .sec-1 .bg-box .button-wrap {flex-wrap:wrap;} .our-view .sec-1 .bg-box .button-wrap .button {width:100%;} .our-view .sec-1 .bg-box .button-wrap .button:before {display:block; width:calc(100% + 20px); height:6px; left:50%; top:-3px; transform:translateX(-50%);} .our-view .sec-1 .bg-box .button-wrap .button .button-conts em {width:30px; height:30px;} } @media screen and (max-width: 600px) { .our-view .sec-1 .main-conts h2 .br {display:inline-block;} } @media screen and (max-width: 480px) { .our-view .sec-1 .bg-box .conts span {display:block;} .our-view .sec-1 .bg-box .conts .blank {display:block;} } .our-view .sec-2 .main-conts {color:var(--begie);} .our-view .sec-2 .main-conts h2 {font-size:var(--font-28); font-weight:600; text-align:center; color:var(--begie); margin-bottom:var(--gap-40);} .our-view .sec-2 .main-conts .conts {font-family:var(--Sanchez); font-size:var(--font-18);} .our-view .sec-2 .bg-box {width:100%; background:#fff; padding:var(--gap-60) var(--gap-40); border-radius:8px;} .our-view .sec-2 .bg-box .timeline-area {width:100%; position:relative;} .our-view .sec-2 .bg-box .timeline-area:before {content:""; width:100%; height:6px; background:rgb(218,197,93); background:linear-gradient(90deg, rgba(218,197,93,1) 0%, rgba(218,197,93,1) 60%, rgba(179,205,216,1) 63%, rgba(179,205,216,1) 100%); position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:10;} .our-view .sec-2 .bg-box .timeline-area .timeline-wrap {width:100%; height:200px; display:flex; position:relative; z-index:9;} .our-view .sec-2 .bg-box .timeline-area .timeline-wrap .timeline-box {width:100%; height:100%; padding:var(--gap-32) var(--gap-16);} .our-view .sec-2 .bg-box .timeline-area .timeline-wrap .timeline-box h3 {font-size:var(--font-16); font-weight:600; font-style:italic; text-align:center;} .our-view .sec-2 .bg-box .timeline-area .timeline-wrap .timeline-box.lf {width:63%; background:#F9F4E0;} .our-view .sec-2 .bg-box .timeline-area .timeline-wrap .timeline-box.lf h3 {color:#DAC55D;} .our-view .sec-2 .bg-box .timeline-area .timeline-wrap .timeline-box.rt {width:37%; background:#EDF2F5;} .our-view .sec-2 .bg-box .timeline-area .timeline-wrap .timeline-box.rt h3 {color:#B3CDD8;} .our-view .sec-2 .bg-box .timeline-area .line-box {position:absolute; height:60px; z-index:12; border:dashed var(--main-color);} .our-view .sec-2 .bg-box .timeline-area .line-box:before, .our-view .sec-2 .bg-box .timeline-area .line-box:after {content:""; width:1px; height:100%; box-sizing:border-box; border:dashed var(--main-color); border-width:0 0 0 1px; position:absolute; bottom:0;} .our-view .sec-2 .bg-box .timeline-area .line-box:before {left:0;} .our-view .sec-2 .bg-box .timeline-area .line-box:after {right:0;} .our-view .sec-2 .bg-box .timeline-area .line-box > .wrap {width:100%; height:100%; position:relative;} .our-view .sec-2 .bg-box .timeline-area .line-box > .wrap:before, .our-view .sec-2 .bg-box .timeline-area .line-box > .wrap:after {content:""; width:6px; height:6px; border-radius:50%; background:var(--main-color); position:absolute; bottom:0;} .our-view .sec-2 .bg-box .timeline-area .line-box > .wrap:before {left:-3px;} .our-view .sec-2 .bg-box .timeline-area .line-box > .wrap:after {right:-3px;} .our-view .sec-2 .bg-box .timeline-area .line-box .label {height:32px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:var(--font-16); font-weight:600; color:#fff; padding:0 var(--gap-16); background:var(--main-color); position:absolute; left:50%; transform:translateX(-50%); border-radius:4px;} .our-view .sec-2 .bg-box .timeline-area .line-box.health-care {width:100%; left:0; top:0; border-width:1px 0 0 0;} .our-view .sec-2 .bg-box .timeline-area .line-box.health-care > .wrap:before, .our-view .sec-2 .bg-box .timeline-area .line-box.health-care > .wrap:after {bottom:0;} .our-view .sec-2 .bg-box .timeline-area .line-box.health-care .label {top:-16px;} .our-view .sec-2 .bg-box .timeline-area .line-box.maternity-care {width:50%; right:37%; bottom:0; border-width:0 0 1px 0;} .our-view .sec-2 .bg-box .timeline-area .line-box.maternity-care > .wrap:before, .our-view .sec-2 .bg-box .timeline-area .line-box.maternity-care > .wrap:after {top:0;} .our-view .sec-2 .bg-box .timeline-area .line-box.maternity-care .label {bottom:-16px;} .our-view .sec-2 .bg-box .timeline-area .mark-area {width:100%; height:40px; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:13;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap {width:100%; height:100%; position:relative;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box {position:absolute; top:0; width:16.75%; height:100%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box .mark {display:block; width:6px; height:100%; background:black;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box .percent {font-size:var(--font-14); font-weight:600; width:30px; text-align:center; transform:translateX(-12px);} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="0"] {left:0;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="0"] .mark {background:#DAC55D;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="0"] .percent {color:#DAC55D; visibility:hidden;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="20"] {left:15.7%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="20"] .mark {background:#DAC55D;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="20"] .percent {color:#DAC55D;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="30"] {left:31.4%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="30"] .mark {background:#DAC55D;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="30"] .percent {color:#DAC55D; visibility:hidden;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="40"] {left:47.1%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="40"] .mark {background:#DAC55D;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="40"] .percent {color:#DAC55D;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="50"] {left:62.8%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="50"] .mark {background:#B3CDD8;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="50"] .percent {color:#B3CDD8; visibility:hidden;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="60"] {left:78.5%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="60"] .mark {background:#B3CDD8;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="60"] .percent {color:#B3CDD8;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="70"] {left:94.2%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="70"] .mark {background:#B3CDD8;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="70"] .percent {color:#B3CDD8; visibility:hidden;} .our-view .sec-2 .bg-box .timeline-area .mark-area .label-area {width:100%; margin-top:24px;} .our-view .sec-2 .bg-box .timeline-area .mark-area .label-area .label-wrap {width:100%; display:flex; align-items:center; justify-content:space-between;} .our-view .sec-2 .bg-box .timeline-area .mark-area .label-area .label-wrap span {font-size:var(--font-14); font-style:italic; color:var(--main-color);} @media screen and (max-width: 768px) { .our-view .sec-2 .bg-box .timeline-area:before {width:6px; height:100%; left:50%; top:0; transform:translateX(-50%); background:rgb(218,197,93); background:linear-gradient(180deg, rgba(218,197,93,1) 0%, rgba(218,197,93,1) 50%, rgba(179,205,216,1) 62%, rgba(179,205,216,1) 100%);} .our-view .sec-2 .bg-box .timeline-area .timeline-wrap {height:520px; flex-wrap:wrap;} .our-view .sec-2 .bg-box .timeline-area .timeline-wrap .timeline-box h3 {width:50%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center;} .our-view .sec-2 .bg-box .timeline-area .timeline-wrap .timeline-box.lf {width:100%; height:320px;} .our-view .sec-2 .bg-box .timeline-area .timeline-wrap .timeline-box.rt {width:100%; height:200px;} .our-view .sec-2 .bg-box .timeline-area .line-box {width:60px !important;} .our-view .sec-2 .bg-box .timeline-area .line-box:before, .our-view .sec-2 .bg-box .timeline-area .line-box:after {width:100%; height:1px; border-width:1px 0 0 0;} .our-view .sec-2 .bg-box .timeline-area .line-box .label {width:max-content;} .our-view .sec-2 .bg-box .timeline-area .line-box.health-care {height:100%; border-width:0 1px 0 0; left:auto; right:0;} .our-view .sec-2 .bg-box .timeline-area .line-box.health-care:before {left:0; bottom:auto; top:0;} .our-view .sec-2 .bg-box .timeline-area .line-box.health-care > .wrap:before {left:0; bottom:auto; top:-2px;} .our-view .sec-2 .bg-box .timeline-area .line-box.health-care > .wrap:after {left:0; bottom:-2px;} .our-view .sec-2 .bg-box .timeline-area .line-box.health-care .label {left:auto; right:-10px; transform:none; top:50%;} .our-view .sec-2 .bg-box .timeline-area .line-box.maternity-care {height:47%; right:auto; left:0; bottom:auto; top:15%; border-width:0 0 0 1px;} .our-view .sec-2 .bg-box .timeline-area .line-box.maternity-care:before {left:0; bottom:auto; top:0;} .our-view .sec-2 .bg-box .timeline-area .line-box.maternity-care > .wrap:before {left:auto; right:0; bottom:auto; top:-2px;} .our-view .sec-2 .bg-box .timeline-area .line-box.maternity-care > .wrap:after {left:auto; right:0; top:auto; bottom:-2px;} .our-view .sec-2 .bg-box .timeline-area .line-box.maternity-care .label {left:-10px; top:50%; transform:translateY(-50%);} .our-view .sec-2 .bg-box .timeline-area .mark-area {width:40px; height:100%; left:50%; top:0; transform:translateX(-50%);} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box {width:100%; height:auto; left:0 !important;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box .mark {width:100%; height:6px;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box .percent {position:absolute; right:-35px; top:50%; transform:translateY(-50%);} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="20"] {top:15.3%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="30"] {top:30.6%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="40"] {top:45.9%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="50"] {top:61.2%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="60"] {top:76.5%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .mark-wrap .mark-box[data-percent="70"] {top:91.8%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .label-area {position:absolute; top:0; left:70px; margin-top:0; height:100%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .label-area .label-wrap {width:max-content; flex-wrap:wrap; height:100%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .label-area .label-wrap span {display:block; width:100%;} .our-view .sec-2 .bg-box .timeline-area .mark-area .label-area .label-wrap span:nth-child(1) {transform:translateY(-20px);} .our-view .sec-2 .bg-box .timeline-area .mark-area .label-area .label-wrap span:nth-child(3) {transform:translateY(40px);} .our-view .sec-2 .bg-box .timeline-area .mark-area .label-area .label-wrap span:nth-child(4) {transform:translateY(25px);} } @media screen and (max-width: 480px) { .our-view .sec-2 .bg-box .timeline-area .timeline-wrap .timeline-box h3 {font-size:11px;} .our-view .sec-2 .bg-box .timeline-area .line-box .label {font-size:11px;} .our-view .sec-2 .bg-box .timeline-area .mark-area .label-area {left:60px;} .our-view .sec-2 .bg-box .timeline-area .mark-area .label-area .label-wrap span {font-size:10px;} } .our-view .sec-2 .sub-conts {width:100%; display:flex; gap:0 40px;} .our-view .sec-2 .sub-conts .sub-conts-box {width:calc(100% - 40px); background:var(--begie);} .our-view .sec-2 .sub-conts .sub-conts-box .title-box {width:100%; height:160px; background-size:cover; background-repeat:no-repeat; background-position:center; padding:var(--gap-32) var(--gap-24); display:flex; align-items:flex-end;} .our-view .sec-2 .sub-conts .sub-conts-box .title-box h3 {font-size:var(--font-20); font-weight:600; color:var(--begie);} .our-view .sec-2 .sub-conts .sub-conts-box:nth-child(1) .title-box {background-image:url(/img/conts/our_view_01.png);} .our-view .sec-2 .sub-conts .sub-conts-box:nth-child(2) .title-box {background-image:url(/img/conts/our_view_02.png);} .our-view .sec-2 .sub-conts .sub-conts-box .conts {width:100%; height:370px; padding:var(--gap-32); position:relative;} .our-view .sec-2 .sub-conts .sub-conts-box .conts h4 {font-size:var(--font-18); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-16);} .our-view .sec-2 .sub-conts .sub-conts-box .conts .txt {font-size:var(--font-16);} .our-view .sec-2 .sub-conts .sub-conts-box .conts a.more {width:120px; height:40px; display:flex; align-items:center; justify-content:center; font-family:var(----KoPubWorld); font-size:var(--font-16); font-weight:700; color:var(--begie); background:var(--main-color); transition:background 0.3s ease-in-out; position:absolute; left:50%; bottom:var(--gap-32); transform:translateX(-50%); border-radius:4px;} .our-view .sec-2 .sub-conts .sub-conts-box .conts a.more:hover {background:var(--darkgreen);} @media screen and (max-width: 900px) { .our-view .sec-2 .sub-conts .sub-conts-box .conts {height:400px;} } @media screen and (max-width: 768px) { .our-view .sec-2 .sub-conts {gap:0 30px;} .our-view .sec-2 .sub-conts .sub-conts-box {width:calc(100% - 30px);} .our-view .sec-2 .sub-conts .sub-conts-box .title-box {height:140px;} .our-view .sec-2 .sub-conts .sub-conts-box .conts {height:380px;} } @media screen and (max-width: 600px) { .our-view .sec-2 .sub-conts {flex-wrap:wrap; gap:var(--gap-40);} .our-view .sec-2 .sub-conts .sub-conts-box {width:100%;} .our-view .sec-2 .sub-conts .sub-conts-box .conts {height:auto;} .our-view .sec-2 .sub-conts .sub-conts-box .conts .txt {min-height:150px;} .our-view .sec-2 .sub-conts .sub-conts-box .conts a.more {position:relative; left:auto; bottom:auto; transform:none; margin:0 auto; margin-top:var(--gap-24);} } @media screen and (max-width: 480px) { .our-view .sec-2 .sub-conts .sub-conts-box .conts a.more {width:100px;} } .our-view .sec-3 > .inner {max-width:1100px;} .our-view .sec-3 .conts-1 {width:90%; max-width:780px; margin:0 auto;} .our-view .sec-3 .conts-1 .tlt {height:40px; background:#fff; border:1px solid var(--main-color); padding:0 var(--gap-24); display:flex; align-items:center; justify-content:center; text-align:center; font-size:var(--font-20); font-weight:600; color:var(--main-color); margin:0 auto; width:max-content; border-radius:4px;} .our-view .sec-3 .conts-1 .conts {font-size:var(--font-18); margin-top:var(--gap-40); text-align:center;} .our-view .sec-3 .conts-2 {width:100%; overflow-x:auto; overflow-y:hidden; position:relative;} .our-view .sec-3 .conts-2::-webkit-scrollbar {height:5px; border-radius:10px;} .our-view .sec-3 .conts-2::-webkit-scrollbar-thumb {background:rgba(75,122,76,0.5);} .our-view .sec-3 .conts-2 .bg-box {width:70%; max-width:780px; height:100%; margin:0 auto; background:#fff; border:dashed var(--main-color); border-width:0 1px; padding:var(--gap-24) 0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; z-index:0;} .our-view .sec-3 .conts-2 .conts-wrap {width:100%; min-width:900px; position:relative; z-index:10; padding:var(--gap-24) 0;} .our-view .sec-3 .conts-2 .title {width:70%; max-width:780px; position:relative; margin:0 auto; text-align:center;} .our-view .sec-3 .conts-2 .title:before {content:""; width:100%; height:2px; background:var(--main-color); position:absolute; left:0; top:50%; transform:translateY(-50%);} .our-view .sec-3 .conts-2 .title > .wrap {width:100%; position:relative;} .our-view .sec-3 .conts-2 .title > .wrap:before, .our-view .sec-3 .conts-2 .title > .wrap:after {content:""; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; position:absolute; top:50%; transform:translateY(-50%);} .our-view .sec-3 .conts-2 .title > .wrap:before {border-right:8px solid var(--main-color); left:0;} .our-view .sec-3 .conts-2 .title > .wrap:after {border-left:8px solid var(--main-color); right:0;} .our-view .sec-3 .conts-2 .title span {background:#fff; padding:0 var(--gap-16); font-size:var(--font-18); font-weight:600; font-style:italic; color:var(--main-color);} .our-view .sec-3 .conts-2 .label {width:100%; display:flex; align-items:center; gap:0 var(--gap-8); justify-content:space-between; font-size:var(--font-16); font-style:italic; color:var(--main-color); margin-top:var(--gap-32); position:relative; z-index:10;} .our-view .sec-3 .conts-2 .step {width:82%; max-width:900px; margin:0 auto; margin-top:var(--gap-16); position:relative;} .our-view .sec-3 .conts-2 .step .step-wrap {width:100%; position:relative; display:flex; align-items:center;} .our-view .sec-3 .conts-2 .step .step-wrap:before {content:""; width:100%; height:6px; background:var(--main-color); position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:10;} .our-view .sec-3 .conts-2 .step .step-wrap:after {content:""; width:6px; height:100%; background:var(--main-color); position:absolute; right:-3px; top:0;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box {width:33.33%; height:50px; position:relative;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:before {content:""; width:6px; height:100%; background:var(--main-color); position:absolute; left:-3px; top:0; z-index:10;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box .bg {position:absolute; left:0; top:5px; width:100%; height:calc(50% - 5px); display:flex; align-items:center; z-index:0;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box .bg span {flex:1; height:100%; display:block;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box .num {width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:var(--font-14); color:#EEEEEF; font-family:var(--Sanchez); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:11; background:var(--main-color);} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(1) .bg span:nth-child(1) {background:#6F9570;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(1) .bg span:nth-child(2) {background:#93AF94;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(1) .bg span:nth-child(3) {background:#B7CAB7;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(1) .bg span:nth-child(4) {background:#DBE4DB;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(2) .bg span:nth-child(1) {background:#DAC55D;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(2) .bg span:nth-child(2) {background:#E7D89A;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(2) .bg span:nth-child(3) {background:#EEE3B9;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(2) .bg span:nth-child(4) {background:#F5EFD9;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(3) .bg span:nth-child(1) {background:#C1D6DF;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(3) .bg span:nth-child(2) {background:#CEDEE4;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(3) .bg span:nth-child(3) {background:#DEE8EC;} .our-view .sec-3 .conts-2 .step .step-wrap .step-box:nth-child(3) .bg span:nth-child(4) {background:#EDF1F4;} .our-view .sec-3 .conts-2 .step .step-conts {width:100%; display:flex; align-items:center; justify-content:center; margin-top:var(--gap-8);} .our-view .sec-3 .conts-2 .step .step-conts .conts {width:33.33%; padding:0 6px; font-size:var(--font-16); font-weight:600; color:var(--main-color); position:relative;} .our-view .sec-3 .conts-2 .step .step-conts .conts:before, .our-view .sec-3 .conts-2 .step .step-conts .conts:after {content:""; width:1px; height:4px; box-sizing:border-box; border-left:1px solid #A4BCA5; position:absolute; top:calc(50% - 1px); transform:translateY(-50%);} .our-view .sec-3 .conts-2 .step .step-conts .conts:before {left:6px;} .our-view .sec-3 .conts-2 .step .step-conts .conts:after {right:6px;} .our-view .sec-3 .conts-2 .step .step-conts .conts > .wrap {width:100%; text-align:center; overflow:hidden;} .our-view .sec-3 .conts-2 .step .step-conts .conts > .wrap span {position:relative;} .our-view .sec-3 .conts-2 .step .step-conts .conts > .wrap span:before, .our-view .sec-3 .conts-2 .step .step-conts .conts > .wrap span:after {content:""; width:300%; height:1px; box-sizing:border-box; border-top:1px solid #A4BCA5; position:absolute; top:50%; transform:translateY(-50%);} .our-view .sec-3 .conts-2 .step .step-conts .conts > .wrap span:before {left:calc((300% + var(--gap-16)) * -1);} .our-view .sec-3 .conts-2 .step .step-conts .conts > .wrap span:after {right:calc((300% + var(--gap-16)) * -1);} .our-view .sec-3 .conts-2 .conts-box-1 {width:100%; display:flex; align-items:center; justify-content:space-between; margin-top:var(--gap-16);} .our-view .sec-3 .conts-2 .conts-box-1 span {font-size:var(--font-16); font-weight:600; font-style:italic; color:var(--main-color); width:15%;} .our-view .sec-3 .conts-2 .conts-box-1 span:first-child {text-align:right; padding-right:var(--gap-16);} .our-view .sec-3 .conts-2 .conts-box-1 span:last-child {padding-left:var(--gap-16);} .our-view .sec-3 .conts-2 .line-box {width:100%; margin-top:var(--gap-16); position:relative;} .our-view .sec-3 .conts-2 .line-box > span {font-size:var(--font-16); color:var(--main-color); font-style:italic; position:absolute; top:50%; transform:translateY(-50%); display:block; width:15%; letter-spacing:-0.5px;} .our-view .sec-3 .conts-2 .line-box > span:first-child {left:0; text-align:right; padding-right:var(--gap-16);} .our-view .sec-3 .conts-2 .line-box > span:last-child {right:0; padding-left:var(--gap-16);} .our-view .sec-3 .conts-2 .line-box .line-area {width:70%; max-width:760px; margin:0 auto; position:relative;} .our-view .sec-3 .conts-2 .line-box .line-area:before {content:""; width:100%; height:1px; box-sizing:border-box; border-top:1px solid var(--main-color); position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:10;} .our-view .sec-3 .conts-2 .line-box .line-area > .wrap {width:100%; position:relative;} .our-view .sec-3 .conts-2 .line-box .line-area > .wrap:before, .our-view .sec-3 .conts-2 .line-box .line-area > .wrap:after {content:""; width:0; height:0; border-top:3px solid transparent; border-bottom:3px solid transparent; position:absolute; top:50%; transform:translateY(-50%);} .our-view .sec-3 .conts-2 .line-box .line-area > .wrap:before {border-right:7px solid var(--main-color); left:0;} .our-view .sec-3 .conts-2 .line-box .line-area > .wrap:after {border-left:7px solid var(--main-color); right:0;} .our-view .sec-3 .conts-2 .line-box .line-area > .wrap span {display:flex; align-items:center; justify-content:center; width:max-content; height:32px; border:1px solid var(--main-color); background:#fff; font-size:var(--font-16); font-weight:600; color:var(--main-color); padding:0 var(--gap-16); position:relative; z-index:11; margin:0 auto; border-radius:4px;} .our-view .sec-3 .conts-3 {width:90%; max-width:760px; margin:0 auto;} .our-view .sec-3 .conts-3 .conts-box {width:100%; margin-top:calc(var(--gap-60) * 0.8); font-size:var(--font-18);} .our-view .sec-3 .conts-3 .conts-box:nth-child(1) {margin-top:0;} .our-view .sec-3 .conts-3 .conts-box ul.number {counter-reset:number;} .our-view .sec-3 .conts-3 .conts-box ul.number li {font-size:var(--font-18); font-weight:600; color:var(--main-color); letter-spacing:0; padding-left:calc(var(--font-16) + 2px); text-indent:calc((var(--font-16) + 2px) * -1); margin-top:var(--gap-16);} .our-view .sec-3 .conts-3 .conts-box ul.number li:before {counter-increment:number; content:counter(number)") ";} .our-view .sec-3 .conts-3 .conts-box ul.number li span {font-size:var(--font-16); font-weight:400;} .our-view .sec-3 .conts-3 .conts-box .line-box {width:100%; background:#FAF7F0; border:1px solid var(--main-color); padding:var(--gap-40); border-radius:4px;} .our-view .sec-3 .conts-3 .conts-box .line-box ul.dot li {font-size:var(--font-18); margin-top:var(--gap-16); position:relative; padding-left:calc(var(--gap-16) + 10px);} .our-view .sec-3 .conts-3 .conts-box .line-box ul.dot li:first-child {margin-top:0;} .our-view .sec-3 .conts-3 .conts-box .line-box ul.dot li:before {content:""; width:10px; height:10px; background:var(--main-color); position:absolute; left:0; top:12px;} .our-view .sec-3 .conts-3 .conts-box .conts {margin-top:var(--gap-40); text-align:center;} .our-view .sec-3 .conts-3 .conts-box .conts a {font-size:var(--font-16); color:var(--main-color); text-decoration:underline;} @media screen and (max-width: 1024px) { .our-view .sec-3 .conts-3 .conts-box .line-box ul.dot li { padding-left:calc(var(--gap-16) + 8px);} .our-view .sec-3 .conts-3 .conts-box .line-box ul.dot li:before {width:8px; height:8px; top:9px;} } @media screen and (max-width: 480px) { .our-view .sec-3 .conts-3 .conts-box .line-box ul.dot li { padding-left:calc(var(--gap-16) + 6px);} .our-view .sec-3 .conts-3 .conts-box .line-box ul.dot li:before {width:6px; height:6px; top:8px;} } /*team*/ .team-intro .sec-1 .intro-wrap {width:100%; display:flex; align-items:center; background:#E2D7C1;} .team-intro .sec-1 .intro-wrap .img-box {width:56.25%} .team-intro .sec-1 .intro-wrap .img-box img {width:100%; display:block; margin:0 auto;} .team-intro .sec-1 .intro-wrap .conts-box {width:43.75%; padding:0 calc(var(--gap-80) * 0.7); font-family:var(--Sanchez); font-size:var(--font-20); color:var(--main-color);} .team-intro .sec-1 .tab-box {width:100%; padding:calc(var(--gap-80) * 0.7) 0;} .team-intro .sec-1 .tab-box > .wrap {width:100%; overflow-y:hidden; overflow-x:auto;} .team-intro .sec-1 .tab-box > .wrap::-webkit-scrollbar {height:5px; border-radius:10px;} .team-intro .sec-1 .tab-box > .wrap::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.03);} .team-intro .sec-1 .tab-box ul {display:flex; align-items:center; justify-content:center;} .team-intro .sec-1 .tab-box ul li {position:relative; white-space:nowrap;} .team-intro .sec-1 .tab-box ul li:before {content:""; width:1px; height:60%; box-sizing:border-box; border-left:1px solid var(--main-color); position:absolute; left:0; top:50%; transform:translateY(-50%);} .team-intro .sec-1 .tab-box ul li:first-child:before {display:none;} .team-intro .sec-1 .tab-box ul li a {padding:0 var(--gap-24); font-size:var(--font-20); color:#B4B4B5;} .team-intro .sec-1 .tab-box ul li span {position:relative; padding-right:calc(var(--gap-8) + var(--font-16));} .team-intro .sec-1 .tab-box ul li span:after {content:""; width:var(--font-16); height:var(--font-16); background:url(/img/conts/button_arrow.svg) center no-repeat; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%);} .team-intro .sec-1 .tab-box ul li.on a {font-weight:600; color:var(--main-color);} .team-intro .sec-1 .tab-box ul li.on span:after {background-image:url(/img/conts/button_arrow_on.svg);} @media screen and (max-width: 1280px) { .team-intro .sec-1 .intro-wrap .conts-box {padding:0 30px;} .team-intro .sec-1 .tab-box ul {justify-content:flex-start;} } @media screen and (max-width: 1024px) { .team-intro .sec-1 .intro-wrap .conts-box {font-size:16px;} } @media screen and (max-width: 900px) { .team-intro .sec-1 .intro-wrap {flex-wrap:wrap;} .team-intro .sec-1 .intro-wrap .img-box {width:100%;} .team-intro .sec-1 .intro-wrap .conts-box {width:100%; padding:var(--gap-40) var(--gap-24); font-size:var(--font-20);} } .team-intro .sec-2 article.unit-box {width:100%; padding:calc(var(--gap-80) * 0.7) 0; border-top:1px solid var(--main-color);} .team-intro .sec-2 article.unit-box > .inner {width:92%; max-width:var(--conts-w); margin:0 auto;} .team-intro .sec-2 article.unit-box h2 {font-family:var(--Sanchez); font-size:var(--font-28); color:var(--main-color); text-align:center; margin-bottom:var(--gap-40);} .team-intro .sec-2 article.unit-box .member-list {width:100%; display:flex; gap:var(--gap-40) var(--gap-16); flex-wrap:wrap;} .team-intro .sec-2 article.unit-box .member-list .member-box {width:calc((100% - (var(--gap-16) * 2)) / 3);} .team-intro .sec-2 article.unit-box .member-list .member-box .photo {width:100%;} .team-intro .sec-2 article.unit-box .member-list .member-box .photo span {display:block; width:100%; height:0; padding-bottom:100%; position:relative; background:#A59D9A;} .team-intro .sec-2 article.unit-box .member-list .member-box .photo span:after {content:""; width:100%; height:100%; background:url(/img/com/logo.svg) center no-repeat; background-size:28% auto; position:absolute; left:0; top:0; z-index:0; opacity:0.2;} .team-intro .sec-2 article.unit-box .member-list .member-box .photo span img {display:block; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10;} .team-intro .sec-2 article.unit-box .member-list .member-box .photo a {position:relative; display:block;} .team-intro .sec-2 article.unit-box .member-list .member-box .photo a:after {content:"Interview"; height:40px; display:flex; align-items:center; padding:0 var(--gap-8); position:absolute; left:var(--gap-24); top:var(--gap-24); z-index:11; font-size:var(--font-18); font-weight:600; color:var(--begie);} .team-intro .sec-2 article.unit-box[data-id="maternity"] .member-list .member-box .photo a:after {background:#8CB3BF;} .team-intro .sec-2 article.unit-box[data-id="ob-gyn-admin"] .member-list .member-box .photo a:after {background:#D3B844;} .team-intro .sec-2 article.unit-box .member-list .member-box .profile {width:100%; margin-top:var(--gap-24); text-align:center;} .team-intro .sec-2 article.unit-box .member-list .member-box .profile em {display:block; font-size:var(--font-20); font-weight:600; color:var(--main-color);} .team-intro .sec-2 article.unit-box .member-list .member-box .profile .conts {font-size:var(--font-16); color:var(--black); margin-top:var(--gap-16);} .team-intro .sec-2 .com-box {width:92%; max-width:var(--conts-w); margin:0 auto; background:#D0CABE; padding:calc(var(--gap-40) * 0.85) var(--gap-40); font-size:var(--font-16); margin-top:var(--gap-40);} @media screen and (max-width: 1280px) { .team-intro .sec-2 article.unit-box .member-list .member-box .photo a:after {font-size:14px; height:35px;} } @media screen and (max-width: 900px) { .team-intro .sec-2 article.unit-box .member-list .member-box {width:calc((100% - (var(--gap-16) * 1)) / 2);} .team-intro .sec-2 article.unit-box .member-list .member-box .photo a:after {font-size:9px; height:24px; left:12px; top:12px;} } .interview section {width:92%; max-width:1460px; margin:0 auto; border-top:1px solid var(--main-color); padding:calc(var(--gap-80) * 0.7) 0;} .interview section:first-child {border-top:0;} .interview section > .inner {width:100%;} .interview .sec-1 .profile-wrap .photo {width:100%; max-width:800px; margin:0 auto;} .interview .sec-1 .profile-wrap .photo img {max-width:100%; display:block; margin:0 auto;} .interview .sec-1 .profile-wrap .profile {display:flex; gap:var(--gap-8) var(--gap-16); margin-top:var(--gap-24); justify-content:center;} .interview .sec-1 .profile-wrap .profile em {font-size:var(--font-18); font-weight:600; color:var(--main-color); white-space:nowrap;} .interview .sec-1 .profile-wrap .profile span {font-size:var(--font-16);} .interview .sec-2 .interview-wrap {width:100%; max-width:800px; margin:0 auto;} .interview .sec-2 .interview-wrap article {margin-top:calc(var(--gap-80) * 0.8);} .interview .sec-2 .interview-wrap article:first-child {margin-top:0;} .interview .sec-2 .interview-wrap article .question {font-size:var(--font-20); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-32);} .interview .sec-2 .interview-wrap article .answer {font-size:var(--font-16);} .interview .sec-2 .interview-wrap article .photo {width:100%; margin-top:var(--gap-40);} .interview .sec-2 .interview-wrap article .photo img {max-width:100%; display:block; margin:0 auto;} @media screen and (max-width: 480px) { .interview .sec-1 .profile-wrap .profile {flex-wrap:wrap;} .interview .sec-1 .profile-wrap .profile > * {width:100%;} } /*medical-record*/ .medical-record section {padding:var(--gap-80) 0; border-top:1px solid var(--main-color);} .medical-record section:firts-child {border-top:none;} .medical-record section > .inner {max-width:900px;} .medical-record section .conts-wrap article {width:100%; margin-top:calc(var(--gap-80) * 0.9);} .medical-record section .conts-wrap article:first-child {margin-top:0;} .medical-record section .conts-wrap article h2 {font-size:var(--font-24); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-40); text-align:center;} .medical-record section .conts-wrap article h3 {width:max-content; min-width:370px; max-width:100%; padding:var(--gap-8) calc(var(--gap-16) * 1.25); border:1px solid var(--main-color); font-size:var(--font-20); font-weight:600; color:var(--main-color); margin:0 auto; margin-bottom:var(--gap-40); text-align:center; border-radius:4px;} .medical-record .tab-wrap {width:100%; max-width:640px; margin:0 auto; display:flex; align-items:center; justify-content:center; border:1px solid var(--main-color); margin-bottom:var(--gap-80); border-radius:4px; overflow:hidden;} .medical-record .tab-wrap .tab {width:50%; max-width:320px; height:46px; border:solid var(--main-color); border-width:0 0 0 1px; display:flex; align-items:center; justify-content:center; cursor:pointer; background:var(--begie); font-size:var(--font-18); font-weight:600; color:#B9CBBB; transition:background 0.3s ease-in-out; padding:10px; line-height:1.2;} .medical-record .tab-wrap .tab:first-child {border:none;} .medical-record .tab-wrap .tab span {position:relative; padding-right:24px;} .medical-record .tab-wrap .tab span:after {content:""; width:16px; height:16px; background:url(/img/conts/icon_arrow.svg) center no-repeat; background-size:cover; position:absolute; right:0; top:calc(50% + 1px); transform:translateY(-50%);} .medical-record .tab-wrap .tab.on, .medical-record .tab-wrap .tab:hover {background:#B9CBBB; color:var(--main-color);} .medical-record .tab-wrap .tab.on span:after, .medical-record .tab-wrap .tab:hover span:after {background-image:url(/img/conts/icon_arrow_on.svg);} @media screen and (max-width: 768px) { .medical-record section .conts-wrap article h3 {min-width:300px;} .medical-record .tab-wrap {flex-wrap:wrap;} .medical-record .tab-wrap .tab {width:100%; max-width:100%; border-width:1px 0 0 0;} .medical-record .tab-wrap .tab span {padding-right:20px;} .medical-record .tab-wrap .tab span:after {width:14px; height:14px;} } @media screen and (max-width: 480px) { .medical-record section .conts-wrap article h3 {width:100%; min-width:auto;} .medical-record .tab-wrap .tab span {padding-right:18px;} .medical-record .tab-wrap .tab span:after {width:12px; height:12px;} } .medical-record .step-wrap {width:100%; margin-top:calc(var(--gap-60) * 0.8); display:flex; gap:48px;} .medical-record .step-wrap .step-box {width:calc((100% - 96px) / 3); position:relative; padding:var(--gap-24); color:var(--begie); border-radius:8px;} .medical-record .step-wrap .step-box:nth-child(1) {background:var(--main-color);} .medical-record .step-wrap .step-box:nth-child(2) {background:#668F67;} .medical-record .step-wrap .step-box:nth-child(3) {background:#81A283;} .medical-record .step-wrap .step-box .title-box {width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--gap-16);} .medical-record .step-wrap .step-box .title-box p {font-size:var(--font-18); font-weight:600;} .medical-record .step-wrap .step-box .title-box span {display:block; width:48px; height:48px;} .medical-record .step-wrap .step-box .title-box span img {display:block; max-height:100%; margin:0 auto;} .medical-record .step-wrap .step-box .step-conts {width:100%; padding-top:var(--gap-24); border-top:1px solid var(--begie); font-size:var(--font-16); font-weight:600;} .medical-record .step-wrap .step-box:after {content:""; width:20px; height:20px; background:url(/img/conts/arrow_left.svg) center no-repeat; background-size:cover; position:absolute; right:-34px; top:50%; transform:translateY(-50%);} .medical-record .step-wrap .step-box:last-child:after {display:none;} @media screen and (max-width: 1024px) { .medical-record .step-wrap .step-box .title-box span {width:40px; height:40px;} } @media screen and (max-width: 768px) { .medical-record .step-wrap {max-width:420px; margin-left:auto; margin-right:auto; flex-wrap:wrap;} .medical-record .step-wrap .step-box {width:100%; min-height:160px !important;} .medical-record .step-wrap .step-box:after {right:auto; left:50%; top:auto; bottom:-34px; transform:translateX(-50%) rotate(90deg);} } @media screen and (max-width: 480px) { .medical-record .step-wrap {gap:40px;} .medical-record .step-wrap .step-box:after {width:14px; height:14px; bottom:-27px;} } .medical-record .sec-1 .conts-1 .conts {font-size:var(--font-18);} .medical-record .sec-1 .conts-1 .notice {font-size:var(--font-16); color:var(--main-color); margin-top:var(--gap-32);} .medical-record .sec-1 .conts-1 .step-wrap .step-box {min-height:275px;} .medical-record .sec-1 .conts-2 .type-tb-wrap {width:100%;} .medical-record .sec-1 .conts-2 .type-tb-wrap .tlt {width:100%; padding:0 var(--gap-32); font-size:var(--font-18); font-weight:600; margin-bottom:var(--gap-16);} .medical-record .sec-1 .conts-2 .type-tb-wrap .type-tb {width:100%; padding:0 var(--gap-32); background:#FAF7F0; display:flex;} .medical-record .sec-1 .conts-2 .type-tb-wrap .type-tb > * {width:50%;} .medical-record .sec-1 .conts-2 .type-tb-wrap .type-tb ul li {width:100%; padding:var(--gap-16) 0; border-bottom:1px solid rgba(62,58,57,0.4); font-size:var(--font-16); padding-left:var(--gap-16); position:relative;} .medical-record .sec-1 .conts-2 .type-tb-wrap .type-tb ul li:before {content:""; width:calc(var(--font-16) / 2); height:calc(var(--font-16) / 2); box-sizing:border-box; border:1px solid var(--black); position:absolute; left:0; top:25px;} .medical-record .sec-1 .conts-2 .type-tb-wrap .type-tb ul li span {color:var(--main-color);} .medical-record .sec-1 .conts-2 .type-tb-wrap .type-tb ul li:last-child {border-width:0;} .medical-record .sec-1 .conts-2 .conts {width:100%; padding:0 var(--gap-32); margin-top:var(--gap-32); font-size:var(--font-16);} @media screen and (max-width: 1024px) { .medical-record .sec-1 .conts-2 .type-tb-wrap .type-tb {flex-wrap:wrap;} .medical-record .sec-1 .conts-2 .type-tb-wrap .type-tb > * {width:100%;} .medical-record .sec-1 .conts-2 .type-tb-wrap .type-tb .lf-box ul li:last-child {border-width:0 0 1px 0;} } @media screen and (max-width: 768px) { .medical-record .sec-1 .conts-2 .type-tb-wrap .type-tb ul li:before {top:22px;} } @media screen and (max-width: 480px) { .medical-record .sec-1 .conts-2 .type-tb-wrap .type-tb ul li:before {top:18px;} } .medical-record .sec-1 .conts-3 > .wrap > * {margin-top:calc(var(--gap-60) * 0.8);} .medical-record .sec-1 .conts-3 > .wrap > *:first-child {margin-top:0;} .medical-record .sec-1 .conts-3 .conts {font-size:var(--font-18); text-align:center;} .medical-record .sec-1 .conts-3 .tb-wrap {width:100%; background:#FAF7F0; position:relative;} .medical-record .sec-1 .conts-3 .tb-wrap:after {content:""; width:1px; height:100%; box-sizing:border-box; border:solid var(--main-color); border-width:0 0 0 1px; position:absolute; left:43%; top:0; z-index:10;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box {width:100%; position:relative; z-index:9;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr {width:100%; display:flex; align-items:center; border:solid var(--main-color); border-width:1px 0 0 0;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr:first-child {border-width:0; background:#668F67;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr:nth-child(3) {background:#fff;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr > *:first-child {width:43%;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr > *:last-child {width:57%;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr > * {font-size:var(--font-16); padding:var(--gap-24) var(--gap-32); letter-spacing:0;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr .th {font-weight:600; color:var(--begie); text-align:center;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr .td span {color:var(--main-color);} .medical-record .sec-1 .conts-3 .btn-download {width:fit-content; display:flex; align-items:center; justify-content:center; background:var(--main-color); color:var(--begie); margin-left:auto; margin-right:auto; padding:var(--gap-24) 0; font-size:var(--font-16); transition:background 0.3s ease-in-out; border-radius:4px;} .medical-record .sec-1 .conts-3 .btn-download .lf {font-weight:600; padding:0 var(--gap-40); position:relative;} .medical-record .sec-1 .conts-3 .btn-download .lf:after {content:""; width:1px; height:100%; box-sizing:border-box; border-left:1px solid var(--begie); position:absolute; right:0; top:0;} .medical-record .sec-1 .conts-3 .btn-download .rt {font-family:var(--KoPubWorld); font-weight:500; padding:0 var(--gap-32);} .medical-record .sec-1 .conts-3 .btn-download .rt span {position:relative; padding-bottom:22px; display:block;} .medical-record .sec-1 .conts-3 .btn-download .rt span:after {content:""; width:100%; height:22px; background:url(/img/conts/icon_download.svg) center no-repeat; background-size:auto 100%; position:absolute; left:0; bottom:0;} .medical-record .sec-1 .conts-3 .btn-download:hover {background:var(--darkgreen);} @media screen and (max-width: 1024px) { .medical-record .sec-1 .conts-3 .tb-wrap:after {display:none;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box {display:flex; align-items:center; border-top:1px solid var(--main-color);} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box:first-child {border-top:none;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box:before {content:""; width:35%; height:100%; background:#668F67; position:absolute; left:0; top:0;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box > * {position:relative; z-index:10;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .th {font-size:var(--font-16); font-weight:600; color:var(--begie); padding:var(--gap-16) var(--gap-24); width:35%;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tb-inner {width:65%; background:#FAF7F0;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr:first-child, .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr:nth-child(3) {background:transparent;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr:nth-child(2) {background:#fff;} .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr > *:first-child, .medical-record .sec-1 .conts-3 .tb-wrap .tb-box .tr > *:last-child {width:100%;} } @media screen and (max-width: 480px) { .medical-record .sec-1 .conts-3 .btn-download .rt span {padding-bottom:16px;} .medical-record .sec-1 .conts-3 .btn-download .rt span:after {height:16px;} } .medical-record .sec-2 .conts-1 > .wrap {padding:0 var(--gap-32);} .medical-record .sec-2 .conts-1 > .wrap > * {margin-top:var(--gap-40);} .medical-record .sec-2 .conts-1 > .wrap > *:first-child {margin-top:0;} .medical-record .sec-2 .conts-1 .conts {font-size:var(--font-18); text-align:center;} .medical-record .sec-2 .conts-1 .conts span {color:var(--main-color);} .medical-record .sec-2 .conts-1 .conts em {font-weight:600;} .medical-record .sec-2 .conts-1 .step-wrap .step-box {min-height:200px;} .medical-record .sec-2 .conts-1 .button-wrap {width:fit-content; height:100px; display:flex; align-items:center; justify-content:center; gap:var(--gap-8); margin-left:auto; margin-right:auto; font-size:var(--font-16);} .medical-record .sec-2 .conts-1 .button-wrap > a {font-size:var(--font-16); height:100%;} .medical-record .sec-2 .conts-1 .button-wrap .lf {display:flex; align-items:center; height:100%; padding:var(--gap-24); color:var(--main-color); background:#fff;} .medical-record .sec-2 .conts-1 .button-wrap .lf span {position:relative; padding-right:var(--gap-32);} .medical-record .sec-2 .conts-1 .button-wrap .lf span:after {content:""; width:calc(var(--gap-32) - var(--gap-16)); height:100%; background:url(/img/conts/arrow_circle.svg) center no-repeat; background-size:100% auto; position:absolute; right:0; top:0;} .medical-record .sec-2 .conts-1 .button-wrap .rt {width:100px; height:100%; display:flex; align-items:center; justify-content:center; background:var(--main-color); color:var(--begie); font-family:var(--KoPubWorld); font-weight:500; transition:background 0.3s ease-in-out; border-radius:4px;} .medical-record .sec-2 .conts-1 .button-wrap .rt span {display:block; text-align:center; padding-bottom:22px; position:relative;} .medical-record .sec-2 .conts-1 .button-wrap .rt span:after {content:""; width:100%; height:22px; background:url(/img/conts/icon_download.svg) center no-repeat; background-size:auto 100%; position:absolute; left:0; bottom:0;} .medical-record .sec-2 .conts-1 .button-wrap .rt:hover {background:var(--darkgreen);} @media screen and (max-width: 480px) { .medical-record .sec-2 .conts-1 > .wrap {padding:0;} .medical-record .sec-2 .conts-1 .button-wrap {height:80px;} .medical-record .sec-2 .conts-1 .button-wrap .lf {font-size:12px;} .medical-record .sec-2 .conts-1 .button-wrap .rt {width:80px;} .medical-record .sec-2 .conts-1 .button-wrap .rt span {padding-bottom:16px;} .medical-record .sec-2 .conts-1 .button-wrap .rt span:after {height:16px;} } .space section {width:100%; max-width:1460px; margin:0 auto; padding:calc(var(--gap-80) * 0.8) 0; border-top:1px solid var(--main-color);} .space section:first-child {border-top:none;} .space section h2 {width:140px; height:40px; display:flex; align-items:center; justify-content:center; margin:0 auto; font-size:var(--font-20); font-weight:600; color:var(--begie); text-align:center; margin-bottom:calc(var(--gap-60) * 0.9); background:var(--main-color); border-radius:4px;} .space .sec-1 .conts {width:90%; max-width:800px; margin:0 auto; font-size:var(--font-18); font-weight:600; color:var(--main-color); margin-bottom:calc(var(--gap-80) * 0.8);} .space .sec-1 .photo-wrap {width:100%; max-width:1344px; margin:0 auto;} .space .sec-1 .photo-wrap ul.photo-box {width:100%; display:flex; gap:var(--gap-16); flex-wrap:wrap; margin-bottom:var(--gap-32);} .space .sec-1 .photo-wrap ul.photo-box li {width:calc((100% - (var(--gap-16) * 4)) / 5); cursor:pointer;} .space .sec-1 .photo-wrap ul.photo-box li span {width:100%; height:0; padding-bottom:calc(168 / 256 * 100%); position:relative; overflow:hidden; display:block;} .space .sec-1 .photo-wrap ul.photo-box li span img {display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .space .sec-1 .photo-wrap p {text-align:center; font-size:var(--font-16);} @media screen and (max-width: 768px) { .space .sec-1 .photo-wrap ul.photo-box li {width:calc((100% - (var(--gap-16) * 3)) / 4);} } @media screen and (max-width: 480px) { .space section h2 {width:110px; height:36px;} .space .sec-1 .photo-wrap ul.photo-box li {width:calc((100% - (var(--gap-16) * 2)) / 3);} } .space .sec-2 .room-area {width:100%; max-width:1344px; margin:0 auto;} .space .sec-2 .room-wrap {width:100%; display:flex; justify-content:space-between; gap:var(--gap-80) var(--gap-40); flex-wrap:wrap;} .space .sec-2 .room-wrap .room-box {width:calc((100% - (var(--gap-40) * 2)) / 3);} .space .sec-2 .room-wrap .room-box .thumbnail {width:100%; position:relative;} .space .sec-2 .room-wrap .room-box .thumbnail .thumb-list {width:100%; opacity:0; visibility:hidden;} .space .sec-2 .room-wrap .room-box .thumbnail .thumb-list li {width:100%; cursor:pointer;} .space .sec-2 .room-wrap .room-box .thumbnail .thumb-list li span {display:block; width:100%; height:0; padding-bottom:calc(450 / 420 * 100%); position:relative; overflow:hidden;} .space .sec-2 .room-wrap .room-box .thumbnail .thumb-list li span img {display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:11;} .space .sec-2 .room-wrap .room-box .thumbnail .thumb-list.slick-initialized {opacity:1; visibility:visible;} .space .sec-2 .room-wrap .room-box .thumbnail .slide-nav button {width:calc(var(--gap-80) * 0.7); height:calc(var(--gap-80) * 0.7); background:rgba(255,255,255,0.3); position:absolute; top:50%; transform:translateY(-50%); font-size:0; cursor:pointer;} .space .sec-2 .room-wrap .room-box .thumbnail .slide-nav button.btn-prev {left:0;} .space .sec-2 .room-wrap .room-box .thumbnail .slide-nav button.btn-next {right:0;} .space .sec-2 .room-wrap .room-box .thumbnail .slide-nav button:before {content:""; width:100%; height:100%; background:url(/img/conts/slide_arrow.svg) center no-repeat; background-size:auto 50%; position:absolute; left:0; top:0;} .space .sec-2 .room-wrap .room-box .thumbnail .slide-nav button.btn-next:before {transform:scaleX(-1);} .space .sec-2 .room-wrap .room-box .thumbnail .slick-arrow {width:calc(var(--gap-80) * 0.7); height:calc(var(--gap-80) * 0.7); background:rgba(255,255,255,0.3); position:absolute; top:50%; transform:translateY(-50%); font-size:0; cursor:pointer; z-index:10;} .space .sec-2 .room-wrap .room-box .thumbnail .slick-arrow.slick-prev {left:0;} .space .sec-2 .room-wrap .room-box .thumbnail .slick-arrow.slick-next {right:0;} .space .sec-2 .room-wrap .room-box .thumbnail .slick-arrow:before {content:""; width:100%; height:100%; background:url(/img/conts/slide_arrow.svg) center no-repeat; background-size:auto 50%; position:absolute; left:0; top:0;} .space .sec-2 .room-wrap .room-box .thumbnail .slick-arrow.slick-next:before {transform:scaleX(-1);} .space .sec-2 .room-wrap .room-box .room-conts {width:100%; margin-top:var(--gap-40);} .space .sec-2 .room-wrap .room-box .room-conts .tlt {width:100%; display:flex; gap:var(--gap-24); font-size:var(--font-20); margin-bottom:var(--gap-24);} .space .sec-2 .room-wrap .room-box .room-conts .tlt em {font-weight:600;} .space .sec-2 .room-wrap .room-box .room-conts .com-form {width:100%; padding:var(--gap-24) 0; border:solid var(--black);} .space .sec-2 .room-wrap .room-box .room-conts .com-form em {display:block; font-size:var(--font-18); font-weight:600; margin-bottom:var(--gap-16);} .space .sec-2 .room-wrap .room-box .room-conts .com-form .conts {font-size:var(--font-16); letter-spacing:0;} .space .sec-2 .room-wrap .room-box .room-conts .facilities {border-width:2px 0 0 0;} .space .sec-2 .room-wrap .room-box .room-conts .amenities {border-width:1px 0 0 0;} .space .sec-2 .room-wrap .offer-notice {width:calc(100% - ((100% - (var(--gap-40) * 2)) / 3)); max-width:800px;} .space .sec-2 .room-wrap .offer-notice > .wrap {width:100%; background:#E1DBCF; padding:var(--gap-40); border-radius:8px;} .space .sec-2 .room-wrap .offer-notice .tlt {font-size:var(--font-20); font-weight:600; margin-bottom:var(--gap-24);} .space .sec-2 .room-wrap .offer-notice .tb-wrap {width:100%; border-top:2px solid var(--black); display:flex; gap:0 var(--gap-24); overflow:hidden;} .space .sec-2 .room-wrap .offer-notice .tb-wrap .tb-box {width:calc((100% - var(--gap-24)) / 2);} .space .sec-2 .room-wrap .offer-notice .tb-wrap .tb-box .head {width:100%; padding:var(--gap-16) 0; font-size:var(--font-18); font-weight:600; position:relative;} .space .sec-2 .room-wrap .offer-notice .tb-wrap .tb-box .head:before {content:""; width:500%; height:1px; box-sizing:border-box; border-top:1px solid var(--black); position:absolute; left:0; bottom:0;} .space .sec-2 .room-wrap .offer-notice .tb-wrap .tb-box .conts {padding-top:var(--gap-32); font-size:var(--font-16);} @media screen and (max-width: 1300px) { .space .sec-2 .room-wrap .room-box:nth-child(-n+3) .room-conts .com-form .conts {height:85px;} .space .sec-2 .room-wrap .offer-notice {width:calc((100% - ((100% - (var(--gap-40) * 2)) / 3)) - var(--gap-40));} } @media screen and (max-width: 1024px) { .space .sec-2 .room-wrap .room-box {width:calc((100% - (var(--gap-40) * 1)) / 2);} .space .sec-2 .room-wrap .room-box .room-conts .com-form .conts {height:auto !important; min-height:70px;} .space .sec-2 .room-wrap .offer-notice {width:100%; margin:0 auto;} } @media screen and (max-width: 768px) { } @media screen and (max-width: 600px) { .space .sec-2 .room-area {max-width:420px;} .space .sec-2 .room-wrap .room-box {width:100%;} .space .sec-2 .room-wrap .room-box .room-conts .com-form .conts {min-height:100%;} .space .sec-2 .room-wrap .offer-notice .tb-wrap {flex-wrap:wrap; gap:var(--gap-32) 0;} .space .sec-2 .room-wrap .offer-notice .tb-wrap .tb-box {width:100%;} .space .sec-2 .room-wrap .offer-notice .tb-wrap .tb-box:last-child {border-top:2px solid var(--black);} .space .sec-2 .room-wrap .offer-notice .tb-wrap .tb-box .conts .br {display:inline-block;} } .space .sec-3 {max-width:100%; background:#6F9570;} .space .sec-3 > .inner {border:none;} .space .sec-3 h2 {background:none;} .space .sec-3 .conts-wrap {max-width:800px; margin:0 auto;} .space .sec-3 .conts-wrap .conts {font-size:var(--font-16); color:var(--begie);} .space .sec-3 .conts-wrap a {width:100%; max-width:240px; height:40px; display:flex; align-items:center; justify-content:center; background:#fff; font-size:var(--font-18); font-weight:600; color:var(--main-color); margin:0 auto; margin-top:var(--gap-40);} /*faq*/ .faq section > .inner {max-width:780px; margin:0 auto;} .faq .tab-wrap {width:100%; margin:0 auto; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; border:solid var(--main-color); border-width:0 1px 1px 1px; margin-bottom:var(--gap-80); overflow:hidden;} .faq .tab-wrap .tab {width:33.33%; max-width:320px; height:46px; border:solid var(--main-color); border-width:1px 0 0 1px; display:flex; align-items:center; justify-content:center; cursor:pointer; background:var(--begie); font-size:var(--font-18); color:#B9CBBB; transition:background 0.3s ease-in-out; padding:10px; line-height:1.2; text-align:center;} .faq .tab-wrap .tab:nth-child(3n+1) {border-width:1px 0 0 0;} .faq .tab-wrap .tab span {position:relative;} .faq .tab-wrap .tab.on, .faq .tab-wrap .tab:hover {background:#DBE4DB; color:var(--main-color); font-weight:600;} @media screen and (max-width: 600px) { .faq .tab-wrap .tab {width:50%;} .faq .tab-wrap .tab:nth-child(3n+1) {border-width:1px 0 0 1px;} .faq .tab-wrap .tab:nth-child(2n+1) {border-width:1px 0 0 0;} } .faq .sec-1 .conts-wrap .title {width:100%; font-size:var(--font-24); font-weight:600; color:var(--main-color); text-align:center; margin-bottom:var(--gap-24);} .faq .faq-tb {width:100%; border-top:2px solid var(--main-color);} .faq .faq-tb .faq-box {width:100%; border-bottom:1px solid var(--main-color);} .faq .faq-tb .faq-box .question {width:100%; min-height:80px; display:flex; align-items:center; padding:var(--gap-16); position:relative; font-size:var(--font-20); font-weight:600; color:var(--main-color); cursor:pointer;} .faq .faq-tb .faq-box .question:before, .faq .faq-tb .faq-box .question:after {content:""; background:var(--main-color); position:absolute; top:50%; transition:transform 0.3s ease-in-out; transform:translateY(-50%);} .faq .faq-tb .faq-box .question:before {width:12px; height:2px; right:var(--gap-16);} .faq .faq-tb .faq-box .question:after {width:2px; height:12px; right:calc(var(--gap-16) + 5px);} .faq .faq-tb .faq-box .question span {position:relative; padding-left:calc(var(--font-20) + 6px); text-indent:calc((var(--font-20) + 6px) * -1); padding-right:30px; display:block; width:100%;} .faq .faq-tb .faq-box .question span:before {content:"Q. ";} .faq .faq-tb .faq-box .ask {width:100%; display:none;} .faq .faq-tb .faq-box .ask .ask-conts {width:100%; padding:0 var(--gap-40) var(--gap-16) var(--gap-16); font-size:var(--font-16);} .faq .faq-tb .faq-box .ask .ask-conts img {max-width:100%; display:block;} .faq .faq-tb .faq-box .ask .ask-conts a {font-size:var(--font-16); color:var(--main-color);} .faq .faq-tb .faq-box .ask .add-file-box {width:100%; min-height:60px; border-top:1px solid var(--main-color); padding:var(--gap-16);} .faq .faq-tb .faq-box .ask .add-file-box .file-list {width:100%; display:flex; align-items:center; gap:var(--gap-8); flex-wrap:wrap;} .faq .faq-tb .faq-box .ask .add-file-box .file-list a {display:flex; align-items:center; justify-content:center; max-width:100%; height:30px; padding:0 10px; background:#fff; border-radius:4px; font-size:var(--font-16);} .faq .faq-tb .faq-box .ask .add-file-box .file-list a span {max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .faq .faq-tb .faq-box .ask .add-file-box .file-list a:hover {text-decoration:underline;} .faq .faq-tb .faq-box.active {border-bottom-width:2px;} .faq .faq-tb .faq-box.active .question:after {transform:translateY(-50%) rotate(90deg);} /*maternity-care*/ .maternity-care section {padding:var(--gap-80) 0;} .maternity-care section > .inner {width:95%; margin:0 auto;} .maternity-care .sec-1 > .inner {max-width:780px;} .maternity-care .sec-1 .tab-wrap {width:100%; max-width:620px; padding:0 10px; border:solid var(--main-color); border-width:5px 0; margin:0 auto; display:flex; align-items:center; justify-content:center;} .maternity-care .sec-1 .tab-wrap .tab {width:33.33%; height:100%; height:70px; display:flex; align-items:center; justify-content:center; border:solid var(--main-color); border-width:0 0 0 5px; cursor:pointer; font-size:var(--font-20); font-weight:600; color:var(--main-color); transition:background 0.3s ease-in-out;} .maternity-care .sec-1 .tab-wrap .tab:last-child {border-width:0 5px;} .maternity-care .sec-1 .tab-wrap .tab span {position:relative; padding-right:calc(var(--gap-8) + var(--font-18));} .maternity-care .sec-1 .tab-wrap .tab span:after {content:""; width:var(--font-18); height:var(--font-18); background-image:url(/img/conts/icon_dir.svg); background-position:center no-repeat; background-repeat:no-repeat; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%);} .maternity-care .sec-1 .tab-wrap .tab.on, .maternity-care .sec-1 .tab-wrap .tab:hover {background:var(--midgreen); color:var(--begie);} .maternity-care .sec-1 .tab-wrap .tab.on span:after, .maternity-care .sec-1 .tab-wrap .tab:hover span:after {background-image:url(/img/conts/icon_dir_on.svg);} @media screen and (max-width: 480px) { .maternity-care .sec-1 .tab-wrap {max-width:260px; padding:0 8px;} .maternity-care .sec-1 .tab-wrap {flex-wrap:wrap; border-width:4px 0;} .maternity-care .sec-1 .tab-wrap .tab {width:100%; height:50px; border-width:0 4px 4px 4px;} .maternity-care .sec-1 .tab-wrap .tab:last-child {border-width:0 4px;} } .maternity-care .sec-1 .conts-box {width:100%; text-align:center; font-size:var(--font-18); margin:calc(var(--gap-80) * 0.7) auto var(--gap-40) auto;} .maternity-care .sec-1 .conts-box span {font-weight:600;} .maternity-care .sec-1 .conts-box a {display:block; width:fit-content; font-size:var(--font-16); color:var(--main-color); margin:0 auto; margin-top:var(--gap-16);} @media screen and (max-width: 480px) { .maternity-care .sec-1 .conts-box .br {display:inline-block;} } @media screen and (max-width: 480px) { .offer .accordion-wrap .conts-box .head {min-height:62px;} .offer .accordion-wrap .conts-box .conts .conts-inner {flex-wrap:wrap;} .offer .accordion-wrap .conts-box .conts .img {width:180px; margin:0 auto;} .offer .accordion-wrap .conts-box .conts .conts-area {width:100%; text-align:center;} .offer .accordion-wrap .conts-box .conts .conts-area .button-wrap {justify-content:center;} .maternity-care .sec-2 .category-wrap span:before {height:calc(var(--font-16) * 0.8);} .maternity-care .sec-2 .category-wrap span a {font-size:12px;} .maternity-care .sec-2 .category-wrap span a:after {border-width:3px; border-left-width:5px;} .offer .dep-conts article .head-wrap .tlt {width:90%; height:42px;} } .offer .dep-conts article {width:100%; margin-top:calc(var(--gap-80) * 0.8);} .offer .dep-conts article:first-child {margin-top:0;} .offer .dep-conts article:last-child .conts-wrap .conts-box:last-child .conts .conts-inner {padding-bottom:0;} .offer .dep-conts article .head-wrap {width:100%; margin-bottom:var(--gap-40);} .offer .dep-conts article .head-wrap .tlt {width:360px; min-height:48px; border:1px solid var(--begie); display:flex; align-items:center; justify-content:center; padding:0 var(--gap-16); font-size:var(--font-20); font-weight:600; color:var(--begie); border-radius:var(--gap-8); margin:0 auto;} .offer .dep-conts article .head-wrap .txt {width:100%; font-size:var(--font-16); margin-top:var(--gap-24); color:var(--begie); text-align:Center;} .offer .accordion-wrap {width:100%;} .offer .accordion-wrap .conts-box {width:100%; margin-top:var(--gap-16);} .offer .accordion-wrap .conts-box:first-child {margin-top:0;} .offer .accordion-wrap .conts-box .head {width:100%; min-height:72px; background:#fff; border:1px solid var(--main-color); border-radius:4px; display:flex; align-items:center; padding:var(--gap-8) var(--gap-24); position:relative; gap:var(--gap-24); cursor:pointer;} .offer .accordion-wrap .conts-box .head:before, .offer .accordion-wrap .conts-box .head:after {content:""; background:var(--main-color); position:absolute; top:50%; transform:translateY(-50%); transition:transform 0.3s ease-in-out;} .offer .accordion-wrap .conts-box .head:before {width:12px; height:2px; right:var(--gap-40);} .offer .accordion-wrap .conts-box .head:after {width:2px; height:12px; right:calc(var(--gap-40) + 5px);} .offer .accordion-wrap .conts-box .head .category {display:flex; align-items:center; width:calc((var(--gap-32) * 2) - var(--gap-8));} .offer .accordion-wrap .conts-box .head .category span {display:flex; align-items:center; justify-content:center; width:var(--gap-32); height:var(--gap-32); border-radius:50%; color:#fff; position:relative; overflow:hidden; font-size:var(--font-14); font-weight:600p;} .offer .accordion-wrap .conts-box .head .category span.obstetric {background:var(--main-color);} .offer .accordion-wrap .conts-box .head .category span.midwifery {background:#8DB3C0;} .offer .accordion-wrap .conts-box .head .category span.midwifery:before {content:""; width:var(--gap-32); height:var(--gap-32); border-radius:50%; position:absolute; left:calc((var(--gap-32) - var(--gap-8)) * -1); background:var(--midgreen);} .offer .accordion-wrap .conts-box .head .category span:nth-child(n+2) {margin-left:calc(var(--gap-8) * -1); padding-left:2px;} .offer .accordion-wrap .conts-box .head .category span:only-child:before {display:none !important;} .offer .accordion-wrap .conts-box .head .tlt {font-size:var(--font-20); font-weight:600; color:var(--main-color); flex-shrink:1; padding-right:calc(var(--gap-24) + (var(--gap-40) - var(--gap-24))); line-height:1.25;} .offer .accordion-wrap .conts-box .head .tlt span {font-weight:400;} .offer .accordion-wrap .conts-box .conts {display:none;} .offer .accordion-wrap .conts-box .conts .conts-inner {width:100%; padding:var(--gap-40) var(--gap-24) calc((var(--gap-80) * 0.8) - var(--gap-16)) var(--gap-24); display:flex; gap:var(--gap-32);} .offer .accordion-wrap .conts-box .conts .conts-inner.center {align-items:center;} .offer .accordion-wrap .conts-box .conts .img {width:210px;} .offer .accordion-wrap .conts-box .conts .img img {max-width:100%; display:block; margin:0 auto;} .offer .accordion-wrap .conts-box .conts .conts-area {width:calc(100% - var(--gap-32) - 210px); font-size:var(--font-16); color:var(--begie);} .offer .accordion-wrap .conts-box .conts .conts-area > * {margin-top:var(--gap-32);} .offer .accordion-wrap .conts-box .conts .conts-area > *:first-child {margin-top:0;} .offer .accordion-wrap .conts-box .conts .conts-area .txt {width:100%;} .offer .accordion-wrap .conts-box .conts .conts-area .txt.bg {background:var(--begie); border-radius:4px; padding:var(--gap-24); color:var(--main-color);} .offer .accordion-wrap .conts-box .conts .conts-area .txt span {font-weight:600;} .offer .accordion-wrap .conts-box .conts .conts-area .button-wrap {width:100%; display:flex; align-items:center; gap:var(--gap-8); flex-wrap:wrap;} .offer .accordion-wrap .conts-box .conts .conts-area .button-wrap .btn {min-height:36px; padding:var(--gap-8) var(--gap-24); border-radius:26px; background:var(--begie); font-size:var(--font-14); color:var(--main-color); flex-shrink:1; display:flex; align-items:center; justify-content:center; text-align:center;} .offer .accordion-wrap .conts-box .conts .conts-area .box-wrap {width:100%;} .offer .accordion-wrap .conts-box .conts .conts-area .box-wrap .box {width:100%; border-radius:4px; background:var(--begie); padding:var(--gap-24); display:flex; gap:var(--gap-16); margin-top:var(--gap-16);} .offer .accordion-wrap .conts-box .conts .conts-area .box-wrap .box:first-child {margin-top:0;} .offer .accordion-wrap .conts-box .conts .conts-area .box-wrap .box span {width:var(--gap-32); height:var(--gap-32); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:var(--font-14); font-weight:600; color:#fff;} .offer .accordion-wrap .conts-box .conts .conts-area .box-wrap .box span.obstetric {background:var(--main-color);} .offer .accordion-wrap .conts-box .conts .conts-area .box-wrap .box span.midwifery {background:#8DB3C0;} .offer .accordion-wrap .conts-box .conts .conts-area .box-wrap .box .box-conts {font-size:var(--font-16); color:var(--black); width:calc(100% - var(--gap-32) - var(--gap-16));} .offer .accordion-wrap .conts-box .conts .conts-area .bgbox-wrap {width:100%;} .offer .accordion-wrap .conts-box .conts .conts-area .bgbox-wrap .box {width:100%; margin-top:var(--gap-24); border-radius:4px; padding:var(--gap-24); border:1px solid var(--main-color); background:var(--begie);} .offer .accordion-wrap .conts-box .conts .conts-area .bgbox-wrap .box:first-child {margin-top:0;} .offer .accordion-wrap .conts-box .conts .conts-area .bgbox-wrap .box em {display:block; font-weight:600; color:var(--main-color);} .offer .accordion-wrap .conts-box .conts .conts-area .bgbox-wrap .box .box-conts {font-size:var(--font-16); color:var(--black);} .offer .accordion-wrap .conts-box .conts .conts-area .bgbox-wrap .box .box-conts span {font-weight:600; color:var(--main-color);} .offer .accordion-wrap .conts-box.on .head {background:var(--main-color);} .offer .accordion-wrap .conts-box.on .head:before, .offer .accordion-wrap .conts-box.on .head:after {background:var(--begie);} .offer .accordion-wrap .conts-box.on .head:after {transform:translateY(-50%) rotate(-90deg);} .offer .accordion-wrap .conts-box.on .head .category span {border:1px solid var(--begie);} .offer .accordion-wrap .conts-box.on .head .category span.obstetric, .offer .accordion-wrap .conts-box.on .head .category span.midwifery {background:transparent;} .offer .accordion-wrap .conts-box.on .head .category span.midwifery:before {background:var(--begie);} .offer .accordion-wrap .conts-box.on .head .tlt {color:var(--begie);} @media screen and (max-width: 768px) { .offer .accordion-wrap .conts-box .conts .img {width:160px;} .offer .accordion-wrap .conts-box .conts .conts-area {width:calc(100% - var(--gap-32) - 160px);} } @media screen and (max-width: 480px) { .offer .accordion-wrap .conts-box .head {min-height:62px;} .offer .accordion-wrap .conts-box .conts .conts-inner {flex-wrap:wrap;} .offer .accordion-wrap .conts-box .conts .img {width:180px; margin:0 auto;} .offer .accordion-wrap .conts-box .conts .conts-area {width:100%; text-align:left;} .offer .accordion-wrap .conts-box .conts .conts-area .button-wrap {justify-content:center;} .offer .dep-conts article .head-wrap .tlt {width:90%; height:42px;} } .maternity-care .sec-1 .unit-wrap {width:100%; max-width:780px; margin:0 auto; display:flex; gap:var(--gap-24); justify-content:space-between;} .maternity-care .sec-1 .unit-wrap .unit-box {flex:1; background:#fff; padding:var(--gap-24); border-radius:4px; border:1px solid var(--main-color);} .maternity-care .sec-1 .unit-wrap .unit-box .tlt {width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--gap-24);} .maternity-care .sec-1 .unit-wrap .unit-box .tlt em {font-size:var(--font-20); font-weight:600;} .maternity-care .sec-1 .unit-wrap .unit-box .tlt span {width:calc(var(--gap-80) * 0.65); height:calc(var(--gap-80) * 0.65); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:var(--font-20); font-weight:600; color:#fff;} .maternity-care .sec-1 .unit-wrap .unit-box.obstetric .tlt span {background:var(--main-color);} .maternity-care .sec-1 .unit-wrap .unit-box.midwifery .tlt span {background:#8DB3C0;} .maternity-care .sec-1 .unit-wrap .unit-box .conts {width:100%; border-top:1px solid var(--main-color); padding-top:var(--gap-24); font-size:var(--font-16); letter-spacing:0;} @media screen and (max-width: 600px) { .maternity-care .sec-1 .unit-wrap {flex-wrap:wrap; max-width:420px;} .maternity-care .sec-1 .unit-wrap .unit-box {width:100%; flex:none;} } .maternity-care .sec-2 > .inner {max-width:720px;} .maternity-care .sec-2 {background:var(--midgreen);} .maternity-care .sec-2 .title-box {width:100%; margin-bottom:calc(var(--gap-80) * 0.8);} .maternity-care .sec-2 .title-box > * {margin-top:var(--gap-32);} .maternity-care .sec-2 .title-box > *:first-child {margin-top:0;} .maternity-care .sec-2 .title-box h2 {font-size:var(--font-28); font-weight:600; color:var(--begie); text-align:center;} .maternity-care .sec-2 .title-box .conts {width:100%; font-family:var(--Sanchez); font-size:var(--font-18); color:var(--begie); letter-spacing:0;} .maternity-care .sec-2 .title-box .conts.center {text-align:center;} @media screen and (max-width: 768px) { .maternity-care .sec-2 .title-box .conts.center {text-align:left;} } .maternity-care .sec-2 .category-wrap {width:100%; margin-top:calc(var(--gap-80) * 0.9); display:flex; align-items:center; justify-content:center;} .maternity-care .sec-2 .category-wrap span {position:relative; padding:0 var(--gap-16);} .maternity-care .sec-2 .category-wrap span:before {content:""; width:1px; height:calc(var(--font-18) * 0.8); box-sizing:border-box; border-left:1px solid var(--begie); position:absolute; left:0; top:50%; transform:translateY(-50%);} .maternity-care .sec-2 .category-wrap span:first-child:before {display:none;} .maternity-care .sec-2 .category-wrap span a {font-size:var(--font-18); font-weight:600; color:var(--begie); padding-right:var(--gap-16); position:relative;} .maternity-care .sec-2 .category-wrap span a:after {content:""; width:0; height:0; border:solid transparent; border-top-width:4px; border-bottom-width:4px; border-left:6px solid var(--begie); position:absolute; right:0; top:calc(50% + 1px); transform:translateY(-50%);} .maternity-care .sec-2 .category-wrap span.on a {color:var(--main-color);} .maternity-care .sec-2 .category-wrap span.on a:after {border-left-color:var(--main-color);} .maternity-care .sec-2 .title-box.labor .sub-conts {width:100%; border-radius:var(--gap-8); background:var(--begie); padding:var(--gap-24) var(--gap-32);} .maternity-care .sec-2 .title-box.labor .sub-conts em {display:block; font-size:var(--font-18); font-weight:600; color:var(--main-color);} .maternity-care .sec-2 .title-box.labor .sub-conts ul {margin-top:var(--gap-16); counter-reset:number;} .maternity-care .sec-2 .title-box.labor .sub-conts ul li {font-size:var(--font-16); color:var(--black); font-weight:600; margin-top:4px; padding-left:var(--font-16); text-indent:calc(var(--font-16) * -1);} .maternity-care .sec-2 .title-box.labor .sub-conts ul li:before {content:counter(number)") "; counter-increment:number;} @media screen and (max-width: 480px) { .maternity-care .sec-2 .category-wrap span a {font-size:12px;} .maternity-care .sec-2 .category-wrap span a:after {border-width:3px; border-left-width:5px;} } .newborn-care section {padding:var(--gap-80) 0;} .newborn-care section > .inner {width:95%; margin:0 auto; max-width:720px;} .newborn-care section:nth-child(even) {background:var(--midgreen);} .newborn-care .sec-1 .conts-wrap .main-conts {font-size:var(--font-18); font-weight:600;} .newborn-care .sec-1 .conts-wrap .img-box {width:100%; margin:var(--gap-40) 0 var(--gap-32) 0;} .newborn-care .sec-1 .conts-wrap .img-box img {max-width:100%; display:block; margin:0 auto;} .newborn-care .sec-1 .conts-wrap .sub-conts {font-size:var(--font-16);} .newborn-care .sec-1 .conts-wrap .sub-conts a {color:var(--main-color); display:inline-block; font-size:var(--font-16);} .lactation-care section {padding:var(--gap-80) 0;} .lactation-care section > .inner {width:95%; margin:0 auto; max-width:720px;} .lactation-care section:nth-child(even) {background:var(--midgreen);} .lactation-care .sec-1 .conts-wrap .main-conts {font-size:var(--font-18); font-weight:600;} .lactation-care .sec-1 .conts-wrap .img-box {width:100%; margin-top:var(--gap-40);} .lactation-care .sec-1 .conts-wrap .img-box img {max-width:100%; display:block; margin:0 auto;} .lactation-care .sec-1 .conts-wrap .sub-conts {background:#8CB3BF; border-radius:0 0 var(--gap-8) var(--gap-8); padding:var(--gap-32); display:flex; gap:var(--gap-24);} .lactation-care .sec-1 .conts-wrap .sub-conts .img {width:120px;} .lactation-care .sec-1 .conts-wrap .sub-conts .img img {display:block; max-width:100%;} .lactation-care .sec-1 .conts-wrap .sub-conts .conts {width:calc(100% - 120px - var(--gap-24)); font-size:var(--font-18); font-family:var(--Sanchez); color:var(--begie);} .lactation-care .sec-1 .conts-wrap .sub-conts .conts span {display:block; margin-top:var(--gap-24); font-family:var(--NotoKR);} .lactation-care .sec-1 .conts-wrap .button-wrap {width:100%; margin-top:var(--gap-40); display:flex; justify-content:center;} .lactation-care .sec-1 .conts-wrap .button-wrap a {height:36px; border-radius:20px; padding:0 var(--gap-24); display:flex; align-items:center; justify-content:center; background:var(--main-color); color:var(--begie); font-size:var(--font-14);} .lactation-care .sec-1 .conts-wrap .button-wrap a span {position:relative; padding-right:calc(var(--gap-8) + var(--font-14));} .lactation-care .sec-1 .conts-wrap .button-wrap a span:after {content:""; width:var(--font-14); height:var(--font-14); background:url(/img/conts/icon_dir_on.svg) center no-repeat; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%);} @media screen and (max-width: 480px) { .lactation-care .sec-1 .conts-wrap .sub-conts {flex-wrap:wrap;} .lactation-care .sec-1 .conts-wrap .sub-conts .img {margin:0 auto;} .lactation-care .sec-1 .conts-wrap .sub-conts .conts {width:100%;} } .lactation-care .accordion-wrap .conts-box .conts .conts-area .lactation-conts {width:100%; border-radius:4px; background:var(--begie); padding:var(--gap-24);} .lactation-care .accordion-wrap .conts-box .conts .conts-area .lactation-conts .tlt {width:fit-content; height:36px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:var(--font-16); font-weight:600; color:var(--begie); margin:0 auto; background:var(--main-color); padding:0 var(--gap-32); border-radius:40px;} .lactation-care .accordion-wrap .conts-box .conts .conts-area .lactation-conts .conts-box-wrap {width:100%;} .lactation-care .accordion-wrap .conts-box .conts .conts-area .lactation-conts .conts-box-wrap .box {width:100%; padding:var(--gap-24) 0; border-bottom:1px solid var(--main-color); color:var(--black); font-size:var(--font-16);} .lactation-care .accordion-wrap .conts-box .conts .conts-area .lactation-conts .conts-box-wrap .box:last-child {border-bottom:none; padding-bottom:0;} .lactation-care .accordion-wrap .conts-box .conts .conts-area .lactation-conts .conts-box-wrap .box ul li {color:var(--main-color); font-weight:600; position:relative; line-height:1.2; padding-left:calc(var(--font-16) - 3px); text-indent:calc((var(--font-16) - 3px) * -1); margin-top:var(--gap-8);} .lactation-care .accordion-wrap .conts-box .conts .conts-area .lactation-conts .conts-box-wrap .box ul li:before {content:"· ";} @media screen and (max-width: 480px) { .lactation-care .accordion-wrap .conts-box .conts .conts-area .lactation-conts .conts-box-wrap .box {text-align:left;} } .contact-us section > .inner {max-width:1020px;} .contact-us .title-box {width:100%; margin-bottom:var(--gap-80);} .contact-us .title-box h2 {font-size:var(--font-28); font-weight:600; color:var(--main-color); text-align:center;} .contact-us .contact-us-wrap {width:100%;} .contact-us .contact-us-wrap .com-conts .tlt {width:140px; height:36px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:40px; font-size:var(--font-18); font-weight:600; border:1px solid var(--main-color); color:var(--main-color);} .contact-us .contact-us-wrap .com-conts .tlt.fill {background:var(--main-color); color:var(--begie);} .contact-us .contact-us-wrap .com-conts .conts {width:100%; margin-top:var(--gap-32); font-size:var(--font-16); letter-spacing:0;} .contact-us .contact-us-wrap .com-conts .conts em {font-weight:600;} .contact-us .contact-us-wrap .com-conts .conts span {color:var(--main-color);} .contact-us-wrap .location-box .location-conts .conts-box .parking_title {font-weight: 700; color:var(--main-color); margin-bottom: 30px;} .contact-us-wrap .location-box .location-conts .conts-box .parking_content {} .contact-us-wrap .location-box .location-conts .conts-box .parking_content .parking_bold{font-weight: 700;color: var(--black);} .contact-us-wrap .location-box .location-conts .conts-box .parking_note {color:var(--main-color);} .contact-us-wrap .location-box .location-conts .conts-box .parking_content p{text-indent: -20px; margin-left: 20px;} .contact-us-wrap .location-box .location-conts .conts-box .parking_content p:first-child {margin-bottom: 30px;} .contact-us .contact-us-wrap .location-box {width:100%; display:flex; flex-direction:row-reverse;} .contact-us .contact-us-wrap .location-box > * {width:50%;} .contact-us .contact-us-wrap .location-box .map span {width:100%; display:block; height:0; padding-bottom:100%; position:relative;} .contact-us .contact-us-wrap .location-box .map span iframe {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .gm-style .place-card-large {display:none !important;} .contact-us .contact-us-wrap .location-box .location-conts {padding-right:var(--gap-80);} .contact-us .contact-us-wrap .location-box .location-conts .conts-box {width:100%; padding:calc(var(--gap-60) * 0.8) 0; border-top:1px solid var(--main-color);} .contact-us .contact-us-wrap .location-box .location-conts .conts-box:first-child {padding-top:0; border-top:none;} .contact-us .contact-us-wrap .location-box .location-conts .conts-box:last-child {padding-bottom:0;} .contact-us .contact-us-wrap .location-box .location-conts .conts-box h3 {font-size:var(--font-18); font-weight:600; color:var(--main-color);} .contact-us .contact-us-wrap .transport-box {width:100%;; margin-top:calc(var(--gap-80) * 0.8);} .contact-us .contact-us-wrap .transport-box .transport-conts {width:100%; display:flex;} .contact-us .contact-us-wrap .transport-box .transport-conts .conts-box {width:50%;} .contact-us .contact-us-wrap .transport-box .transport-conts .conts-box:first-child {padding-right:var(--gap-80);} .contact-us .contact-us-wrap .transport-box .transport-conts .conts-box .bus-list li {position:relative; display:flex; align-items:center; gap:var(--gap-8); margin-top:var(--gap-8); padding-left:calc(var(--font-16) - 2px + var(--gap-16));} .contact-us .contact-us-wrap .transport-box .transport-conts .conts-box .bus-list li:first-child {margin-top:0;} .contact-us .contact-us-wrap .transport-box .transport-conts .conts-box .bus-list li:before {content:""; width:calc(var(--font-16) - 2px); height:calc(var(--font-16) - 2px); border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%);} .contact-us .contact-us-wrap .transport-box .transport-conts .conts-box .bus-list li.blue:before {background:#0F5DB2;} .contact-us .contact-us-wrap .transport-box .transport-conts .conts-box .bus-list li.green:before {background:#01913a;} .contact-us .contact-us-wrap .transport-box .transport-conts .conts-box .bus-list li.local:before {background:#1EAA39;} .contact-us .contact-us-wrap .transport-box .transport-conts .conts-box .bus-list li.orange:before {background:#E47325;} @media screen and (max-width: 768px) { .contact-us .contact-us-wrap .location-box {flex-wrap:wrap; gap:var(--gap-40);} .contact-us .contact-us-wrap .location-box > * {width:100%;} .contact-us .contact-us-wrap .location-box .map span {padding-bottom:calc(240 / 400 * 100%);} .contact-us .contact-us-wrap .location-box .location-conts {padding-right:0;} .contact-us .contact-us-wrap .transport-box .transport-conts {flex-wrap:wrap; gap:calc(var(--gap-60) * 0.8);} .contact-us .contact-us-wrap .transport-box .transport-conts .conts-box {width:100%;} .contact-us .contact-us-wrap .transport-box .transport-conts .conts-box:first-child {padding-right:0;} } @media screen and (max-width: 480px) { .contact-us .contact-us-wrap .com-conts .tlt {width:120px;} } /*booknow*/ .booknow {background:var(--midgreen);} .booknow section {background:var(--midgreen);} .booknow section > .inner {max-width:720px;} .booknow .conts-wrap .title {width:100%; margin-bottom:calc(var(--gap-60) * 0.8);} .booknow .conts-wrap .title h2 {font-size:var(--font-28); font-weight:600; color:var(--begie); text-align:center;} .booknow .step-wrap {width:100%; display:flex;} .booknow .step-wrap .step-box {width:25%; position:relative; padding-top:calc(var(--gap-16) + var(--gap-32));} .booknow .step-wrap .step-box:before {content:""; width:var(--gap-32); height:var(--gap-32); border-radius:50%; box-sizing:border-box; border:1px solid var(--begie); background:var(--begie); position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:2;} .booknow .step-wrap .step-box:after {content:""; width:100%; height:1px; box-sizing:border-box; border-top:1px solid var(--begie); position:absolute; left:50%; top:calc(var(--gap-32) / 2); z-index:0;} .booknow .step-wrap .step-box > * {display:block; font-size:var(--font-14); text-align:center; color:var(--begie); font-weight:600; letter-spacing:0; padding:0 var(--gap-8);} .booknow .step-wrap .step-box span {line-height:1.2; margin-top:5px;} .booknow .step-wrap .step-box.on:before {background:var(--main-color);} .booknow .step-wrap .step-box:last-child:after {display:none;} @media screen and (max-width: 480px) { .booknow .step-wrap .step-box span {visibility:hidden} .booknow .step-wrap .step-box.on span {visibility:visible; width:max-content; max-width:100px; position:absolute; left:50%; top:calc(var(--gap-16) + var(--gap-32) + var(--font-16)); transform:translateX(-50%);} } .booknow .booknow-conts-wrap {width:100%; background:var(--begie); border-radius:var(--gap-16); padding:var(--gap-40) calc(var(--gap-60) * 0.8) var(--gap-80) var(--gap-40); margin-top:calc(var(--gap-80) * 0.8);} .booknow .booknow-conts-wrap > .inner {width:100%;} .booknow .booknow-conts-wrap .option-list {} .booknow .booknow-conts-wrap .option-list .option-box {position:relative;} .booknow .booknow-conts-wrap .option-list .option-box .option {position:relative;} .booknow .booknow-conts-wrap .option-list .option-box input[type="radio"] {width:0; height:0; opacity:0; visibility:hidden; position:absolute; left:0; top:0;} .booknow .booknow-conts-wrap .option-list .option-box input[type="radio"] + label {width:100%; height:64px; border-radius:var(--gap-16); display:flex; align-items:center; justify-content:center; padding:var(--gap-16); background:#fff; border:1px solid var(--main-color); font-size:var(--font-18); font-weight:600; color:var(--main-color); cursor:pointer; box-sizing:border-box; line-height:1.3; text-align:center;} .booknow .booknow-conts-wrap .option-list .option-box input[type="radio"]:checked + label {background:var(--main-color); color:#fff;} @media screen and (max-width: 480px) { .booknow .booknow-conts-wrap .option-list .option-box input[type="radio"] + label {height:54px;} } .booknow .booknow-conts-wrap .title-box {width:100%; margin-bottom:calc(var(--gap-60) * 0.8);} .booknow .booknow-conts-wrap .title-box h3 {font-size:var(--font-20); font-weight:600; color:var(--main-color); text-align:center;} .booknow .booknow-conts-wrap .title-box .conts {width:100%; text-align:center; margin-top:var(--gap-24); font-size:var(--font-16); letter-spacing:0;} .booknow .booknow-conts-wrap .title-box .conts span {color:var(--main-color); font-weight:600; display:block; margin-top:var(--gap-16);} .booknow .booknow-conts-wrap .title-box .conts.lf {text-align:left;} .booknow .booknow-conts-wrap .button-box {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-8); margin-top:var(--gap-40);} .booknow .booknow-conts-wrap .button-box .button {flex-basis:210px; height:48px; border-radius:40px; display:flex; align-items:center; justify-content:center; background:var(--main-color); font-size:var(--font-18); font-weight:600; color:var(--begie);} .booknow .booknow-conts-wrap .button-box .button.disabled {background:#B4B4B5; color:var(--begie); pointer-events: none;} .booknow .booknow-conts-wrap .button-box .button.line {border-radius:var(--gap-8); border:1px solid var(--main-color); background:#fff; color:var(--main-color);} .booknow .booknow-conts-wrap .appointment-wrap {width:100%:} .booknow .booknow-conts-wrap .appointment-wrap article {width:100%; margin-top:var(--gap-40);} .booknow .booknow-conts-wrap .appointment-wrap article:first-child {margin-top:0;} .booknow .booknow-conts-wrap .appointment-wrap article .tlt {text-align:center; font-size:var(--font-18); font-weight:600; margin-bottom:var(--gap-24);} .booknow .booknow-conts-wrap .appointment-wrap .option-list {max-width:480px; margin:0 auto;} .booknow .booknow-conts-wrap .appointment-wrap .option-list .option-box {width:100%; margin-top:var(--gap-16);} .booknow .booknow-conts-wrap .appointment-wrap .option-list .option-box:first-chlid {margin-top:0;} .booknow .booknow-conts-wrap .appointment-wrap .option-list .option-box .tooltip {width:max-content; max-width:100%; background:#EEEEEF; border-radius:var(--gap-8); padding:var(--gap-16); font-size:var(--font-14); position:absolute; z-index:10; top:80%; visibility:hidden; opacity:0; transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, left 0.3s ease-in-out;} .booknow .booknow-conts-wrap .appointment-wrap .option-list .option-box:hover .tooltip {visibility:visible; opacity:1;} /*240919*/ .booknow .booknow-conts-wrap .appointment-wrap .option-list .option-box .option:hover .tooltip {visibility:visible; opacity:1;} .booknow .booknow-conts-wrap .appointment-wrap .option-list .option-box .option .tooltip.hidden {visibility:hidden; opacity:0;} @media screen and (max-width: 600px) { .booknow .booknow-conts-wrap .appointment-wrap .option-list .option-box .tooltip {max-width:100%; left:50%; transform:translateX(-50%);} } .booknow .booknow-conts-wrap .appointment-wrap .hide-box {width:100%; margin-top:var(--gap-32); display:none;} .booknow .booknow-conts-wrap .appointment-wrap .hide-box .txt {width:100%; font-size:var(--font-16); text-align:center; margin-bottom:var(--gap-16);} .booknow .booknow-conts-wrap .appointment-wrap .hide-box .input-txt {width:100%;} .booknow .booknow-conts-wrap .appointment-wrap .hide-box .input-txt textarea {width:100%; height:120px; background:#fff; border:1px solid #B4B4B5; border-radius:4px; padding:var(--gap-16); font-size:var(--font-16); resize:none;} .booknow .booknow-conts-wrap .appointment-wrap .hide-box.active {display:block;} /*240919*/ .booknow .booknow-conts-wrap .appointment-wrap .hide-box.on {margin-top:var(--gap-24); height:100%; opacity:1; visibility:visible;} .booknow .booknow-conts-wrap .appointment-wrap .hide-box ul.numbering {counter-reset:numbering;} .booknow .booknow-conts-wrap .appointment-wrap .hide-box ul.numbering li {text-align:left; padding-left:calc(var(--font-16) + 2px); text-indent:calc((var(--font-16) + 2px) * -1);} .booknow .booknow-conts-wrap .appointment-wrap .hide-box ul.numbering li:before {counter-increment:numbering; content:counter(numbering)". ";} .booknow .booknow-conts-wrap .doctor-time-wrap {width:100%;} .booknow .booknow-conts-wrap .doctor-time-wrap .main-conts {width:100%;} .booknow .booknow-conts-wrap .doctor-time-wrap .main-conts ul.time-notice {width:100%; max-width:450px; margin:0 auto;} .booknow .booknow-conts-wrap .doctor-time-wrap .main-conts ul.time-notice li {display:flex; gap:var(--gap-24); font-size:var(--font-18); font-weight:600; line-height:1.3; margin-top:var(--gap-8);} .booknow .booknow-conts-wrap .doctor-time-wrap .main-conts ul.time-notice li:first-child {margin-top:0;} .booknow .booknow-conts-wrap .doctor-time-wrap .main-conts ul.time-notice li .head {width:80px; text-align:center;} .booknow .booknow-conts-wrap .doctor-time-wrap .main-conts ul.time-notice li .conts {width:calc(100% - 80px - var(--gap-24));} .booknow .booknow-conts-wrap .doctor-time-wrap .main-conts .txt {text-align:center; font-size:var(--font-18); color:var(--main-color); margin-top:var(--gap-24);} @media screen and (max-width: 480px) { .booknow .booknow-conts-wrap .doctor-time-wrap .main-conts ul.time-notice li {justify-content:center;} .booknow .booknow-conts-wrap .doctor-time-wrap .main-conts ul.time-notice li .head {width:65px;} .booknow .booknow-conts-wrap .doctor-time-wrap .main-conts ul.time-notice li .conts {width:160px;} .booknow .booknow-conts-wrap .doctor-time-wrap .main-conts ul.time-notice li .conts span {display:block;} } .booknow .booknow-conts-wrap .doctor-time-wrap .option-wrap {width:100%; margin-top:calc(var(--gap-60) * 0.8);} .booknow .booknow-conts-wrap .doctor-time-wrap .option-wrap .option-list {width:100%; display:flex; align-items:center; gap:var(--gap-8); justify-content:center; flex-wrap:wrap;} .booknow .booknow-conts-wrap .doctor-time-wrap .option-wrap .option-list .option-box {} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap {width:100%;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box {width:100%; border-radius:4px; background:#fff; padding:var(--gap-40); margin-top:calc(var(--gap-60) * 0.8); display:none;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .box-wrap {display:flex; gap:var(--gap-32);} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .img-box {width:112px;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .img-box span {display:block; width:100%; height:0; padding-bottom:100%; border-radius:50%; overflow:hidden; position:relative;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .img-box span img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .img-box.vertical span img {width:100%; max-width:100%; height:auto;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .img-box.horizontal span img {height:100%; max-height:100%; width:auto;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .img-box.basic span img {width:100%; max-width:100%; height:auto;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .profile-conts {width:calc(100% - 112px - var(--gap-32));} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .profile-conts .tlt {font-size:var(--font-18); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-24);} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .profile-conts .profile {font-size:var(--font-16);} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .profile-conts .profile a {width:120px; height:40px; border-radius:4px; background:var(--main-color); color:var(--begie); font-size:var(--font-16); font-weight:600; display:flex; align-items:center; justify-content:center; text-align:center; margin-left:auto;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box.active {display:block;} @media screen and (max-width: 768px) { .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .img-box {width:90px;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .profile-conts {width:calc(100% - 90px - var(--gap-32));} } @media screen and (max-width: 480px) { .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .box-wrap {flex-wrap:wrap;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .img-box {width:100px; margin:0 auto;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .profile-conts {width:100%;} .booknow .booknow-conts-wrap .doctor-time-wrap .profile-wrap .profile-box .profile-conts .profile a {margin:0 auto;} } .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap {width:100%; margin-top:calc(var(--gap-60) * 0.8);} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-nav {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-40); margin-bottom:var(--gap-32);} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-nav button {width:var(--gap-32); height:var(--gap-32); font-size:0; cursor:pointer; position:relative;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-nav button:before {content:""; width:100%; height:100%; background:url(/img/conts/calendar_nav.svg) center no-repeat; background-size:cover; position:absolute; left:0; top:0;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-nav button.btn-prev:before {transform:scaleX(-1);} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-nav .date {font-size:var(--font-20); font-weight:600;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap {width:100%; background:#fff; display:flex; border-radius:0 4px 4px 0;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area {width:66%;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar {width:100%; border:solid var(--black); border-width:0 1px 1px 0;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar .head {width:100%; display:flex; align-items:center; background:#A5BCA5;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar .head .th {width:calc(100% / 7); height:64px; display:flex; align-items:center; justify-content:center; text-align:center; padding:var(--gap-8); border:solid var(--black); border-width:1px 0 0 1px; font-size:var(--font-16); font-weight:600;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar ul.date-wrap {width:100%; display:flex; flex-wrap:wrap; align-items:center;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar ul.date-wrap li {width:calc(100% / 7); height:64px; border:solid var(--black); border-width:1px 0 0 1px; position:relative;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar ul.date-wrap li.disabled {background:#EEEEEF;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar ul.date-wrap li input[type="radio"] {width:0; height:0; position:absolute; left:0; top:0; opacity:0; visibility:hidden;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar ul.date-wrap li input[type="radio"] + label {width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:var(--gap-8); box-sizing:border-box; cursor:pointer; font-size:var(--font-16);} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar ul.date-wrap li input[type="radio"]:disabled + label {background:#EEEEEF; color:#B4B4B5;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar ul.date-wrap li input[type="radio"]:checked + label {background:var(--main-color); color:#fff;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar ul.date-wrap li .today {width:80%; height:14px; display:flex; align-items:center; justify-content:center; text-align:Center; background:var(--main-color); color:#fff; font-size:8px; font-weight:600; position:absolute; left:50%; top:5px; transform:translateX(-50%);} @media screen and (max-width: 768px) { .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap {flex-wrap:wrap;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area {width:100%;} } @media screen and (max-width: 480px) { .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar .head .th, .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .calendar-area .calendar ul.date-wrap li {height:50px;} } .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts {width:34%; padding:var(--gap-24) var(--gap-16); text-align:center;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts .date {width:100%; text-align:center; font-size:var(--font-16); font-weight:600;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts .time-wrap {width:100%; max-width:150px; margin:0 auto;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts .time-wrap .time-box {width:100%; margin-top:calc(var(--gap-80) * 0.8); display:flex; align-items:center; gap:calc(var(--gap-16) * 0.75); flex-wrap:wrap;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts .time-wrap .time-box .option {position:relative;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts .time-wrap .time-box .option input[type="checkbox"] {width:0; height:0; position:absolute; left:0; top:0; opacity:0; visibility:hidden;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts .time-wrap .time-box .option input[type="checkbox"] + label {width:64px; height:24px; border-radius:30px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:var(--font-14); cursor:pointer; border:1px solid var(--black); background:#fff;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts .time-wrap .time-box .option input[type="checkbox"]:disabled + label {background:#EEEEEF; border-color:#C8C9CA; color:#C8C9CA;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts .time-wrap .time-box .option input[type="checkbox"]:checked + label {background:var(--main-color); border-color:var(--main-color); color:#fff;} @media screen and (max-width: 768px) { .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts {width:100%;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts .time-wrap {max-width:100%;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .calendar-wrap .selected-conts .time-wrap .time-box {justify-content:center;} } .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .note {width:100%; font-size:var(--font-16); color:var(--main-color); margin-top:var(--gap-24);} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .selected-option-list {width:100%; display:flex; align-items:center; gap:var(--gap-8); flex-wrap:wrap; margin-top:var(--gap-24);} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .selected-option-list .option-box {display:flex; align-items:center; height:36px; gap:calc(var(--gap-16) * 0.75); border-radius:var(--gap-8); border:1px solid var(--main-color); padding:0 calc(var(--gap-16) * 0.75); box-sizing:border-box;} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .selected-option-list .option-box span {font-size:var(--font-14); color:var(--main-color);} .booknow .booknow-conts-wrap .doctor-time-wrap .calendar-conts-wrap .selected-option-list .option-box .btn-delete {width:var(--font-16); height:var(--font-16); background:url(/img/conts/icon_x.svg) center no-repeat; background-size:cover; font-size:0; cursor:pointer;} .sub .form-tb > li .head {font-weight:600;} .sub .form-tb > li .head span.required {position:relative;} .sub .form-tb > li .head span.required:after {content:"*"; color:#E73828;} .sub .form-tb > li.wid {width:100%;} .sub .form-tb .option-wrap .hide-box {width:100%; padding-left:calc(var(--gap-24) + var(--gap-8)); margin-top:var(--gap-8); display:none;} .sub .form-tb .option-wrap .hide-box.active {display:block;} .sub .form-tb .option-wrap .hide-box .hide-wrap {width:100%; display:flex; align-items:center; gap:0 var(--gap-8); flex-wrap:wrap;} .sub .form-tb .option-wrap {display:flex; align-items:center; gap:var(--gap-16) var(--gap-40); flex-wrap:wrap;} .sub .form-tb .option-wrap.wid .option {width:100%;} .sub .form-tb .input-wrap {display:flex; align-items:center;} .sub .form-tb .input-wrap .input-box {width:100%; max-width:260px;} .sub .form-tb .input-wrap .input-box.wid {max-width:350px;} .sub .form-tb .radio {position:relative;} .sub .form-tb .radio input[type="radio"] {width:0; height:0; position:absolute; left:0; top:0; opacity:0; visibility:hidden;} .sub .form-tb .radio input[type="radio"] + label {font-size:var(--font-16); position:relative; cursor:pointer; padding-left:calc(var(--gap-24) + var(--gap-8)); display:block;} .sub .form-tb .radio input[type="radio"] + label:before {content:""; width:var(--gap-24); height:var(--gap-24); border-radius:50%; box-sizing:border-box; border:1px solid var(--black); background:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%);} .sub .form-tb .radio input[type="radio"] + label:after {content:""; width:calc(var(--gap-24) - 10px); height:calc(var(--gap-24) - 10px); border-radius:50%; background:var(--main-color); position:absolute; left:5px; top:50%; transform:translateY(-50%); display:none;} .sub .form-tb .radio input[type="radio"]:checked + label:after {display:block;} .sub .form-tb .checkbox {position:relative;} .sub .form-tb .checkbox input[type="checkbox"] {width:0; height:0; position:absolute; left:0; top:0; opacity:0; visibility:hidden;} .sub .form-tb .checkbox input[type="checkbox"] + label {font-size:var(--font-16); position:relative; cursor:pointer; padding-left:calc(var(--gap-24) + var(--gap-16)); display:block;} .sub .form-tb .checkbox input[type="checkbox"] + label:before {content:""; width:var(--gap-24); height:var(--gap-24); box-sizing:border-box; border:1px solid var(--black); background:url(/img/conts/checkbox.svg) center no-repeat; background-size:cover; background-color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%);} .sub .form-tb .checkbox input[type="checkbox"] + label a {font-size:var(--font-14); color:var(--main-color); text-decoration:underline; margin-left:5px;} .sub .form-tb .checkbox input[type="checkbox"]:checked + label:before {background-image:url(/img/conts/checkbox_on.svg); background-color:var(--main-color); border-color:var(--main-color);} @media screen and (max-width: 480px) { .sub .form-tb .radio input[type="radio"] + label:after {width:calc(var(--gap-24) - 8px); height:calc(var(--gap-24) - 8px); left:4px;} } .sub .form-tb .addfile-wrap {width:100%;} .sub .form-tb .addfile-wrap .addfile-box {width:100%; position:relative; display:flex; align-items:center; gap:var(--gap-8);} .sub .form-tb .addfile-wrap .addfile-box input[type="file"] {width:0; height:0; opacity:0; visibility:hidden; position:absolute; left:0; top:0;} .sub .form-tb .addfile-wrap .addfile-box input[type="file"] + label {width:100px; height:36px; border-radius:4px; background:var(--main-color); display:flex; align-items:center; justify-content:center; font-size:var(--font-16); color:var(--begie); font-weight:500; cursor:pointer;} .sub .form-tb .addfile-wrap .addfile-box .file-name {width:calc(100% - 100px - var(--gap-8)); height:36px; background:#fff; border:1px solid #B4B4B5; padding:0 var(--gap-16); font-size:var(--font-16); display:flex; align-items:center;} .sub .form-tb .addfile-wrap .addfile-box .file-name span {display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .sub .form-tb .addfile-wrap .note {font-size:var(--font-14); color:var(--main-color);} @media screen and (max-width: 480px) { .sub .form-tb .addfile-wrap .addfile-box {flex-wrap:wrap;} .sub .form-tb .addfile-wrap .addfile-box input[type="file"] + label {width:100%;} .sub .form-tb .addfile-wrap .addfile-box .file-name {width:100%;} } .sub .form-tb input[type="text"] {width:100%; height:36px; box-sizing:border-box; padding:0 var(--gap-16); background:#fff; border:1px solid #B4B4B5; font-size:var(--font-16);} .sub .form-tb input[type="date"] {width:100%; height:36px; box-sizing:border-box; padding:0 var(--gap-16); background:#fff; border:1px solid #B4B4B5; font-size:var(--font-16); position:relative;} /*.sub .form-tb input[type="date"]::-webkit-datetime-edit-text {-webkit-appearance:none; display:none;} .sub .form-tb input[type="date"]::-webkit-datetime-edit-month-field {-webkit-appearance:none; display:none;} .sub .form-tb input[type="date"]::-webkit-datetime-edit-day-field {-webkit-appearance:none; display:none;} .sub .form-tb input[type="date"]::-webkit-datetime-edit-year-field {-webkit-appearance:none; display:none;}*/ .sub .form-tb input[type="date"]::-webkit-calendar-picker-indicator {background:transparent; z-index:1;} .sub .form-tb input[type="date"]:focus {outline:none;} .sub .form-tb input[type="date"]:before {content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0;} .sub .form-tb input[type="date"]:after {content:""; width:24px; height:24px; background:url(/img/conts/icon_calendar.svg) center no-repeat; position:absolute; right:var(--gap-16); top:50%; transform:translateY(-50%);} .sub .form-tb input[type="date"].active:before {display:none;} .sub .form-tb .select-box {width:max-content; position:relative; min-width:260px;} .sub .form-tb .select-box select {position:absolute; left:0; top:0; width:0; height:0; opacity:0; visibility:hidden;} .sub .form-tb .select-box .select {width:100%; box-sizing:border-box; background:#fff; display:flex; align-items:center; position:relative; cursor:pointer;} .sub .form-tb .select-box .select:before {content:""; width:100%; height:100%; box-sizing:border-box; border:1px solid #B4B4B5; position:absolute; left:0; top:0;} .sub .form-tb .select-box .select .selected-option {width:calc(100% - 36px); height:36px; display:flex; align-items:center; padding:0 var(--gap-16); font-size:var(--font-16); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#595757;} .sub .form-tb .select-box .select button {width:36px; height:36px; font-size:0; background:url(/img/conts/select_arrow.svg) center no-repeat; border-left:1px solid #B4B4B5;} .sub .form-tb .select-box .option-list {width:100%; background:#fff; position:absolute; left:0; top:36px; border:solid #B4B4B5; border-width:0 1px 1px 1px; z-index:100; display:none;} .sub .form-tb .select-box .option-list ul {width:100%;} .sub .form-tb .select-box .option-list ul li {cursor:pointer; padding:var(--gap-8) var(--gap-16); font-size:var(--font-16); color:#595757;} .sub .form-tb .select-box .option-list ul li:hover {background:#DBE4DB;} .sub .form-tb .select-box.active .option-list {display:block;} .booknow .booknow-conts-wrap .reservation-form-tb-wrap {width:100%;} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb {width:90%; margin:0 auto;} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li {width:100%; display:flex; align-items:center; font-size:var(--font-16); margin-top:var(--gap-24);} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li:first-child {margin-top:0;} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li .head {width:200px;} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li .input-area {width:calc(100% - 200px);} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li.wid {flex-wrap:wrap; gap:var(--gap-16); margin-top:var(--gap-40);} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li.wid > * {width:100% !important;} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li.hide {display:none;} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li.hide.active {display:flex;} @media screen and (max-width: 768px) { .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li .head {width:180px;} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li .input-area {width:calc(100% - 180px);} } @media screen and (max-width: 600px) { .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li {flex-wrap:wrap; gap:var(--gap-8);} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li .head {width:100%;} .booknow .booknow-conts-wrap .reservation-form-tb-wrap .reservation-form-tb > li .input-area {width:100%;} } .booknow .booknow-conts-wrap .confirmation-wrap {width:100%;} .booknow .booknow-conts-wrap .confirmation-wrap article {width:100%; margin-top:var(--gap-40);} .booknow .booknow-conts-wrap .confirmation-wrap article:first-child {margin-top:0;} .booknow .booknow-conts-wrap .confirmation-wrap article h3 {font-size:var(--font-16); font-weight:600; margin-bottom:var(--gap-16);} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb {width:100%; border:1px solid var(--black); position:relative; background:#fff;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb:before {content:""; width:45%; height:100%; position:absolute; left:0; top:0; z-index:0;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb li {width:100%; min-height:45px; display:flex; align-items:center; justify-content:center; position:relative; border-top:1px solid var(--black); font-size:var(--font-16); line-height:1.4;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb li:first-child {border-top:none;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb li > * {padding:var(--gap-8) var(--gap-16);} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb li .head {width:45%; font-weight:600;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb li .conts {width:55%;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb li .conts .option-list {width:100%; display:flex; align-itemes:center; flex-wrap:wrap; gap:var(--gap-8) var(--gap-16); font-size:12px;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb.ty-1:before {background:#C9D7C9;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb.ty-1 li {color:var(--main-color);} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb.ty-2:before {background:#EEEEEF;} @media screen and (max-width: 480px) { .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb:before {display:none;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb li {flex-wrap:wrap;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb li > * {display:flex; align-items:center; min-height:40px; padding:var(--gap-8) var(--gap-16);} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb li .head {width:100%;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb li .conts {width:100%;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb.ty-1 li .head {background:#C9D7C9;} .booknow .booknow-conts-wrap .confirmation-wrap article ul.tb.ty-2 li .head {background:#EEEEEF;} } .booknow .booknow-conts-wrap .result-conts-wrap {width:95%; margin:0 auto;} .booknow .booknow-conts-wrap .result-conts-wrap .conts-box {width:100%; font-size:var(--font-18);} .booknow .booknow-conts-wrap .result-conts-wrap .conts-box span {font-weight:600;} .modal {width:100%; height:var(--nvh); background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:1000; display:flex; align-items:center; justify-content:center;} .modal .modal-popup {width:90%; max-height:calc(var(--nvh) * 0.8); background:#fff; border-radius:var(--gap-16); padding:var(--gap-24);} .modal .modal-popup > .wrap {width:100%;} .modal .modal-popup .btn-popup-close {width:var(--gap-24); height:var(--gap-24); cursor:pointer; font-size:0; display:block; background:url(/img/conts/icon_close.svg) center no-repeat; background-size:cover; margin-left:auto; margin-bottom:var(--gap-8);} .modal .modal-popup .popup-conts {width:100%; max-height:calc((var(--nvh) * 0.8) - var(--gap-24) - var(--gap-8) - (var(--gap-24) * 2)); overflow-y:auto;} .modal .modal-popup .popup-conts::-webkit-scrollbar {width:5px; border-radius:10px;} .modal .modal-popup .popup-conts::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);} .modal.active {display:flex;} #privacy-policy-popup .privacy-policy {width:100%;} #privacy-policy-popup .privacy-policy section {width:100%; margin-top:calc(var(--gap-60) * 0.8);} #privacy-policy-popup .privacy-policy section:first-child {margin-top:0;} #privacy-policy-popup .privacy-policy .sec-1 h2 {font-size:var(--font-20); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-24);} #privacy-policy-popup .privacy-policy .sec-1 .conts-box {width:100%; font-size:var(--font-16); font-family:var(--Sanchez); color:var(--main-color);} #privacy-policy-popup .privacy-policy .sec-2 article {width:100%; margin-top:var(--gap-32);} #privacy-policy-popup .privacy-policy .sec-2 article:first-child {margin-top:0;} #privacy-policy-popup .privacy-policy .sec-2 article h3 {font-size:var(--font-18); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-16);} #privacy-policy-popup .privacy-policy .sec-2 article .conts-box {width:100%; font-size:var(--font-16);} #privacy-policy-popup .privacy-policy .sec-2 article .conts-box span {font-weight:600;} #labor-birth-popup {max-width:600px;} #labor-birth-popup .labor-birth-conts article {width:100%; margin-top:var(--gap-40);} #labor-birth-popup .labor-birth-conts article:first-child {margin-top:0;} #labor-birth-popup .labor-birth-conts article .tlt {width:100%; font-size:var(--font-20); font-weight:600; font-weight:600; margin-bottom:var(--gap-24); color:var(--main-color);} #labor-birth-popup .labor-birth-conts article .conts-box-wrap {width:100%;} #labor-birth-popup .labor-birth-conts article .conts-box-wrap .conts-box {width:100%; margin-top:var(--gap-32); font-size:var(--font-18);} #labor-birth-popup .labor-birth-conts article .conts-box-wrap .conts-box:first-child {margin-top:0;} #labor-birth-popup .labor-birth-conts article .conts-box-wrap .conts-box em {display:block; font-weight:600;} #labor-birth-popup .labor-birth-conts article .conts-box-wrap .conts-box .conts {width:100%;} .privacy section > .inner {max-width:1460px;} .privacy .privacy-wrap article {width:100%; padding:calc(var(--gap-60) * 0.8) 0; border-top:1px solid var(--main-color);} .privacy .privacy-wrap article:first-child {border-top:none; padding-top:0;} .privacy .privacy-wrap article:last-child {padding-bottom:0;} .privacy .privacy-wrap article > .wrap {width:95%; max-width:720px; margin:0 auto;} .privacy .privacy-wrap article .title-box {width:100%; margin-bottom:var(--gap-32);} .privacy .privacy-wrap article .title-box h2 {font-size:var(--font-20); font-weight:600; color:var(--main-color); text-align:center;} .privacy .privacy-wrap article .main-conts {width:100%; font-family:var(--Sanchez); font-size:var(--font-18); color:var(--main-color);} .privacy .privacy-wrap article .privacy-conts {width:100%;} .privacy .privacy-wrap article .privacy-conts .conts-box {width:100%; margin-top:var(--gap-40);} .privacy .privacy-wrap article .privacy-conts .conts-box:first-child {margin-top:0;} .privacy .privacy-wrap article .privacy-conts .conts-box h3 {font-size:var(--font-18); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-16);} .privacy .privacy-wrap article .privacy-conts .conts-box .conts {font-size:var(--font-18);} .privacy .privacy-wrap article .privacy-conts .conts-box .conts span {font-weight:600;} .join-the-team section {border-bottom:1px solid var(--main-color);} .join-the-team section:last-child {padding-bottom:calc(var(--gap-100) * 0.96) !important; border-bottom:none;} .join-the-team section:not(.sec-1) {padding:calc(var(--gap-80) * 0.8) 0;} .join-the-team section:not(.sec-1) > .inner {max-width:800px;} .join-the-team section .title-box {width:100%; margin-bottom:var(--gap-24);} .join-the-team section .title-box h2 {font-family:var(--Sanchez); font-size:var(--font-28); color:var(--main-color); text-align:center;} .join-the-team section .title-box span {width:max-content; min-width:160px; height:36px; padding:0 var(--gap-16); border-radius:40px; background:var(--main-color); color:var(--begie); font-size:var(--font-20); font-weight:600; display:flex; align-items:center; justify-content:center; text-align:center; margin:0 auto; margin-bottom:var(--gap-32);} @media screen and (max-width: 480px) { .join-the-team section .title-box span {min-width:120px;} } .join-the-team .sec-1 > .inner {max-width:var(--conts-w);} .join-the-team .sec-1 .intro-wrap {width:100%;} .join-the-team .sec-1 .intro-wrap .intro-box {width:100%; display:flex; align-items:center; background:#E2D7C1; flex-wrap:wrap;} .join-the-team .sec-1 .intro-wrap .intro-box .img-box {width:56.25%;} .join-the-team .sec-1 .intro-wrap .intro-box .img-box img {max-width:100%; display:block;} .join-the-team .sec-1 .intro-wrap .intro-box .conts-box {width:43.75%; padding:0 calc(var(--gap-80) * 0.7); font-size:var(--font-20); font-family:var(--Sanchez); color:var(--main-color);} .join-the-team .sec-1 .tab-wrap {width:100%; padding:calc(var(--gap-60) * 0.8) 0;} .join-the-team .sec-1 .tab-wrap ul.tab-box {display:flex; align-items:center; justify-content:center;} .join-the-team .sec-1 .tab-wrap ul.tab-box li {font-size:var(--font-20); color:#B4B4B5; cursor:pointer; position:relative; padding:0 var(--gap-24);} .join-the-team .sec-1 .tab-wrap ul.tab-box li:before {content:""; width:1px; height:50%; box-sizing:border-box; border-left:1px solid #B4B4B5; position:absolute; left:0; top:50%; transform:translateY(-50%);} .join-the-team .sec-1 .tab-wrap ul.tab-box li:first-child:before {display:none;} .join-the-team .sec-1 .tab-wrap ul.tab-box li.on, .join-the-team .sec-1 .tab-wrap ul.tab-box li:hover {color:var(--main-color);} @media screen and (max-width: 900px) { .join-the-team .sec-1 .intro-wrap .intro-box .img-box, .join-the-team .sec-1 .intro-wrap .intro-box .conts-box {width:100%;} .join-the-team .sec-1 .intro-wrap .intro-box .conts-box {padding:var(--gap-40);} } .join-the-team .sec-2 .conts-wrap {width:90%; margin:0 auto;} .join-the-team .sec-2 .conts-wrap article {width:100%; padding:var(--gap-40) 0; border-top:1px solid var(--main-color);} .join-the-team .sec-2 .conts-wrap article:first-child {border-top:none;} .join-the-team .sec-2 .conts-wrap article > * {margin-top:var(--gap-40);} .join-the-team .sec-2 .conts-wrap article > *:first-child {margin-top:0;} .join-the-team .sec-2 .conts-wrap article .img-conts-box {width:100%; display:flex; flex-wrap:wrap;} .join-the-team .sec-2 .conts-wrap article .img-conts-box.center {align-items:center;} .join-the-team .sec-2 .conts-wrap article .img-conts-box .img-box {width:22%;} .join-the-team .sec-2 .conts-wrap article .img-conts-box .img-box img {display:block; max-width:100%;} .join-the-team .sec-2 .conts-wrap article .img-conts-box .conts-box {width:78%; padding-left:var(--gap-40);} .join-the-team .sec-2 .conts-wrap article .img-conts-box .conts-box .title {font-size:var(--font-18); font-weight:600; margin-bottom:var(--gap-16);} .join-the-team .sec-2 .conts-wrap article .img-conts-box .conts-box .conts {font-size:var(--font-16);} .join-the-team .sec-2 .conts-wrap article .img-conts-box .conts-box .conts a {font-size:var(--font-16); color:var(--main-color); text-decoration:underline;} .join-the-team .sec-2 .conts-wrap article .img-conts-box .conts-box .logo-wrap {width:100%; margin-top:var(--gap-32); display:flex; align-item:center; gap:var(--gap-24); flex-wrap:wrap;} .join-the-team .sec-2 .conts-wrap article .img-conts-box .conts-box .logo-wrap span {display:block;} .join-the-team .sec-2 .conts-wrap article .img-conts-box .conts-box .logo-wrap span img {max-height:30px;} .join-the-team .sec-2 .conts-wrap article .title-conts-box {width:100%; padding:var(--gap-24) 0; text-align:center;} .join-the-team .sec-2 .conts-wrap article .title-conts-box h3 {font-family:var(--Sanchez); font-size:var(--font-28); color:var(--main-color); text-align:center; margin-bottom:var(--gap-32);} .join-the-team .sec-2 .conts-wrap article .title-conts-box .conts {width:90%; max-width:640px; margin:0 auto; font-size:var(--font-16); color:var(--main-color);} @media screen and (max-width: 480px) { .join-the-team .sec-2 .conts-wrap article .img-conts-box {gap:var(--gap-24);} .join-the-team .sec-2 .conts-wrap article .img-conts-box .img-box {width:100%; max-width:200px; margin:0 auto;} .join-the-team .sec-2 .conts-wrap article .img-conts-box .conts-box {width:100%; padding-left:0;} .join-the-team .sec-2 .conts-wrap article .img-conts-box .conts-box .title {text-align:center;} .join-the-team .sec-2 .conts-wrap article .img-conts-box .conts-box .logo-wrap span img {max-height:18px;} } .join-the-team .sec-3 .conts-wrap article {width:100%; margin-top:var(--gap-40);} .join-the-team .sec-3 .conts-wrap article:first-child {margin-top:0;} .join-the-team .sec-3 .conts-wrap article .conts {font-size:var(--font-16);} .join-the-team .sec-3 .conts-wrap article .title {margin-bottom:var(--gap-40);} .join-the-team .sec-3 .conts-wrap article .title h3 {font-size:var(--font-18); font-weight:600; color:var(--main-color);} .join-the-team .sec-3 .conts-wrap article .img-conts-box {width:100%; display:flex; flex-direction:row-reverse; flex-wrap:wrap;} .join-the-team .sec-3 .conts-wrap article .img-conts-box .img-box {width:22%;} .join-the-team .sec-3 .conts-wrap article .img-conts-box .img-box img {display:block; max-width:100%;} .join-the-team .sec-3 .conts-wrap article .img-conts-box .conts-box {width:78%; padding-right:var(--gap-40);} .join-the-team .sec-3 .conts-wrap article .img-conts-box .conts-box ul li {font-size:var(--font-16); margin-top:var(--gap-32);} .join-the-team .sec-3 .conts-wrap article .img-conts-box .conts-box ul li:first-child {margin-top:0;} .join-the-team .sec-3 .conts-wrap article .logo-wrap {width:100%; margin-top:var(--gap-40); display:flex; align-items:center; gap:var(--gap-16); flex-wrap:wrap; justify-content:center;} .join-the-team .sec-3 .conts-wrap article .logo-wrap span {display:block;} .join-the-team .sec-3 .conts-wrap article .logo-wrap span img {max-height:38px;} @media screen and (max-width: 480px) { .join-the-team .sec-3 .conts-wrap article .title h3 {text-align:center;} .join-the-team .sec-3 .conts-wrap article .img-conts-box {gap:var(--gap-24);} .join-the-team .sec-3 .conts-wrap article .img-conts-box .img-box {width:100%; max-width:200px; margin:0 auto;} .join-the-team .sec-3 .conts-wrap article .img-conts-box .conts-box {width:100%; padding-left:0;} .join-the-team .sec-3 .conts-wrap article .img-conts-box .conts-box .title {text-align:center;} .join-the-team .sec-3 .conts-wrap article .logo-wrap span img {max-height:28px;} } .join-the-team .sec-4 {background:var(--midgreen); color:var(--begie);} .join-the-team .sec-4 .title-box h2 {color:var(--begie);} .join-the-team .sec-4 .conts-wrap .conts-box {width:100%; font-size:var(--font-16); text-align:center; margin-bottom:var(--gap-32);} .join-the-team .sec-4 .conts-wrap .link-apply-now {display:flex; align-items:center; justify-content:center; text-align:center; width:160px; height:40px; border-radius:4px; background:var(--begie); color:var(--main-color); font-size:var(--font-18); font-weight:600; margin:0 auto;} @media screen and (max-width: 480px) { .join-the-team .sec-4 .conts-wrap .link-apply-now {width:120px; height:36px;} } .plans section > .inner {width:100%; max-width:100%;} .plans .tab-wrap {width:95%; margin:0 auto; margin-bottom:var(--gap-80);} .plans .tab-wrap .tab-box {width:100%; max-width:640px; display:flex; align-items:center; justify-content:center; margin:0 auto; border:1px solid var(--main-color); border-radius:4px; overflow:hidden; background:#fff;} .plans .tab-wrap .tab-box li {width:50%; min-height:96px; padding:var(--gap-8) var(--gap-60) var(--gap-8) var(--gap-40); font-size:var(--font-18); font-weight:600; color:#C8C9CA; display:flex; align-items:center; cursor:pointer; position:relative; transition:background 0.3s ease-in-out;} .plans .tab-wrap .tab-box li:after {content:""; width:var(--gap-16); height:var(--gap-16); background:url(/img/conts/arrow_down_light_gray.svg) center no-repeat; background-size:cover; position:absolute; right:var(--gap-32); top:50%; transform:translateY(-50%);} .plans .tab-wrap .tab-box li.on, .plans .tab-wrap .tab-box li:hover {background:var(--main-color); color:var(--begie);} .plans .tab-wrap .tab-box li.on:after, .plans .tab-wrap .tab-box li:hover:after {background-image:url(/img/conts/arrow_down_begie.svg);} @media screen and (max-width: 600px) { .plans .tab-wrap .tab-box {flex-wrap:wrap;} .plans .tab-wrap .tab-box li {width:100%; min-height:60px;} } .plans .tab-conts-wrap {width:100%;} .plans .tab-conts-wrap .tab-conts-box {width:100%; display:none;} .plans .tab-conts-wrap .tab-conts-box.active {display:block;} .plans .tab-conts-wrap .tab-conts-box article {width:100%; padding:var(--gap-80) 0; border-top:1px solid var(--main-color);} .plans .tab-conts-wrap .tab-conts-box article:first-child {padding-top:0; border-top:none;} .plans .tab-conts-wrap .tab-conts-box article > .wrap {width:95%; max-width:900px; margin:0 auto;} .plans .tab-conts-wrap .tab-conts-box article .title-box {width:100%; margin-bottom:var(--gap-40);} .plans .tab-conts-wrap .tab-conts-box article .title-box h2 {font-size:var(--font-24); font-weight:600; color:var(--main-color); text-align:center;} .plans .tab-conts-wrap .tab-conts-box article .conts-wrap {width:100%;} .plans .tab-conts-wrap .tab-conts-box article .conts-wrap > * {width:100%; margin-top:var(--gap-40);} .plans .tab-conts-wrap .tab-conts-box article .conts-wrap > *:first-child {margin-top:0;} .plans .tab-conts-wrap .tab-conts-box article .conts-wrap .txt {font-size:var(--font-18);} .plans .tab-conts-wrap .tab-conts-box article .conts-wrap .txt em {font-weight:600;} .plans .tab-conts-wrap .tab-conts-box article .conts-wrap .txt span {color:var(--main-color);} .plans .tab-conts-wrap .tab-conts-box article .conts-wrap .txt a {font-size:var(--font-16); color:var(--main-color);} .plans .tab-conts-wrap .tab-conts-box article .conts-wrap .txt.ty-2, .plans .tab-conts-wrap .tab-conts-box article .conts-wrap .txt.ty-2 a {font-family:var(--KoPubWorld);} .plans .tab-conts-wrap .tab-conts-box article .button-wrap {width:100%; margin-top:var(--gap-80); display:flex; align-items:center; justify-content:center; gap:var(--gap-32);} .plans .tab-conts-wrap .tab-conts-box article .button-wrap .button {width:max-content; min-width:180px; height:48px; display:flex; align-items:center; justify-content:center; padding:var(--gap-8); font-size:var(--font-16); font-weight:600; color:var(--main-color); border:1px solid var(--main-color); background:var(--begie); border-radius:40px;} .plans .tab-conts-wrap .tab-conts-box article .button-wrap .button.fill {background:#C9D7C9;} @media screen and (max-width: 480px) { .plans .tab-conts-wrap .tab-conts-box article .button-wrap .button {min-width:130px; height:42px;} } .plans .tab-conts-wrap .pi .logo-wrap {width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:var(--gap-16);} .plans .tab-conts-wrap .pi .logo-wrap .logo-box {width:calc((100% - var(--gap-16)) / 2); min-height:80px; border-radius:4px; background:#fff; border:1px solid #C8C9CA; display:flex; align-items:center; gap:var(--gap-40); padding:var(--gap-8) var(--gap-32);} .plans .tab-conts-wrap .pi .logo-wrap .logo-box > * {width:calc((100% - var(--gap-40)) / 2);} .plans .tab-conts-wrap .pi .logo-wrap .logo-box .logo img {max-width:100%; display:block; margin:0 auto;} .plans .tab-conts-wrap .pi .logo-wrap .logo-box .conts {font-size:var(--font-18); font-weight:600;} @media screen and (max-width: 900px) { .plans .tab-conts-wrap .pi .logo-wrap .logo-box .conts {font-size:var(--font-14);} } @media screen and (max-width: 600px) { .plans .tab-conts-wrap .pi .logo-wrap .logo-box {flex-wrap:wrap; gap:var(--gap-16); padding:var(--gap-16) var(--gap-24);} .plans .tab-conts-wrap .pi .logo-wrap .logo-box > * {width:100%;} .plans .tab-conts-wrap .pi .logo-wrap .logo-box .logo img {max-width:100%; max-height:32px;} .plans .tab-conts-wrap .pi .logo-wrap .logo-box .conts {text-align:center; font-size:var(--font-16); height:50px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;} } @media screen and (max-width: 480px) { .plans .tab-conts-wrap .pi .logo-wrap .logo-box {padding:var(--gap-16);} .plans .tab-conts-wrap .pi .logo-wrap .logo-box .logo img {max-height:26px;} .plans .tab-conts-wrap .pi .logo-wrap .logo-box .conts {font-size:12px; height:40px;} } .plans .tab-conts-wrap .pi .process-wrap {width:100%; display:flex; flex-wrap:wrap; gap:var(--gap-40) var(--gap-24);} .plans .tab-conts-wrap .pi .process-wrap .process-box {width:calc((100% - (var(--gap-24) * 2)) / 3); min-height:400px; border-radius:var(--gap-16); background:#fff; padding:var(--gap-16);} .plans .tab-conts-wrap .pi .process-wrap .process-box .num {width:var(--gap-40); height:var(--gap-40); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:var(--font-20); font-weight:600; color:var(--begie); background:var(--main-color); margin-left:auto; margin-bottom:var(--gap-16);} .plans .tab-conts-wrap .pi .process-wrap .process-box .conts-box {width:100%;} .plans .tab-conts-wrap .pi .process-wrap .process-box .conts-box .head {font-size:var(--font-20); font-weight:600; color:var(--main-color); padding-bottom:var(--gap-16); border-bottom:1px solid var(--main-color); margin-bottom:var(--gap-16);} .plans .tab-conts-wrap .pi .process-wrap .process-box .conts-box .conts {font-size:var(--font-16); color:var(--main-color);} @media screen and (max-width: 768px) { .plans .tab-conts-wrap .pi .process-wrap .process-box {width:calc((100% - (var(--gap-24) * 1)) / 2); min-height:300px;} } @media screen and (max-width: 480px) { .plans .tab-conts-wrap .pi .process-wrap {max-width:320px; margin:0 auto;} .plans .tab-conts-wrap .pi .process-wrap .process-box {width:100%; min-height:200px;} } .plans .tab-conts-wrap .nhi .logo-wrap .logo-box {width:80%; max-width:400px; min-height:80px; border-radius:4px; background:#fff; border:1px solid #C8C9CA; display:flex; align-items:center; justify-content:center; padding:var(--gap-8) var(--gap-32); margin:0 auto;} .plans .tab-conts-wrap .nhi .logo-wrap .logo-box img {display:block; max-height:50px;} @media screen and (max-width: 480px) { .plans .tab-conts-wrap .nhi .logo-wrap .logo-box {min-height:60px;} .plans .tab-conts-wrap .nhi .logo-wrap .logo-box img {max-height:40px;} } .plans .tab-conts-wrap .nhi .tb-wrap .tb-box {width:100%; margin-top:var(--gap-16);} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box:first-child {margin-top:0;} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb {width:100%; border:1px solid #C8C9CA; background:#fff; display:flex; align-items:center; position:relative;} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb:before {content:""; width:18%; height:100%; background:#A5BCA5; position:absolute; left:0; top:0;} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb > * {position:relative; z-index:10; box-sizing:border-box;} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .head {width:18%; padding:0 var(--gap-16); font-size:var(--font-18); font-weight:600; color:#fff; text-align:center;} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .conts {width:82%; padding:var(--gap-24) var(--gap-40);} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .conts .tb-conts-wrap {width:100%; display:flex; gap:var(--gap-40);} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .conts .tb-conts-wrap dl {width:calc((100% - var(--gap-40)) / 2);} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .conts .tb-conts-wrap dl:only-child {width:100%;} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .conts .tb-conts-wrap dl dt {font-size:var(--font-18); font-weight:600; margin-bottom:var(--gap-8);} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .conts .tb-conts-wrap dl dd {font-size:var(--font-16);} @media screen and (max-width: 768px) { .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb {flex-wrap:wrap;} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb:before {display:none;} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .head {width:100%; height:60px; display:flex; align-items:center; justify-content:center; background:#A5BCA5;} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .conts {width:100%;} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .conts .tb-conts-wrap {flex-wrap:wrap;} .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .conts .tb-conts-wrap dl {width:100%;} } @media screen and (max-width: 480px) { .plans .tab-conts-wrap .nhi .tb-wrap .tb-box .tb .head {height:50px;} } .schedule section {width:100%; border-bottom:2px solid var(--main-color); padding:var(--gap-80) 0;} .schedule section:last-child {border-bottom:none;} .schedule section > .inner {max-width:720px; margin:0 auto;} .schedule .sec-1 .title-box {width:100%; margin-bottom:var(--gap-40);} .schedule .sec-1 .title-box h2 {font-size:var(--font-20); font-weight:600; color:var(--main-color);} .schedule .sec-1 .main-conts {width:100%;} .schedule .sec-1 .main-conts ul.time-info {width:100%;} .schedule .sec-1 .main-conts ul.time-info li {width:100%; display:flex; gap:var(--gap-16); font-size:var(--font-18); font-weight:600;} .schedule .sec-1 .main-conts ul.time-info li .head {width:80px;} .schedule .sec-1 .main-conts ul.time-info li .conts {width:calc(100% - 80px - var(--gap-16)); display:flex; align-items:center; gap:0 var(--gap-16); flex-wrap:wrap;} .schedule .sec-1 .main-conts ul.time-info li .conts span {font-weight:400;} .schedule .sec-1 .main-conts .txt {width:100%; margin-top:var(--gap-24); font-size:var(--font-16); font-weight:600; color:var(--main-color); letter-spacing:0;} @media screen and (max-width: 768px) { .schedule .sec-1 .main-conts ul.time-info li .head {width:70px;} .schedule .sec-1 .main-conts ul.time-info li .conts {width:calc(100% - 70px - var(--gap-16));} } @media screen and (max-width: 480px) { .schedule .sec-1 .main-conts ul.time-info li .head {width:65px;} .schedule .sec-1 .main-conts ul.time-info li .conts {width:calc(100% - 65px - var(--gap-16));} } @media screen and (max-width: 365px) { .schedule .sec-1 .main-conts ul.time-info li {font-size:13px;} } .schedule .sec-2 {background:#fff;} .schedule .sec-2 .calendar-nav {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-32); margin-bottom:var(--gap-32);} .schedule .sec-2 .calendar-nav button {width:24px; height:24px; box-sizing:border-box; border:1px solid var(--main-color); background:#fff; position:relative; font-size:0; cursor:pointer;} .schedule .sec-2 .calendar-nav button:before {content:""; width:100%; height:100%; background:url(/img/conts/arrow_left.svg) center no-repeat; background-size:auto 14px; position:absolute; left:0; top:0;} .schedule .sec-2 .calendar-nav button.prev:before {transform:scaleX(-1);} .schedule .sec-2 .calendar-nav .date {font-size:var(--font-20); font-weight:600; color:var(--main-color);} .schedule .sec-2 .schedule-wrap {width:100%;} .schedule .sec-2 .schedule-wrap .schedule-box {width:100%; border-top:1px solid var(--main-color); padding:var(--gap-40) 0 calc(var(--gap-80) * 0.8) 0;} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap {width:100%; display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse;} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .profile-img {width:160px;} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .profile-img span {width:100%; height:0; padding-bottom:100%; border-radius:50%; position:relative; overflow:hidden; display:block;} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .profile-img span img {display:block; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info {width:calc(100% - 160px); padding-right:var(--gap-16);} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info .name-box {width:100%; font-size:var(--font-18); font-weight:600; color:var(--main-color);} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info .caption {width:100%; margin-top:var(--gap-16); display:flex; align-items:center; gap:var(--gap-24);} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info .caption span {font-size:var(--font-16); position:relative; padding-left:calc(var(--font-16) + var(--gap-8));} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info .caption span:before {content:""; width:var(--font-16); height:var(--font-16); border-radius:50%; background:#000; position:absolute; left:0; top:50%; transform:translateY(-50%);} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info .caption span.oputpatient:before {background:var(--main-color);} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info .caption span.surgery:before {background:#C9AE2B;} @media screen and (max-width: 768px) { .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .profile-img {width:120px;} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info {width:calc(100% - 120px);} } @media screen and (max-width: 480px) { .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap {flex-wrap:wrap; gap:var(--gap-24); justify-content:center;} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .profile-img {width:100px;} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info {width:100%;} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info .name-box {text-align:center;} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info .caption {justify-content:center; gap:var(--gap-16);} .schedule .sec-2 .schedule-wrap .schedule-box .doctor-wrap .info .caption span {white-space:nowrap;} } .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar {width:100%; margin-top:var(--gap-40);} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul {border:solid var(--main-color); border-width:1px; width:100%;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li {width:100%; display:flex; border-bottom:2px solid var(--main-color);} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:last-child {border-bottom:none;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li.head .tlt {min-height:40px; padding:0 var(--gap-8); display:flex; align-items:center; justify-content:center; box-sizing:border-box; font-size:var(--font-14); font-weight:600; color:#fff;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li.head .tlt:first-child {width:50px;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li.head .tlt:nth-child(n+2) {flex:1; border:solid var(--main-color); border-width:0 0 0 1px; background:var(--midgreen);} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li.head .tlt:last-child {background:#B4B4B5;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box:first-child {width:50px;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box:nth-child(n+2) {flex:1; border:solid var(--main-color); border-width:0 0 0 1px;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box > * {width:100%; min-height:40px; box-sizing:border-box; padding:0 var(--gap-8); display:flex; align-items:center; justify-content:center; border:solid var(--main-color); border-width:0 0 1px 0;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box > *:last-child {border-width:0;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box .date {font-size:var(--font-16); font-weight:600; color:var(--main-color);} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box:nth-child(n+2) .date {background:var(--begie); color:var(--main-color);} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box:last-child .date {background:#EEEEEF; color:#B4B4B5;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box .time-title {font-size:var(--font-14); color:var(--main-color);} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box .schedule-conts {font-size:var(--font-16); font-weight:600; color:#B4B4B5;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box .schedule-conts .ty-o {color:var(--main-color);} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box .schedule-conts .ty-s {color:#C9AE2B;} @media screen and (max-width: 480px) { .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li.head .tlt, .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box > * {min-height:32px;} .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li.head .tlt:first-child, .schedule .sec-2 .schedule-wrap .schedule-box .schedule-calendar ul li:not(.head) .date-box:first-child {width:30px;} } .schedule .sec-2 .button-wrap {width:100%; display:flex; align-items:center; justify-content:center;} .schedule .sec-2 .button-wrap .button {width:max-content; height:48px; padding:0 20px; border-radius:60px; display:flex; align-items:center; justify-content:center; background:var(--main-color); color:#fff; font-size:var(--font-16); font-weight:600;} @media screen and (max-width: 480px) { .schedule .sec-2 .button-wrap .button {height:42px;} } /*womens-health-care*/ .womens-health-care section {padding:var(--gap-100) 0;} .womens-health-care section > .inner {width:95%; margin:0 auto;} .womens-health-care section .conts-wrap article .basic-conts {font-size:var(--font-16);} .womens-health-care section .conts-wrap article .basic-conts em {display:block; font-weight:600;} .womens-health-care section .conts-wrap article .gap-b-16 {margin-bottom:var(--gap-16);} .womens-health-care section .conts-wrap article .gap-b-24 {margin-bottom:var(--gap-24);} .womens-health-care section .conts-wrap article .gap-b-32 {margin-bottom:var(--gap-32);} .womens-health-care section .conts-wrap article .gap-b-40 {margin-bottom:var(--gap-40);} .womens-health-care section .conts-wrap article .pd-24 {padding:var(--gap-24);} .womens-health-care section .conts-wrap article span.point {color:var(--main-color);} .womens-health-care section .conts-wrap article span.bold {font-weight:600;} .womens-health-care section .conts-wrap article span.begie {color:var(--begie);} .womens-health-care section .conts-wrap article span.underline {text-decoration:underline;} .womens-health-care section .conts-wrap article .img-conts-box {width:100%; display:flex; gap:var(--gap-40);} .womens-health-care section .conts-wrap article .img-conts-box.center {align-items:center;} .womens-health-care section .conts-wrap article .img-conts-box.base {align-items:flex-end;} .womens-health-care section .conts-wrap article .img-conts-box.reverse {flex-direction:row-reverse;} .womens-health-care section .conts-wrap article .img-conts-box .img-box {width:26%;} .womens-health-care section .conts-wrap article .img-conts-box .img-box img {display:block; max-width:100%; margin:0 auto;} .womens-health-care section .conts-wrap article .img-conts-box .conts-box {width:calc(74% - var(--gap-40)); font-size:var(--font-16);} .womens-health-care section .conts-wrap article .title-conts-layout {width:100%;} .womens-health-care section .conts-wrap article .title-conts-layout .tlt-box {width:100%;} .womens-health-care section .conts-wrap article .title-conts-layout .tlt-box .tlt {width:100%;} .womens-health-care section .conts-wrap article .title-conts-layout .tlt-box .tlt.small {font-size:var(--font-16);} .womens-health-care section .conts-wrap article .title-conts-layout .tlt-box .tlt.middle {font-size:var(--font-18); font-weight:600;} .womens-health-care section .conts-wrap article .title-conts-layout .tlt-box .tlt.large {font-size:var(--font-20); font-weight:600;} .womens-health-care section .conts-wrap article .title-conts-layout .tlt-box .tlt.center {text-align:center;} .womens-health-care section .conts-wrap article .title-conts-layout .tlt-box .txt {font-size:var(--font-16); margin-top:var(--gap-8);} .womens-health-care section .conts-wrap article .title-conts-layout .tlt-box .layout-conts {width:100%;} @media screen and (max-width: 600px) { .womens-health-care section .conts-wrap article .img-conts-box {flex-wrap:wrap; gap:var(--gap-16);} .womens-health-care section .conts-wrap article .img-conts-box.reverse {flex-direction:row;} .womens-health-care section .conts-wrap article .img-conts-box .img-box {width:120px; margin:0 auto;} .womens-health-care section .conts-wrap article .img-conts-box .conts-box {width:100%;} .womens-health-care section .conts-wrap article .img-conts-box .conts-box .title-conts-layout .tlt-box .tlt {text-align:center;} .womens-health-care section .conts-wrap article .title-conts-layout .tlt-box .tlt.l-center {text-align:center;} } .womens-health-care .sec-1 > .inner {padding:0 var(--gap-24);} .womens-health-care .sec-1 .tab-wrap {width:100%; max-width:640px; padding:0 10px; border:solid var(--main-color); border-width:5px 0; margin:0 auto; display:flex; align-items:center; flex-wrap:wrap; position:relative;} .womens-health-care .sec-1 .tab-wrap:after {content:""; width:100%; height:5px; background:var(--main-color); position:absolute; left:0; top:50%; transform:translateY(-50%);} .womens-health-care .sec-1 .tab-wrap .tab {width:50%; height:100%; height:80px; display:flex; align-items:center; border:solid var(--main-color); border-width:0 0 0 5px; cursor:pointer; font-size:var(--font-20); font-weight:600; color:var(--main-color); transition:background 0.3s ease-in-out;} .womens-health-care .sec-1 .tab-wrap .tab:nth-child(even) {border-width:0 5px;} .womens-health-care .sec-1 .tab-wrap .tab span {position:relative; padding:0 var(--gap-24); line-height:1.5; width:100%;} .womens-health-care .sec-1 .tab-wrap .tab span i {display:block;} .womens-health-care .sec-1 .tab-wrap .tab span:after {content:""; width:var(--font-18); height:var(--font-18); background-image:url(/img/conts/icon_dir.svg); background-position:center no-repeat; background-repeat:no-repeat; background-size:cover; position:absolute; right:var(--gap-24); top:50%; transform:translateY(-50%);} .womens-health-care .sec-1 .tab-wrap .tab.on, .womens-health-care .sec-1 .tab-wrap .tab:hover {background:var(--midgreen); color:var(--begie);} .womens-health-care .sec-1 .tab-wrap .tab.on span:after, .womens-health-care .sec-1 .tab-wrap .tab:hover span:after {background-image:url(/img/conts/icon_dir_on.svg);} @media screen and (max-width: 600px) { .womens-health-care .sec-1 .tab-wrap .tab {font-size:var(--font-18);} } @media screen and (max-width: 480px) { .womens-health-care .sec-1 .tab-wrap {overflow:hidden; border-width:4px 0; padding:0 8px; max-width:320px;} .womens-health-care .sec-1 .tab-wrap:after {display:none;} .womens-health-care .sec-1 .tab-wrap .tab {width:100%; height:50px; border-width:0 4px; position:relative;} .womens-health-care .sec-1 .tab-wrap .tab:before {content:""; width:120%; height:4px; background:var(--main-color); position:absolute; left:50%; top:-2px; transform:translateX(-50%);} .womens-health-care .sec-1 .tab-wrap .tab:first-child:before {display:none;} .womens-health-care .sec-1 .tab-wrap .tab:nth-child(even) {border-width:0 4px;} .womens-health-care .sec-1 .tab-wrap .tab span i {display:inline-block;} } .womens-health-care .sec-1 .com-conts-wrap {width:100%;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box {width:100%; margin:0 auto;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.common {max-width:860px; padding:0 var(--gap-24); margin-top:calc(var(--gap-80) * 0.7);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health {max-width:1100px; margin-top:calc(var(--gap-80) * 1.2);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup {max-width:860px; margin-top:calc(var(--gap-80) * 0.7);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.surgical {max-width:820px; margin-top:calc(var(--gap-80) * 1.2);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .com-conts {font-size:var(--font-18);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .main-conts {width:100%;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .main-conts h2 {font-size:var(--font-28); font-weight:600; color:var(--main-color); text-align:center; margin-bottom:var(--gap-32);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .main-conts .conts {font-size:var(--font-18);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .label-wrap {width:100%; margin-top:var(--gap-32); display:flex; align-items:center; gap:var(--gap-8);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .label-wrap .label {width:calc((100% - (var(--gap-8) * 3)) / 3); min-height:72px; padding:var(--gap-8); border-radius:var(--gap-8); background:var(--main-color); display:flex; align-items:center; justify-content:center; font-size:var(--font-18); font-weight:600; color:var(--begie); text-align:center;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts {width:100%; margin:0 auto; margin-top:calc(var(--gap-80) * 0.7);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts h3 {width:max-content; min-width:280px; height:48px; border-radius:50px; padding:0 var(--gap-24); background:var(--main-color); font-size:var(--font-20); font-weight:600; color:var(--begie); margin:0 auto; display:flex; align-items:center; justify-content:center; margin-bottom:var(--gap-40);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap {width:100%;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap article {width:100%; background:#fff; border-radius:4px; padding:var(--gap-40) calc(var(--gap-80) * 0.8); box-sizing:border-box; margin-top:var(--gap-16);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap article:first-child {margin-top:0;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap article .container {width:100%; margin-top:var(--gap-32);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap article .container:first-child {margin-top:0;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap article .tb {width:100%; display:flex; flex-wrap:wrap; background:#EEEEF0; border:solid var(--black); border-width:1px 1px 0 0;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap article .tb .td {min-height:40px; box-sizing:border-box; padding:var(--gap-8) var(--gap-24); display:flex; align-items:center; border:solid var(--black); border-width:0 0 1px 1px; font-size:var(--font-16); font-weight:600;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap article .tb.half {max-width:365px;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap article .tb[data-col="1"] .td {width:100%;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap article .tb[data-col="2"] .td {width:50%;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap.ty-2 article {padding:var(--gap-32) var(--gap-40);} @media screen and (max-width: 768px) { .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts h3 {min-width:250px;} } @media screen and (max-width: 600px) { .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts h3 {min-width:220px;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts .conts-wrap article .tb[data-col="2"] .td {width:100%;} } @media screen and (max-width: 480px) { .womens-health-care .sec-1 .com-conts-wrap .com-conts-box .sub-conts h3 {min-width:220px;} } .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .main-conts .conts {max-width:860px; margin:0 auto;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .sub-conts {max-width:860px;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list {width:100%; margin-top:var(--gap-32);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box {width:100%; margin-top:var(--gap-16); display:flex; align-items:center; flex-wrap:wrap; padding:var(--gap-16) calc(var(--gap-80) * 0.7);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box .icon {width:11%;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box .icon img {max-width:100%; display:block; margin:0 auto;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box .conts-box {padding-left:calc(var(--gap-80) * 0.7); width:89%;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box .conts-box em {display:block; font-size:var(--font-18); font-weight:600; margin-bottom:var(--gap-8);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box .conts-box .conts {font-size:var(--font-16);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box:nth-child(1) {background:#F9F4E0; margin-top:0;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box:nth-child(2) {background:#F4EFCF;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box:nth-child(3) {background:#F3EABF;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box:nth-child(4) {background:#EEE5AE;} @media screen and (max-width: 1200px){ .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .label-wrap .label {font-size:var(--font-14);} } @media screen and (max-width: 1024px){ .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .label-wrap .label {min-height:100px;} } @media screen and (max-width: 600px){ .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .label-wrap {flex-wrap:wrap; justify-content:center;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .label-wrap .label {width:100%; min-height:60px; max-width:400px; font-size:var(--font-18);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box {gap:var(--gap-16); padding:var(--gap-24) calc(var(--gap-80) * 0.7);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box .icon {width:50px; margin:0 auto;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box .conts-box {width:100%; padding-left:0; text-align:center;} } @media screen and (max-width: 480px) { .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.health .conts-list .list-box .icon {width:42px;} } .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup .dep-tab-wrap {width:100%; max-width:560px; margin:0 auto; margin-top:calc(var(--gap-80) * 0.7); display:flex; border-radius:var(--gap-8); border:2px solid var(--main-color); overflow:hidden;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup .dep-tab-wrap .tab {width:50%; min-height:80px; display:flex; align-items:center; padding:var(--gap-8) calc(var(--gap-24) + var(--gap-16)) var(--gap-8) var(--gap-24); border:solid var(--main-color); border-width:0 0 0 1px; background:#fff; font-size:var(--font-18); color:#C8C9CA; cursor:pointer; position:relative;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup .dep-tab-wrap .tab:first-child {border-left:none;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup .dep-tab-wrap .tab:after {content:""; width:var(--gap-16); height:var(--gap-16); box-sizing:border-box; background:url(/img/conts/arrow_down_light_gray.svg) center no-repeat; background-size:cover; position:absolute; right:var(--gap-24); top:50%; transform:translateY(-50%);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup .dep-tab-wrap .tab.on {background:var(--main-color); color:var(--begie); font-weight:600;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup .dep-tab-wrap .tab.on:after {background-image:url(/img/conts/arrow_down_begie.svg);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup .dep-tab-wrap .tab span {position:relative; width:100%;} @media screen and (max-width: 600px) { .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup .dep-tab-wrap .tab {font-size:var(--font-14); min-height:70px;} } @media screen and (max-width: 480px) { .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup .dep-tab-wrap {flex-wrap:wrap;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup .dep-tab-wrap .tab {font-size:var(--font-18); min-height:60px; width:100%; border-width:1px 0 0 0;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.checkup .dep-tab-wrap .tab:first-child {border:none;} } .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.surgical .main-conts .txt {letter-spacing:0;} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.surgical .main-conts .img-box {width:95%; margin:0 auto; margin-top:var(--gap-40);} .womens-health-care .sec-1 .com-conts-wrap .com-conts-box.surgical .main-conts .img-box img {display:block; max-width:100%; margin:0 auto;} .womens-health-care .sec-1 .dep-category-box {width:100%; margin-top:calc(var(--gap-80) * 0.9);} .womens-health-care .sec-1 .dep-category-box h2 {font-size:var(--font-28); font-weight:600; color:var(--main-color); text-align:center; margin-bottom:var(--gap-40);} .womens-health-care .sec-1 .dep-category-box .dep-tab-wrap {width:100%; display:flex; flex-wrap:wrap; border:solid var(--main-color); border-width:1px 0 0 1px;} .womens-health-care .sec-1 .dep-category-box .dep-tab-wrap .dep-tab {width:50%; height:60px; background:#fff; padding:0 var(--gap-24); border:solid var(--main-color); border-width:0 1px 1px 0; display:flex; align-items:center; cursor:pointer;} .womens-health-care .sec-1 .dep-category-box .dep-tab-wrap .dep-tab span {display:block; width:100%; font-size:var(--font-18); color:var(--main-color); position:relative; padding-right:var(--gap-16);} .womens-health-care .sec-1 .dep-category-box .dep-tab-wrap .dep-tab span:after {content:""; width:var(--gap-16); height:var(--gap-16); background:url(/img/conts/arrow_left_thin.svg) center no-repeat; background-size:auto 100%; position:absolute; right:0; top:50%; transform:translateY(-50%);} .womens-health-care .sec-1 .dep-category-box .dep-tab-wrap .dep-tab.on {background:#DFCB4E;} .womens-health-care .sec-1 .dep-category-box .dep-tab-wrap .dep-tab.on span {font-weight:600;} @media screen and (max-width: 480px) { .womens-health-care .sec-1 .dep-category-box .dep-tab-wrap .dep-tab {width:100%; height:40px;} .womens-health-care .sec-1 .dep-category-box .dep-tab-wrap .dep-tab span {font-size:var(--font-14);} } .womens-health-care .tab-conts-wrap {width:100%;} .womens-health-care .tab-conts-wrap .title-box {width:100%; margin-bottom:calc(var(--gap-80) * 0.8);} .womens-health-care .tab-conts-wrap .title-box h2 {font-size:var(--font-28); font-weight:600; color:var(--begie); text-align:center;} .womens-health-care .tab-conts-wrap .conts-wrap h3 {width:max-content; min-width:280px; height:48px; border-radius:50px; padding:0 var(--gap-24); background:var(--main-color); font-size:var(--font-20); font-weight:600; color:var(--begie); margin:0 auto; display:flex; align-items:center; justify-content:center; margin-bottom:var(--gap-40);} .womens-health-care .tab-conts-wrap .conts-wrap h3.ty-2 {min-height:48px; height:100%; flex-wrap:wrap;} .womens-health-care .tab-conts-wrap .conts-wrap article {width:100%; margin-top:calc(var(--gap-80) * 0.8);} .womens-health-care .tab-conts-wrap .conts-wrap article:first-child {margin-top:0;} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-area {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-area > * {margin-top:var(--gap-24);} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-area > *:first-child {margin-top:0;} .womens-health-care .tab-conts-wrap .conts-wrap article .txt-box {width:100%; padding:0 var(--gap-24); color:var(--begie);} .womens-health-care .tab-conts-wrap .conts-wrap article .txt-box .tlt {font-size:var(--font-20); font-weight:600; margin-bottom:var(--gap-16);} .womens-health-care .tab-conts-wrap .conts-wrap article .txt-box .txt {font-family:var(--Sanchez); font-size:var(--font-16);} .womens-health-care .tab-conts-wrap .conts-wrap article .round-box {width:100%; border-radius:4px; background:#EEEEF0; padding:var(--gap-32);} .womens-health-care .tab-conts-wrap .conts-wrap article .round-box.begie {background:#EEE5AE;} .womens-health-care .tab-conts-wrap .conts-wrap article .round-box.green {background:#C9D7C8;} .womens-health-care .tab-conts-wrap .conts-wrap article .round-box.white {background:#fff;} .womens-health-care .tab-conts-wrap .conts-wrap article .round-box.ty-2 {padding:var(--gap-24);} .womens-health-care .tab-conts-wrap .conts-wrap article .round-box.ty-3 {padding:var(--gap-40) var(--gap-32);} .womens-health-care .tab-conts-wrap .conts-wrap article ul li {font-size:var(--font-16);} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot {width:100%; display:flex; align-items:center; gap:calc(var(--gap-16) * 0.7) var(--gap-8); flex-wrap:wrap;} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot li {width:100%; font-size:var(--font-16); font-weight:600; letter-spacing:-0.5px; position:relative; padding-left:calc(var(--font-16) + 2px); text-indent:calc(((var(--font-16) + 2px) / 2) * -1);} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot li:before {content:"· ";} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot li span {font-size:var(--font-14); font-weight:400;} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot[data-col="1"] li {letter-spacing:0;} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot[data-col="2"] li {width:calc((100% - var(--gap-8)) / 2);} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot[data-col="3"] li {width:calc((100% - (var(--gap-8) * 2)) / 3);} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot.ty-2 li {font-weight:400;} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot.ty-2 li em {font-weight:600;} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot.ty-3 li span {font-size:var(--font-16);} .womens-health-care .tab-conts-wrap .conts-wrap article ul.list li {margin-top:var(--gap-8);} .womens-health-care .tab-conts-wrap .conts-wrap article ul.list li:first-child {margin-top:0;} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-wrap-box {width:100%; border-radius:4px; background:#fff; padding:var(--gap-32)} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-wrap-box .container {width:100%; margin-top:var(--gap-32);} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-wrap-box.ty-2 .container {margin-top:var(--gap-24);} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-wrap-box.wid {padding:var(--gap-40) var(--gap-32);} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-wrap-box .container:first-child {margin-top:0;} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box {width:100%; display:flex; gap:var(--gap-40);} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box.center {align-items:center;} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box.base {align-items:flex-end;} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box.reverse {flex-direction:row-reverse;} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box .img-box {width:26%;} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box .img-box img {display:block; max-width:100%; margin:0 auto;} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box .conts-box {width:calc(74% - var(--gap-40)); font-size:var(--font-16);} .womens-health-care .tab-conts-wrap .conts-wrap article .title-conts-layout {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .title-conts-layout .tlt-box {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .title-conts-layout .tlt-box .tlt {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .title-conts-layout .tlt-box .tlt.small {font-size:var(--font-16);} .womens-health-care .tab-conts-wrap .conts-wrap article .title-conts-layout .tlt-box .tlt.middle {font-size:var(--font-18); font-weight:600;} .womens-health-care .tab-conts-wrap .conts-wrap article .title-conts-layout .tlt-box .tlt.large {font-size:var(--font-20); font-weight:600;} .womens-health-care .tab-conts-wrap .conts-wrap article .title-conts-layout .tlt-box .txt {font-size:var(--font-16); margin-top:var(--gap-8);} .womens-health-care .tab-conts-wrap .conts-wrap article .title-conts-layout .tlt-box .layout-conts {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .round-box-list {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .round-box-list .list-box {width:100%; margin-top:var(--gap-16);} .womens-health-care .tab-conts-wrap .conts-wrap article .round-box-list.ty-2 .list-box {margin-top:var(--gap-8);} .womens-health-care .tab-conts-wrap .conts-wrap article .round-box-list .list-box:first-child {margin-top:0;} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-list {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-list .list-box {width:100%; margin-top:var(--gap-40);} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-list.ty-2 .list-box {margin-top:var(--gap-32);} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-list.ty-3 .list-box {margin-top:var(--gap-24);} .womens-health-care .tab-conts-wrap .conts-wrap article .conts-list .list-box:first-child {margin-top:0;} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap {width:100%; display:flex; gap:var(--gap-24); flex-wrap:wrap;} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap.ty-2 {gap:var(--gap-8) var(--gap-16);} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap[data-col="2"] .layout-box {width:calc((100% - var(--gap-24)) / 2);} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap[data-col="3"] .layout-box {width:calc((100% - (var(--gap-24) * 2)) / 3);} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap[data-col="4"] {gap:var(--gap-8);} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap[data-col="4"] .layout-box {width:calc((100% - (var(--gap-8) * 3)) / 4);} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap.ty-2[data-col="2"] .layout-box {width:calc((100% - var(--gap-16)) / 2);} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap.ty-2[data-col="3"] .layout-box {width:calc((100% - (var(--gap-16) * 2)) / 3);} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts .icon {width:32%; margin:0 auto;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts .icon img {display:block; max-width:100%; margin:0 auto;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts .conts-box {width:100%; margin-top:var(--gap-16);} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts .tlt {font-size:var(--font-16); font-weight:600; text-align:center;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts .conts {font-size:var(--font-16); letter-spacing:0; margin-top:var(--gap-16);} .womens-health-care .tab-conts-wrap .conts-wrap article .gradient .round-box:nth-child(1) {background:#F9F4E0;} .womens-health-care .tab-conts-wrap .conts-wrap article .gradient .round-box:nth-child(2) {background:#F4EFCF;} .womens-health-care .tab-conts-wrap .conts-wrap article .gradient .round-box:nth-child(3) {background:#F3EABF;} .womens-health-care .tab-conts-wrap .conts-wrap article .gradient .round-box:nth-child(4) {background:#F3EABF;} .womens-health-care .tab-conts-wrap .conts-wrap article .tb {width:90%; max-width:640px; display:flex; border:solid var(--main-color); border-width:1px 1px 0 0; flex-wrap:wrap; margin:0 auto; background:var(--begie);} .womens-health-care .tab-conts-wrap .conts-wrap article .tb .td {min-height:60px; display:flex; align-items:center; justify-content:center; padding:var(--gap-8) var(--gap-16); border:solid var(--main-color); border-width:0 0 1px 1px; font-size:var(--font-18); font-weight:600; color:var(--main-color); text-align:center;} .womens-health-care .tab-conts-wrap .conts-wrap article .tb[data-col="2"] .td {width:50%;} .womens-health-care .tab-conts-wrap .conts-wrap article .label-tlt {width:max-content; height:48px; border-radius:50px; padding:0 var(--gap-32); background:var(--main-color); font-size:var(--font-20); font-weight:600; color:var(--begie); margin:0 auto; display:flex; align-items:center; justify-content:center; margin-bottom:var(--gap-32);} .womens-health-care .tab-conts-wrap .conts-wrap article .split {border-top:1px solid var(--begie); padding-top:var(--gap-32);} .womens-health-care .tab-conts-wrap .sub-dep-conts-wrap {width:100%;} .womens-health-care .tab-conts-wrap .sub-dep-conts-wrap .sub-dep-conts-box {display:none;} .womens-health-care .tab-conts-wrap .sub-dep-conts-wrap .sub-dep-conts-box.active {display:block;} @media screen and (max-width: 768px) { .womens-health-care .tab-conts-wrap .conts-wrap h3 {min-width:250px;} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot[data-col="2"]:not(.wid) li {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot[data-col="3"] li {width:calc((100% - (var(--gap-8) * 1)) / 2);} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap[data-col="3"] .layout-box {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap[data-col="4"] .layout-box {width:calc((100% - (var(--gap-8) * 1)) / 2);} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap.ty-2[data-col="3"] .layout-box {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts {display:flex; align-items:center; max-width:380px; margin:0 auto;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts .icon {width:15%;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts .conts-box {padding-left:var(--gap-32); width:85%;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts .tlt {text-align:left;} } @media screen and (max-width: 600px) { .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot[data-col="2"].wid li {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box {flex-wrap:wrap; gap:var(--gap-16);} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box.reverse {flex-direction:row;} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box .img-box {width:120px; margin:0 auto;} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box .conts-box {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .img-conts-box .conts-box .title-conts-layout .tlt-box .tlt {text-align:center;} .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap[data-col="2"] .layout-box, .womens-health-care .tab-conts-wrap .conts-wrap article .layout-wrap.ty-2[data-col="2"] .layout-box {width:100%;} .womens-health-care .tab-conts-wrap .img-conts-list-wrap .img-conts-list-box {gap:var(--gap-16);} .womens-health-care .tab-conts-wrap .img-conts-list-wrap .img-conts-list-box .img-box {width:120px; margin:0 auto;} .womens-health-care .tab-conts-wrap .img-conts-list-wrap .img-conts-list-box .conts-box {width:100%; padding-left:0;} .womens-health-care .tab-conts-wrap .img-conts-list-wrap .img-conts-list-box .conts-box em {text-align:center;} .womens-health-care .tab-conts-wrap .conts-wrap article [data-gap="gap-16"] {margin-top:var(--gap-16);} } @media screen and (max-width: 480px) { .womens-health-care .tab-conts-wrap .conts-wrap h3 {min-width:220px;} .womens-health-care .tab-conts-wrap .conts-wrap h3.ty-2 {width:100%; text-align:center;} .womens-health-care .tab-conts-wrap .conts-wrap article ul.dot[data-col="3"] li {width:100%;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts {flex-wrap:wrap;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts .icon {width:40px; margin:0 auto;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts .conts-box {width:100%; padding-left:0;} .womens-health-care .tab-conts-wrap .conts-wrap article .icon-tlt-conts .tlt {text-align:center;} .womens-health-care .tab-conts-wrap .conts-wrap article .tb .td {font-size:var(--font-14);} } .womens-health-care .sub-dep-tab-wrap {display:flex; align-items:center; flex-wrap:wrap; gap:var(--gap-16); max-width:720px; margin:0 auto; margin-top:var(--gap-40);} .womens-health-care .sub-dep-tab-wrap span {font-size:var(--font-16); font-weight:600; color:var(--begie); position:relative; cursor:pointer; letter-spacing:0;} .womens-health-care .sub-dep-tab-wrap span:after {content:""; width:1px; height:calc(var(--font-16) * 0.7); background:var(--begie); position:absolute; right:calc((var(--gap-16) / 2) * -1); top:50%; transform:translateY(-50%);} .womens-health-care .sub-dep-tab-wrap span:last-child:after {display:none;} .womens-health-care .sub-dep-tab-wrap span.on {color:var(--main-color);} .womens-health-care .sub-dep-tab-wrap.hide {display:none;} .womens-health-care .sec-2 {background:var(--midgreen);} .womens-health-care .sec-2 > .inner {max-width:860px;} @media screen and (max-width: 1024px) {} @media screen and (max-width: 768px) {} @media screen and (max-width: 480px) {} /* 20250331 비밀번호 팝업 */ #chk-password-popup {border-radius: 0; padding: 46px var(--gap-40); max-width: 420px;} .chk-password-popup {} .chk-password-popup .ps-tit {font-size: var(--font-16); color: #666; margin-bottom: 12px; font-family: "Pretendard";} .chk-password-popup .input-box {width: 100%; margin-bottom: var(--gap-32);} .chk-password-popup .input-box input[type="password"] {border: 1px solid #e0e0e0; padding: 0 14px; width: 100%; height: 36px;} .chk-password-popup .btn-box {display: flex; gap: 8px; justify-content: end;} .chk-password-popup .btn-box a {display: inline-flex; height: 32px; align-items: center; justify-content: center; line-height: 1; font-size: var(--font-14); font-weight: 600; width: 92px; font-family: "Pretendard";} .chk-password-popup .btn-box .cancel-btn {border: 1px solid var(--main-color); color: var(--main-color); background-color: #fff;} .chk-password-popup .btn-box .ok-btn {background: var(--main-color); color: #fff;}