@charset "utf-8";

/* 상단 비주얼 */
.sect-main-visual {padding-bottom:100px;}
.sect-main-visual .main-visual-slider {position:relative; overflow:hidden; width:calc(100% - 120px); margin:0 60px;}
.sect-main-visual .main-visual-area {position:relative;}
.sect-main-visual .main-visual-area .img-area {position:relative; overflow:hidden; width:100%; padding-top:45.5555%; border-radius:0 200px 0 200px;}
.sect-main-visual .main-visual-area .img-area > img {position:absolute; top:50%; left:50%; width:110%; max-width:unset; transform:translate(-50%,-50%); transition:width 3s linear;}
.sect-main-visual .main-visual-area .txt-area {position:absolute; top:50%; left:50%; width:100%; padding-bottom:100px; color:var(--font-color-white); line-height:1.3; transform:translate(-50%,-50%);}
.sect-main-visual .main-visual-area .txt-area .tit {margin-left:50px; font-size:5.4rem; font-weight:700; opacity:0; transform:translateY(100px); transition:opacity 0.1s ease 0s,transform 0.1s ease 5s;}
.sect-main-visual .main-visual-area .txt-area .txt {margin-top:30px; margin-left:50px; font-size:2.4rem; font-weight:500; opacity:0; transform:translateY(100px); transition:opacity 0.1s ease 0s,transform 0.1s ease 5s;}
.sect-main-visual .controls {position:absolute; left:0; right:0; bottom:22vh; z-index:2; display:flex; align-items:center; width:100%; max-width:1400px; padding:0 80px; margin:0 auto;}
.sect-main-visual .controls .paging {display:flex; flex-direction:row; justify-content:center; align-items:center; color:var(--font-color-white); font-size:1.6rem; font-weight:500;}
.sect-main-visual .controls .paging .current {width:10px; margin-right:20px; text-align:center;}
.sect-main-visual .controls .paging .total {width:10px; text-align:center;}
.sect-main-visual .controls .paging .bar {position:relative; width:100px; height:2px; margin-right:20px; background-color:rgba(255,255,255,0.3);}
.sect-main-visual .controls .paging .bar span {position:absolute; top:0; left:0; right:0; height:2px; background-color:var(--color-white);}
.sect-main-visual .swiper-btns {display:flex; margin:0 20px 0 25px;}
.sect-main-visual .swiper-btns .swiper-button-prev {margin-right:18px;}
.sect-main-visual .swiper-btns .swiper-button-prev,
.sect-main-visual .swiper-btns .swiper-button-next {position:relative; top:inherit; left:inherit; right:inherit; width:10px; height:20px;}
.sect-main-visual .swiper-btns .swiper-button-prev::before,
.sect-main-visual .swiper-btns .swiper-button-next::before {content:""; position:absolute; top:50%; left:50%; width:10px; height:10px; border-top:2px solid var(--border-color-white); border-right:2px solid var(--border-color-white);}
.sect-main-visual .swiper-btns .swiper-button-prev::before {transform:translate(-25%,-50%) rotate(-135deg);}
.sect-main-visual .swiper-btns .swiper-button-next::before {transform:translate(-75%,-50%) rotate(45deg);}
.sect-main-visual .controls .play-area {position:relative; display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%;}
.sect-main-visual .controls .play-area > button::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background-color:rgba(255,255,255,0.35);}
.sect-main-visual .controls .play-area .stop {display:inline-block; width:8px; height:10px; border-left:2px solid var(--border-color-white); border-right:2px solid var(--border-color-white); background-color:transparent;} 
.sect-main-visual .controls .play-area .play {display:none; width:6px; height:10px; border-style:solid; border-width:5px 0 5px 8px; border-color:transparent transparent transparent var(--border-color-white); background-color:transparent;} 
.sect-main-visual .controls .play-area.active .play {display:inline-block;}
.sect-main-visual .controls .play-area.active .stop {display:none;}
.sect-main-visual .main-visual-item.on .main-visual-area .txt-area .tit {opacity:1; transform:translateY(0); transition:all 0.75s ease 1s;}
.sect-main-visual .main-visual-item.on .main-visual-area .txt-area .txt {opacity:1; transform:translateY(0); transition:all 0.75s ease 1.25s;}
.sect-main-visual .main-visual-item.on .main-visual-area .img-area > img {width:100%;}
@media screen and (max-width:1399px){
	.sect-main-visual .controls {bottom:13vh;}
}
@media screen and (max-width:1023px){
	.sect-main-visual .main-visual-area .txt-area .tit {font-size:3.2rem;}
	.sect-main-visual .main-visual-area .txt-area .txt {font-size:1.3rem;}
}
@media screen and (max-width:767px){
	.sect-main-visual {padding-bottom:50px;}
	.sect-main-visual .main-visual-slider {width:calc(100% - 30px); margin:15px auto;}
	.sect-main-visual .main-visual-area .img-area {padding-top:137.1428%; border-radius:0 100px 0 100px;}
	.sect-main-visual .main-visual-area .txt-area {padding-bottom:80px; letter-spacing:0;}
	.sect-main-visual .main-visual-area .txt-area .tit {margin-left:30px;}
	.sect-main-visual .main-visual-area .txt-area .txt {margin-top:25px; margin-left:30px; line-height:1.5;}
	.sect-main-visual .controls {bottom:20vh; padding:0 45px;}
	.sect-main-visual .controls .paging {font-size:1.3rem;}
	.sect-main-visual .controls .paging .current {width:10px; margin-right:15px; text-align:center;}
	.sect-main-visual .controls .paging .total {width:10px; text-align:center;}
	.sect-main-visual .controls .paging .bar {width:70px; margin-right:15px;}
	.sect-main-visual .swiper-btns {display:flex; margin:0 15px 0 20px;}
	.sect-main-visual .swiper-btns .swiper-button-prev {margin-right:14px;}
	.sect-main-visual .swiper-btns .swiper-button-prev,
	.sect-main-visual .swiper-btns .swiper-button-next {width:8px; height:10px;}
	.sect-main-visual .swiper-btns .swiper-button-prev::before,
	.sect-main-visual .swiper-btns .swiper-button-next::before {width:8px; height:8px;}
	.sect-main-visual .controls .play-area {width:15px; height:15px;}
	.sect-main-visual .controls .play-area .stop {width:6px; height:8px;} 
	.sect-main-visual .controls .play-area .play {width:4px; height:8px; border-width:4px 0 4px 6px;} 
	.sect-main-visual .controls .play-area.active .play {display:inline-block;}
	.sect-main-visual .controls .play-area.active .stop {display:none;}
}
@media screen and (max-width:599px){
	.sect-main-visual .controls {bottom:12vh;}
}

/* 전문성과 경험이 만나는 진료 */
.sect-main-medical {padding-top:100px; padding-bottom:100px;}
.sect-main-medical .main-medical-slider {margin:75px 70px 0;}
.sect-main-medical .main-medical-area {position:relative; overflow:hidden; width:100%; padding-top:100%; margin-bottom:40%; line-height:0; border-radius:25px; transition:all 0.5s ease;}
.sect-main-medical .main-medical-area::before {content:""; position:absolute; bottom:0; left:0; z-index:2; width:100%; height:40%; text-align:center; background:linear-gradient(180deg,rgba(0,47,123,0)0%, rgba(0,47,123,0.8)100%); opacity:0; transform:translateY(100%); transition:all 0.5s ease;}
.sect-main-medical .main-medical-area > a {display:inline-block; width:100%;}
.sect-main-medical .main-medical-area .img-area {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); transition:all 0.5s ease;}
.sect-main-medical .main-medical-area .img-area > img {width:100%; max-width:unset;}
.sect-main-medical .main-medical-area .txt-area {position:absolute; bottom:0; left:0; z-index:3; width:100%; padding:0 20px 15px; text-align:center; color:var(--font-color-white); line-height:1.5; transition:all 0.5s ease;}
.sect-main-medical .main-medical-area .txt-area::before {content:""; position:absolute; bottom:0; left:0; width:100%; height:40%;}
.sect-main-medical .main-medical-area .txt-area .tit {padding-bottom:15px; font-size:2rem; font-weight:600; transition:all 0.5s ease;}
.sect-main-medical .main-medical-area .txt-area .keyword {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center; align-items:center; gap:10px; overflow:hidden; width:100%; height:0; opacity:0; transform:translateY(100%); transition:all 0.5s ease;}
.sect-main-medical .main-medical-area .txt-area .keyword > p {padding:0 10px; border-radius:15px; background-color:var(--color-white); color:var(--font-color-primary); font-size:1.6rem; font-weight:600;}
.sect-main-medical .main-medical-area > a:hover .img-area {width:110%;}
.sect-main-medical .main-medical-item.on .main-medical-area {padding-top:140%; margin-bottom:0;}
.sect-main-medical .main-medical-item.on .main-medical-area::before {opacity:1; transform:translateY(0);}
.sect-main-medical .main-medical-item.on .main-medical-area .txt-area {padding:0 20px 50px;}
.sect-main-medical .main-medical-item.on .main-medical-area .txt-area .tit {font-size:3rem;}
.sect-main-medical .main-medical-item.on .main-medical-area .txt-area .keyword {height:max-content; opacity:1; transform:translateY(0);}
@media screen and (max-width:1399px){
	.sect-main-medical .main-medical-area .txt-area .tit {padding-bottom:10px; font-size:1.8rem;}
	.sect-main-medical .main-medical-area .txt-area .keyword {gap:5px;}
	.sect-main-medical .main-medical-area .txt-area .keyword > p {font-size:1.4rem;}
	.sect-main-medical .main-medical-item.on .main-medical-area .txt-area {padding:0 20px 35px;}
	.sect-main-medical .main-medical-item.on .main-medical-area .txt-area .tit {font-size:2.2rem;}
}
@media screen and (max-width:1023px){
	.sect-main-medical .main-medical-area::before {height:50%;}
	.sect-main-medical .main-medical-area .txt-area {padding:0 10px;}
	.sect-main-medical .main-medical-area .txt-area .tit {padding-bottom:5px; font-size:1.4rem;}
	.sect-main-medical .main-medical-area .txt-area .keyword {gap:2px;}
	.sect-main-medical .main-medical-area .txt-area .keyword > p {padding:0 5px; font-size:1.2rem;}
	.sect-main-medical .main-medical-item.on .main-medical-area .txt-area {padding:0 10px 20px;}
	.sect-main-medical .main-medical-item.on .main-medical-area .txt-area .tit {font-size:1.6rem;}
}
@media screen and (max-width:767px){
	.sect-main-medical {padding-top:50px; padding-bottom:50px;}
	.sect-main-medical .main-medical-slider {margin:50px 58px 0;}
	.sect-main-medical .main-medical-area::before {height:40%;}
	.sect-main-medical .main-medical-area .txt-area {padding:0 20px;}
	.sect-main-medical .main-medical-area .txt-area .tit {padding-bottom:10px; font-size:2rem;}
	.sect-main-medical .main-medical-area .txt-area .keyword {gap:5px;}
	.sect-main-medical .main-medical-area .txt-area .keyword > p {padding:0 8px; font-size:1.4rem;}
	.sect-main-medical .main-medical-item.on .main-medical-area .txt-area {padding:0 20px 50px;}
	.sect-main-medical .main-medical-item.on .main-medical-area .txt-area .tit {font-size:2.4rem;}
}

/* 끊임없는 연구와 경험으로 쌓은 신뢰 */
.sect-main-conference::before {content:""; position:absolute; top:49%; left:0; width:100%; height:51%; background-color:var(--color-tertiary); border-radius:0 200px 0 0;}
.sect-main-conference .inner {padding-top:100px; padding-bottom:100px;}
.sect-main-conference .pc {width:100%;}
.sect-main-conference .mo {width:100%;}
.sect-main-conference .main-conference-cont {position:relative; display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; width:100%; margin-top:75px; padding-top:unset;}
.sect-main-conference .main-conference-left-slider {position:relative; overflow:hidden; width:calc(50% - 20%); height:max-content; margin-right:20%; margin-left:unset;}
.sect-main-conference .main-conference-left-area {position:relative; width:100%;}
.sect-main-conference .main-conference-left-area .img-area {position:relative; overflow:hidden; width:100%; padding-top:70%; border-radius:25px;}
.sect-main-conference .main-conference-left-area .img-area > img {position:absolute; top:50%; left:50%; width:120%; max-width:unset; transform:translate(-50%,-50%);}
.sect-main-conference .main-conference-right-slider {width:50%;}
.sect-main-conference .main-conference-right-area {position:relative; width:100%;}
.sect-main-conference .main-conference-right-area .img-area {position:relative; overflow:hidden; width:100%; padding-top:60%; border-radius:25px;}
.sect-main-conference .main-conference-right-area .img-area > img {position:absolute; top:50%; left:50%; width:100%; max-width:unset; transform:translate(-50%,-50%);}
.sect-main-conference .controls {position:absolute; bottom:0; left:0; z-index:2; display:flex; justify-content:flex-start; align-items:center; width:100%;}
.sect-main-conference .controls .paging {display:flex; flex-direction:row; justify-content:center; align-items:center; color:var(--font-color-dark); font-size:1.6rem; font-weight:500;}
.sect-main-conference .controls .paging .current {width:10px; margin-right:20px; text-align:center;}
.sect-main-conference .controls .paging .total {width:10px; text-align:center;}
.sect-main-conference .controls .paging .swiper-pagination {width:100px; height:2px; margin-right:20px; background-color:rgba(34,34,34,0.3);}
.sect-main-conference .swiper-btns {display:flex; margin:0 20px;}
.sect-main-conference .swiper-btns .swiper-button-prev {margin-right:12px;}
.sect-main-conference .swiper-btns .swiper-button-prev,
.sect-main-conference .swiper-btns .swiper-button-next {position:relative; top:inherit; left:inherit; right:inherit; width:10px; height:20px;}
.sect-main-conference .swiper-btns .swiper-button-prev::before,
.sect-main-conference .swiper-btns .swiper-button-next::before {content:""; position:absolute; top:50%; left:50%; width:10px; height:10px; border-top:2px solid var(--border-color-dark); border-right:2px solid var(--border-color-dark);}
.sect-main-conference .swiper-btns .swiper-button-prev::before {transform:translate(-25%,-50%) rotate(-135deg);}
.sect-main-conference .swiper-btns .swiper-button-next::before {transform:translate(-75%,-50%) rotate(45deg);}
@media screen and (max-width:767px){
	.sect-main-conference::before {top:62%; height:38%; border-radius:unset;}
	.sect-main-conference .inner {padding-top:50px; padding-bottom:50px;}
	.sect-main-conference .main-conference-cont {margin-top:45px; padding-top:30px;}
	.sect-main-conference .main-conference-left-slider {width:240px; height:305px; margin-right:10px; margin-left:-30px;}
	.sect-main-conference .main-conference-left-area {overflow:hidden; width:unset; height:100%;}
	.sect-main-conference .main-conference-left-area .img-area {height:100%; padding-top:unset; border-radius:12px;}
	.sect-main-conference .main-conference-left-area .img-area > img {top:unset; left:unset; right:0; width:unset; height:100%; transform:unset;}
	.sect-main-conference .main-conference-right-slider {width:508px; height:310px;}
	.sect-main-conference .main-conference-right-area .img-area {border-radius:12px;}
	.sect-main-conference .controls {bottom:unset; top:0;}
	.sect-main-conference .controls .paging {font-size:1.3rem;}
	.sect-main-conference .controls .paging .current {margin-right:15px;}
	.sect-main-conference .controls .paging .swiper-pagination {width:70px; margin-right:15px;}
	.sect-main-conference .swiper-btns {margin:0 15px;}
	.sect-main-conference .swiper-btns .swiper-button-prev,
	.sect-main-conference .swiper-btns .swiper-button-next {position:relative; top:inherit; left:inherit; right:inherit; width:6px; height:10px;}
	.sect-main-conference .swiper-btns .swiper-button-prev::before,
	.sect-main-conference .swiper-btns .swiper-button-next::before {width:8px; height:8px;}
}
@media screen and (max-width:599px){
	.sect-main-conference .main-conference-left-slider {width:200px; height:240px; margin-left:-30px;}
	.sect-main-conference .main-conference-right-slider {width:400px; height:244px;}
}
@media screen and (max-width:479px){
	.sect-main-conference .main-conference-left-slider {width:180px; height:190px;}
	.sect-main-conference .main-conference-right-slider {width:320px; height:195px;}
}
@media screen and (max-width:390px){
	.sect-main-conference .main-conference-left-slider {width:160px; height:165px;}
	.sect-main-conference .main-conference-right-slider {width:280px; height:170px;}
}

/* 신뢰와 배려가 함께하는 공간 */
.sect-main-service {background:linear-gradient(0deg,rgba(255,255,255,1)20%,rgba(238,243,252,1)100%);}
.sect-main-service .inner {padding-top:100px; padding-bottom:150px;}
.sect-main-service .main-service-cont {padding:0 10px; margin-top:70px;}
.sect-main-service .main-service-list {display:flex; flex-direction:row; width:100%; line-height:0;}
.sect-main-service .main-service-list > li {display:flex; width:calc((100% - 40px) /3);}
.sect-main-service .main-service-list > li:not(:last-child) {margin-right:20px;}
.sect-main-service .main-service-list > li > a {display:flex; overflow:hidden; width:100%; border-radius:10px;}
.sect-main-service .main-service-list > li .txt-area {position:relative; display:flex; flex-direction:column; flex-grow:1; padding:30px 70px 30px 40px; background-color:var(--color-primary); color:var(--font-color-white); line-height:1.5; transition:all 0.3s ease;}
.sect-main-service .main-service-list > li .txt-area::before {content:""; position:absolute; top:50%; right:30px; width:30px; height:30px; border-radius:50%; background-color:rgba(255,255,255,0.23); transform:translateY(-50%); transition:all 0.3s ease;}
.sect-main-service .main-service-list > li .txt-area::after {content:""; position:absolute; top:50%; right:40px; width:10px; height:10px; border-top:2px solid var(--border-color-white); border-right:2px solid var(--border-color-white); transform:translate(-25%,-50%) rotate(45deg); transition:all 0.3s ease;}
.sect-main-service .main-service-list > li .txt-area .tit {font-size:2.4rem; font-weight:600;}
.sect-main-service .main-service-list > li .txt-area .txt {margin-top:10px; font-size:1.6rem;}
.sect-main-service .main-service-list > li.profile .txt-area {background:url("/theme/v1/resources/images/main/bg_main_service01.png") right 2px bottom -30px / 160px auto no-repeat var(--color-primary);}
.sect-main-service .main-service-list > li.interior .txt-area {background:url("/theme/v1/resources/images/main/bg_main_service02.png") right bottom -30px / 185px auto no-repeat var(--color-primary);}
.sect-main-service .main-service-list > li.info .txt-area {background:url("/theme/v1/resources/images/main/bg_main_service03.png") right bottom -30px / 118px auto no-repeat var(--color-primary);}
.sect-main-service .main-service-list > li > a:hover .txt-area {background-color:var(--color-tertiary); color:var(--font-color-primary);}
.sect-main-service .main-service-list > li > a:hover .txt-area::before {background-color:rgba(0,47,123,0.23);}
.sect-main-service .main-service-list > li > a:hover .txt-area::after {border-color:var(--border-color-primary);}
.sect-main-service .main-service-list > li.profile > a:hover .txt-area {background-image:url("/theme/v1/resources/images/main/bg_main_service01_hover.png");}
.sect-main-service .main-service-list > li.interior > a:hover .txt-area {background-image:url("/theme/v1/resources/images/main/bg_main_service02_hover.png");}
.sect-main-service .main-service-list > li.info > a:hover .txt-area {background-image:url("/theme/v1/resources/images/main/bg_main_service03_hover.png");}
@media screen and (max-width:767px){
	.sect-main-service .inner {padding-top:50px; padding-bottom:100px;}
	.sect-main-service .main-service-cont {padding:unset; margin-top:45px;}
	.sect-main-service .main-service-list {flex-direction:column;}
	.sect-main-service .main-service-list > li {width:100%;}
	.sect-main-service .main-service-list > li:not(:last-child) {margin-right:unset; margin-bottom:10px;}
	.sect-main-service .main-service-list > li .txt-area {padding:25px 30px;}
	.sect-main-service .main-service-list > li .txt-area::after {width:9px; height:9px;}
	.sect-main-service .main-service-list > li .txt-area .tit {font-size:2rem;}
	.sect-main-service .main-service-list > li .txt-area .txt {font-size:1.3rem;}
	.sect-main-service .main-service-list > li.profile .txt-area {background-position:right bottom -10px; background-size:130px auto;}
	.sect-main-service .main-service-list > li.interior .txt-area {background-position:right bottom -10px; background-size:130px auto;}
	.sect-main-service .main-service-list > li.info .txt-area {background-position:right bottom -20px; background-size:92px auto;}
}