@charset "utf-8";

@media all and (min-width:1161px) {
	#ds-index {font-size:2.0rem; line-height:1.8;}
}
@media all and (min-width:1025px) and (max-width:1160px) {
	#ds-index {font-size:1.9rem; line-height:1.7;}
}
@media all and (min-width:901px) and (max-width:1024px) {
	#ds-index {font-size:1.8rem; line-height:1.7;}
}
@media all and (min-width:831px) and (max-width:900px) {
	#ds-index {font-size:1.6rem; line-height:1.6;}
}
@media all and (min-width:769px) and (max-width:830px) {
	#ds-index {font-size:1.5rem; line-height:1.6;}
}
@media all and (max-width:768px) { /* MOBILE */
	#ds-index {font-size:1.4rem; line-height:1.5;}
}

@-webkit-keyframes ds-index-img-scale {100% {transform:scale(1.05,1.05);}}
@-moz-keyframes ds-index-img-scale {100% {transform:scale(1.05,1.05);}}
@keyframes ds-index-img-scale {100% {transform:scale(1.05,1.05);}}

.ds-img-scale {overflow:hidden;}
.ds-img-scale img {
	-webkit-animation: ds-index-img-scale 20s 1s infinite ease alternate;
	-moz-animation: ds-index-img-scale 20s 1s infinite ease alternate;
	animation: ds-index-img-scale 20s 1s infinite ease alternate;
}

.ds-index-width {max-width:1920px;}

.ds-index-padding-tb-a {padding-top:9%; padding-bottom:9%;}
.ds-index-padding-t-a {padding-top:9%;}
.ds-index-padding-b-a {padding-bottom:9%;}

.ds-index-padding-tb-b {padding-top:6%; padding-bottom:6%;}
.ds-index-padding-t-b {padding-top:6%;}
.ds-index-padding-b-b {padding-bottom:6%;}

.ds-index-margin-v-a:after {content:""; display:block; height:0; width:100%; margin-top:9%;}
.ds-index-margin-tb-a {margin-top:9%; margin-bottom:9%;}
.ds-index-margin-t-a {margin-top:9%;}
.ds-index-margin-b-a {margin-bottom:9%;}

.ds-index-margin-v-b:after {content:""; display:block; height:0; width:100%; margin-top:6%;}
.ds-index-margin-tb-b {margin-top:6%; margin-bottom:6%;}
.ds-index-margin-t-b {margin-top:6%;}
.ds-index-margin-b-b {margin-bottom:6%;}

.ds-index-article-margin-b:after {content:""; display:block; height:0; width:100%; margin-top:12%;}

/* SWIPER SETTING*/
.swiper-slide-active *[class*="ds-swiper-prx"] {opacity:1!important; transform:translate(0, 0) scale(1, 1)!important; transition-property:opacity, transform!important; transition-timing-function: ease-out;
}
 *[class*="ds-swiper-prx"] {opacity:0; transition-duration:1s; transform:translate(0,100%);}
 .ds-swiper-prx-1 {transition-delay:0.5s;} .ds-swiper-prx-2 {transition-delay:1.0s;} .ds-swiper-prx-3 {transition-delay:1.5s;} .ds-swiper-prx-4 {transition-delay:2.0s;} .ds-swiper-prx-5 {transition-delay:2.5s;} .ds-swiper-prx-6 {transition-delay:3.0s;} .ds-swiper-prx-7 {transition-delay:3.5s;} .ds-swiper-prx-8 {transition-delay:4.0s;} .ds-swiper-prx-9 {transition-delay:4.5s;} .ds-swiper-prx-10 {transition-delay:5.0s;} .ds-swiper-prx-11 {transition-delay:5.5s;} .ds-swiper-prx-12 {transition-delay:6.0s;} .ds-swiper-prx-13 {transition-delay:6.5s;} .ds-swiper-prx-14 {transition-delay:7.0s;} .ds-swiper-prx-15 {transition-delay:7.5s;}
 
.ds-index-ban {position:relative; margin:0 auto;}
.ds-index-ban-size>div {position:relative; height:0; padding-bottom:36.45%; z-index:0;}

.ds-index-ban>ul {position:absolute; width:100%; height:100%; top:0; left:0;}

.ds-index-ban-slide-bg {position:absolute; width:100%; height:100%; top:0; left:0;}
.ds-index-ban-slide-bg>div {height:100%; margin:0 auto; font-size:0;}
.ds-index-ban-slide-bg img {object-fit:cover; width:100%; height:100%; transition:transform 0.5s;}

/* SWIPER MAIN*/
#ds-index-ban02 *[class*=ds-swiper-prx] {transform:translate(-20%,0); display:block;}
#ds-index-ban02 .ds-swiper-prx-1 {transition-delay:0.0s;}
#ds-index-ban02 .ds-swiper-prx-2 {transition-delay:0.2s;}
#ds-index-ban02 .ds-swiper-prx-3 {transition-delay:0.4s;}
#ds-index-ban02 .ds-swiper-prx-4 {transition-delay:0.6s;}
#ds-index-ban02 .ds-swiper-prx-5 {transition-delay:0.8s;}
#ds-index-ban02 .ds-swiper-prx-4:last-of-type {transition-delay:0.8s;}
#ds-index-ban02 .ds-swiper-prx-5:last-of-type {transition-delay:1.0s;}
#ds-index-ban02 .ds-swiper-prx-6:last-of-type {transition-delay:1.2s;}

/* 임시 숨기기 */
.ds-index-ban-slide-main {display:none!important;}

#ds-index-ban01m .ds-index-ban-size>div {padding-bottom:152.6%}

/* INDEX 02 */
#ds-index-ban02 .ds-index-ban-slide-main {position:relative; height:100%; box-sizing:border-box; display:flex; align-items:stretch; height:100%; margin:0 auto;}

#ds-index-ban02 .ds-index-ban-slide-main>* {background:#fff; height:100%; box-sizing:border-box; padding:1em 5%; font-size:3.7rem; display:flex; flex-direction:column; justify-content:space-evenly; align-items:flex-start; transition:all 0.5s;}
#ds-index-ban02 .ds-index-ban-slide-main:after{content:""; height:100%; width:10%; display:block; background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));}
#ds-index-ban02 .ds-index-ban-slide-main>* * {word-break:keep-all; display:block;}
#ds-index-ban02 .ds-index-ban-slide-main>a:hover {font-weight:inherit; background:rgba(255,255,255,1); padding-left:5.3%;}

#ds-index-ban02 .ds-index-ban-slide-main-btn {font-size:0.5em; padding:0.3em 1em; background:#222; color:#fff; border-radius:20px;}
#ds-index-ban02 .ds-index-ban-slide-main-txt small {font-size:0.6em;}
#ds-index-ban02 .ds-index-ban-slide-main-txt strong {line-height:1.5;}
#ds-index-ban02 .ds-index-ban-slide-main-btn:last-of-type {background:#f48641;}

#ds-index-ban02 .ds-index-ban-slide-main>a:hover>span {color:#fff; font-weight:bold;}

#ds-index-ban02m .ds-index-ban-size>div {padding-bottom:152.6%}

.ds-index-hn {margin-top:0; text-align:center; line-height:1.6;}
h2.ds-index-hn {font-size:1.95em; font-weight:normal;}
@media all and (max-width:768px) { /* MOBILE */
	h2.ds-index-hn {font-size:1.4em;}
}

/* index03 */
#ds-index-03 {background:#004A77; color:#fff; overflow:hidden;}

.ds-index-spc03 {display:flex; align-items:stretch; justify-content:space-evenly; text-align:center;}
.ds-index-spc03>a{flex:0 0 27%; display:flex; align-items:center; justify-content:center; box-sizing:border-box; border:4px solid #fff; border-radius:1em; color:#fff!important;}


.ds-index-spc03>a>div {padding:2em 1em;}
.ds-index-spc03>a *{display:block;}
@media all and (min-width:769px) { /* Not Mobile */
	.ds-index-spc03>a:hover{font-weight:inherit; transform:scale(1.02,1.02)!important; transition:transform 0.5s!important; transition-delay:0!important; background:#0f4772;}
}

.ds-index-spc03 h3 {font-size:1.9em; margin:0;}
.ds-index-spc03 h3+span{font-size:1.2em; margin:0;}

.ds-index-spc03 h4 {font-size:1.5em; margin-bottom:0;}
.ds-index-spc03 h4+small {font-size:0.5em;}
.ds-index-spc03 h4 ~span {line-height:1;font-size:2.2em; border-top:2px solid #fff; margin:0.5em 0 0 0; padding:0.5em 0 0 0;}

@media all and (max-width:768px) { /* MOBILE */
	.ds-index-spc03 {gap:1%;}
	.ds-index-spc03>a{flex:auto; border:2px solid #fff;}

	.ds-index-spc03>a>div {padding:0.5em;}
	.ds-index-spc03>a *{display:block;}

	.ds-index-spc03 h3 {font-size:1.1em; margin:0;}
	.ds-index-spc03 h3+span{font-size:0.8em; margin:0;}

	.ds-index-spc03 h4 {font-size:0.9em; margin-top:0.5em;}
	.ds-index-spc03 h4+small {font-size:0.4em;}
	.ds-index-spc03 h4 ~span {line-height:1;font-size:1.3em;}
}

/* INDEX 04 */
#ds-index-ban04 .ds-index-ban-size>div {padding-bottom:46.86%}
#ds-index-ban04m .ds-index-ban-size>div {padding-bottom:152.6%}

/* index-06 */
#ds-index-06 {background:#eee;}
.ds-index-spc06 {display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; color:#fff;}
.ds-index-spc06>a{display:block; position:relative; /*height:0; padding-bottom:24%; */background-repeat:no-repeat; background-size:cover; background-position:center center; flex:1 0 33.333%; box-sizing:border-box; color:#fff!important; overflow:hidden;}
.ds-index-spc06>a>div{/*position:absolute;*/ width:100%; height:100%; display:flex; align-items:center; justify-content:flex-start; flex-direction:column; text-align:center; box-sizing:border-box;}
.ds-index-spc06>a>div:nth-of-type(1){position:relative; z-index:1; padding:12% 2em;}
.ds-index-spc06>a img {position:absolute; width:100%; height:100%; object-fit:cover;}
.ds-index-spc06>a>div:nth-of-type(2){position:absolute; z-index:0; top:0; left:0;}
.ds-index-spc06>a>div:nth-of-type(3){position:absolute; opacity:0.1; z-index:0; top:0; left:0;}

@media all and (min-width:769px) { /* Not Mobile */
	.ds-index-spc06>a:hover {font-weight:normal;}
	.ds-index-spc06>a:hover>div:nth-of-type(1){transform:translate(0,-5px)!important;}
	.ds-index-spc06>a:hover>div:nth-of-type(3){opacity:0.8; background-color:#004A77}
	.ds-index-spc06>a:hover img{transform:scale(1.02)}
}


.ds-index-spc06 h4 {font-size:1.3em;line-height:1.4; margin:0; padding:0.8em 1.2em; box-sizing:border-box; border:2px solid #fff; background-color:rgba(0,0,0,0.6); font-weight:normal; margin:0 0 0.5em 0;}
.ds-index-spc06 p {line-height:1.65; font-size:0.95em;}

@media all and (max-width:768px) { /* MOBILE */
	.ds-index-spc06>a{flex:1 0 100%;}
	.ds-index-spc06>a>div:nth-of-type(1){padding:7% 0.5em;}
	.ds-index-spc06 h4 {font-size:1.05em; padding:0.5em 0.5em; border:2px solid #fff;}
	.ds-index-spc06 p {line-height:1.5; font-size:0.9em; margin-bottom:0}
	.ds-index-spc06>a>div:nth-of-type(3){opacity:0.5; background-color:#004A77}
	.ds-index-spc06>a:nth-of-type(2n)>div:nth-of-type(3) {background-color:#968271;}
}

#ds-index-07>div>div {display:flex; justify-content:space-evenly; align-items:stretch; margin-left:auto; margin-right:auto;}

#ds-index-07>div>div>a {flex:0 0 27%;}
#ds-index-07>div>div>a img {width:100%; height:auto;}
#ds-index-07>div>div>a:hover img {transform:scale(1.02);}

@media all and (max-width:768px) { /* MOBILE */
	#ds-index-07>div>div>a {flex:0 0 32%;}
}

/* DOCTOR */
#ds-index-05 h2 * {display:block;}
#ds-index-05 h2 small {font-weight:bold; font-size:0.7em;}

#ds-index-doc-ban>ul {display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:stretch;}
#ds-index-doc-ban>ul>li{flex:0 0 20%; max-width:20%; padding:3% 1% 0 1%; box-sizing:border-box;}
#ds-index-doc-ban>ul>li:nth-of-type(2n){background:#eaeaea}
#ds-index-doc-ban>ul span,
#ds-index-doc-ban>ul a{display:block;}

.ds-index-doc-ban-1 {position:relative; width:100%; height:0; padding-bottom:115%; text-align:center;}
.ds-index-doc-ban-1a {position:absolute; width:100%; height:100%; left:0; top:0; display:flex; align-items:flex-end;}
.ds-index-doc-ban-1a img{height:auto; width:100%; margin:0 auto;}
#ds-index-doc-ban ul a:hover img {transform:scale(1.01,1.01) translate(0,-10px);}

.ds-index-doc-ban-1b {z-index:1; width:100%; color:#fff; display:block; position:absolute; bottom:1em; font-size:0.7em; line-height:1; opacity:0;}
#ds-index-doc-ban ul a:hover .ds-index-doc-ban-1b {opacity:1;}

.ds-index-doc-ban-1b span {background:#004A77; display:inline-block!important; padding:0.4em 1em; border-radius:0.5em; font-size:1.5em; font-weight:normal}

.ds-index-doc-ban-2 {text-align:center; box-sizing:border-box; padding:2em 1em; line-height:1; color:#00333E}
.ds-index-doc-ban-2 *{display:block;}
.ds-index-doc-ban-2 span{display:block; font-size:1em;}
.ds-index-doc-ban-2 small{display:block; font-size:0.85em; margin:0.6em 0; color:#555;}
.ds-index-doc-ban-2 h3{display:block; margin:0; font-size:1.5em; letter-spacing:1px;}

@media all and (max-width:768px) { /* MOBILE */
	#ds-index-doc-ban>ul>li{flex:0 0 33.3333%; max-width:33.3333%; padding:3% 1% 0 1%;}
	.ds-index-doc-ban-2 h3{font-size:1.4em;}
}