/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    font:normal 16px/1.4 'NanumBarunGothic', sans-serif; color:#353535;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{color:inherit; text-decoration: none;}
img{vertical-align: top;}
.container{width:1300px; margin:0 auto; position: relative;}
.container2{width:1170px; margin:0 auto; position: relative;}
.wrap{min-width:1360px; margin:0 auto;}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.spacea {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.spaceb {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.h1{font:400 70px/1.3 'NanumSquare',serif; color:#333;}
.h2{font:400 65px/1.3 'NanumSquare',serif; color:#333;}
.h3{font:400 55px/1.3 'NanumSquare',serif;}
.h4{font:400 50px/1.3 'NanumSquare',serif;}
.h5{font:400 40px/1.5 'NanumSquare',serif;}
.h6{font:400 26px/1.3 'NanumSquare',serif;}
.p1{font-size:17px; line-height: 1.6;}
.p2{font-size:20px; line-height: 1.6;}
.light{font-weight: 100;}
.normal{font-weight: normal;}
.bold{font-weight: bold;}
.bolder{font-weight: 900;}
.tc{text-align: center;}
.c1{color:#002367}
.c2{color:#123d97}
.c3{color:#04bab7}
.c4{color:#1970ff}
.white{color:#fff !important;}
.bg1{background: linear-gradient(25deg, #40b5b8,#319ac1); box-sizing: border-box; color:#fff;}
.bg2{background: #a4bf60; box-sizing: border-box; color:#fff;}
.colon{position: relative; padding:.8em 0 0 1.5em; width:480px;}
.colon:before,.colon:after{position: absolute; content:''; width:24px; height:18px; background: url(img/colon.png);}
.colon:before{ top:0; left:0;}
.colon:after{top:80%; right:0; background-position: top right;}
.shadow1{box-shadow: 10px 18px 50px rgba(30,65,81,.25); }
.mb1{margin-bottom:12px;}
.mb2{margin-bottom:24px;}
.mb3{margin-bottom:40px;}
.mb4{margin-bottom:55px;}
.space{margin-bottom:140px;}

.hide{display: none;}
.ir{text-indent: -9999em;}


main.on{padding:170px 0 0;}
.main-content .xm{padding:170px 0 0; width:1170px; margin:0 auto;}

.gnb-bg{position: absolute; left:calc(50% - 352px); bottom:0;  width:1015px; height: 65px; background: #004e90; z-index: -1; transition: .3s;}
.fixed .gnb-bg{width:100%; left:0;}
.log_menu{position: absolute;left: calc(50% - 660px); top: 22px;}

.top-slide-wrap{width:1326px; margin:0 auto 15px;}
.top-slide{width:376px; height: 32px; margin:0 0 0 auto;}
.top-slide .swiper-slide {display: flex; align-items: center; justify-content: center; gap: 0 0.5rem;}
.fz_18{font-size: 1.125rem; ; line-height: 1.6;}
.bold{font-weight: 800;}
.c-0d1b49{color: #0d1b49;}

.main-header{position: fixed; top:0; left:0; width:100%; min-width:1360px; z-index: 3; padding: 15px 0 0; transition: .2s}
.main-header.fixed{top:-60px;}
.main-header-wrap{width:1326px; margin:0 auto; display: flex; justify-content: space-between; align-items: center;padding: 0 1.4em .2em 0; box-sizing: border-box; transition: .2s}
.fixed .main-header-wrap{padding: 0 1.4em .2em .2em;}

.gnb{width:930px; position: relative;}
.submenu-bg{position: absolute; left:-62px; top:100%; background: #f2f3f4; width:1015px; height: 60px; display: none; z-index: -1;}


.depth1{display: flex; justify-content:space-between; height: 60px;}
.depth1 > li {padding: .3em .5em;}
.depth1 > li > a{display: block; width:100%; color: #d0d1de; font-size: 18px; line-height: 1.6; height:100%; padding: .6em 0;box-sizing: border-box;}
.depth1 > li:hover > a{color: #fff;}
.depth2{position: absolute; display: none}
.depth2:after{content:''; display: block; clear: both;}
.depth2 > li{float:left; padding:1.36em .66em 1em;}
.depth2 > li.active a{color: #004e90;}
.depth2 > li > a{display: block; width:100%; height:100%;}
.depth2.idx-1{ left:0;}
.depth2.idx-2{ left:0;}
.depth2.idx-3{ left:260px;}
.depth2.idx-4{ left:480px;}
.depth2.idx-5{ right:20px;}
.depth2.idx-6{ right:0;}


.logo {background: url(image/logo1x_240221.png)center center/100% no-repeat; width:254px; height:59px; text-indent: -9999em; transition: .2s}
.logo a{display: block; width:100%; height:100%;}
.fixed .logo{width:200px; height:46px; background-image: url(image/w_logo1x_240221.png);}

.swiper-button-prev{background:url(image/main-ctrl.png) left center; width:64px; height:97px; left:calc(50% - 670px); right:auto; top:42%;}
.swiper-button-next{background:url(image/main-ctrl.png) right center; width:64px; height:97px; right:calc(50% - 670px); top:42%;}
.swiper-pagination-bullet{width:9px; height:9px; border:2px solid #fff; background:transparent; opacity:1;transition: width .5s; border-radius:10px;}
.swiper-pagination-bullet-active{background:#fff; width:25px; border-radius:10px;}
.main-visual>.swiper-pagination-bullets{bottom:20px;}

.main-visual .swiper-slide{height:915px; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; padding:320px 0 0;}
.visual01,.visual02,.visual03,.visual04,.visual05{width:100%; height:100%; position: absolute; z-index: -1; top:0; left:0;}



.visual01 .cover {background: url(image/slider_cover.jpg) center center/cover no-repeat; width: 100%; height: 969px; position: absolute; top: calc(50% - 424px); left: 0; z-index: 1; display: none}



.visual01 {background: url(image/video-thumb-bg.jpg)center center/cover no-repeat;}
.visual02{background: url(image/slider01.jpg)center center/cover no-repeat;}
.visual03{background: url(image/slider02.jpg)center center/cover no-repeat;}
.visual04{background: url(image/slider03.jpg)center center/cover no-repeat;}
.visual05{background: url(image/slider04.jpg)center center/cover no-repeat;}
.visual-desc {width:1160px; margin:0 auto;}

#videobcg { 
     position: absolute;
     top: 0px;
     left: 0px;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -1000;
     overflow: hidden;
}
.vis01-title{text-align: center; position: relative;}

.vis01-title:before{display: block; content:''; width:41px; height: 33px; position: absolute; top:0; background: url(image/col01.png); left:calc(50% - 345px);}
.vis01-title:after{display: block; content:''; width:69px; height: 61px; position: absolute; bottom:55px; background: url(image/col02.png); left:calc(50% + 390px)}
.vis01-title h2{line-height: 1.6; text-shadow:0 0 20px rgba(255,255,255,1)}

.vis02-title{}
.vis02-title h2{text-align: center; line-height: 1.5; text-shadow:0 0 20px rgba(255,255,255.3)}

.vis03-title{position: relative;}
.vis03-title h2{line-height: 1.6;}

.vis03-title:before{display: block; content:''; width:29px; height: 189px; position: absolute; top:10px; background: url(image/vis03-bar01.png); left:-24px;}
.vis03-title:after{display: block; content:''; width:30px; height: 189px; position: absolute; top:10px; background: url(image/vis03-bar02.png); left:52%;}
.vis03-title .l1{ padding-left: 50px; display: flex; align-items: center; gap: 0 1rem;}
.vis03-title .l1{padding-bottom: 5px;}
.vis03-title .l2{margin-left: -11px;}

.vis04-title{text-align: center; line-height: 1.5; }
.vis04-title h2{position: relative; left:40px; top:10px}

.point3{width:970px; margin:95px auto 0; display: flex; justify-content:space-between; align-items: center;}
.point4{width:1060px; margin:60px auto 0; display: flex; justify-content:space-between; align-items: center;}

.point4 li{position: relative;}
.point4 li:nth-child(2){left:-30px;}
.point4 li:nth-child(3){left:-60px;}
.point4 li:nth-child(4){left:-90px;}

.swiper-slide-active .l3 {
    -webkit-transition: all .4s ease-out 1.5s;
    transition: all .4s ease-out 1.5s;
}
.swiper-slide-active .l4 {
    -webkit-transition: all .4s ease-out 1.8s;
    transition: all .4s ease-out 1.8s;
}
.swiper-slide-active .l5 {
    -webkit-transition: all .4s ease-out 2.1s;
    transition: all .4s ease-out 2.1s;
}
.swiper-slide-active .l6 {
    -webkit-transition: all .4s ease-out 2.4s;
    transition: all .4s ease-out 2.4s;
}


.top-desc,.top-desc2{display: inline-block; padding:.75em 1.1em; font-size: 30px; color:#fff; border-radius:40px; min-width:160px; text-align: center;}
.top-desc{
    background: rgba(0,160,233,.8);
}
.top-desc2{
    background: rgba(1,86,125,.8); margin-left:-.8em;
}

.top-desc span,.top-desc2 span{font-size: 40px; font-weight: 500;}


.cnt01{padding:222px 0;}
.cnt01-bnr {display: flex; justify-content: space-between; align-items: center;}
.cnt01-bnr li {
    width: 420px;
    height: 519px;
    box-sizing: border-box;
    transition: .3s;
    position: relative;
    
}
.cnt01-bnr li a{width:420px; height:519px; transition:.3s; position: absolute; top:0; left:0; z-index: 2; box-sizing: border-box; padding: 4em 0 2em; color: #161616;}
.cnt01-bnr li .border-bg{width:420px; height:519px; transition:.3s; position: absolute; top:0; left:0; z-index: 1; box-sizing: border-box;}
.cnt01-bnr li:hover:after{
    -webkit-filter: grayscale(100%) brightness(20%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) brightness(20%);
}

.cnt01-bnr-list01:after {
    display: block; content:''; position: absolute;
    width:100%; height:100%; transition:.3s;
    background: url(image/cnt01-bnr-bg01.jpg)center center no-repeat;
}

.Explorer .cnt01-bnr-list01:hover:after {
    display: block; content:''; position: absolute;
    width:100%; height:100%; transition:.3s;
    background: url(image/cnt01-bnr-bg01-ie11.jpg)center center no-repeat;
}

.cnt01-bnr-list01 .border-bg{
    border: 0px solid #ffcc00;
}

.cnt01-bnr-list01:hover .border-bg{
    border: 7px solid #ffcc00;
}
.cnt01-bnr-list01:hover h3 {color: #fff}
.cnt01-bnr-list02:hover h3 {color: #4fecbe}
.cnt01-bnr-list02:hover h4 {color: #4fecbe}
.cnt01-bnr-list01:hover h3 .bolder,.cnt01-bnr-list01:hover h4{color: #ffcc00;}
.cnt01-hover-img{margin:2.1em 0 0 2.1em;}
.cnt01-bnr-list02:after {
    display: block; content:''; position: absolute;
    width:100%; height:100%; transition:.3s;
    background: url(image/cnt01-bnr-bg02-191028.jpg)center center no-repeat;
}

.Explorer .cnt01-bnr-list02:hover:after {
    display: block; content:''; position: absolute;
    width:100%; height:100%; transition:.3s;
    background: url(image/cnt01-bnr-bg02-ie11.jpg)center center no-repeat;
}

.cnt01-bnr-list02 .border-bg{
    border: 0px solid #4fecbe;
}

.cnt01-bnr-list02:hover .border-bg{
    border: 7px solid #4fecbe;
}

.cnt01-bnr-list03:after {
    display: block; content:''; position: absolute;
    width:100%; height:100%; transition:.3s;
    background: url(image/cnt01-bnr-bg03.jpg)center center no-repeat;
}

.Explorer .cnt01-bnr-list03:hover:after {
    display: block; content:''; position: absolute;
    width:100%; height:100%; transition:.3s;
    background: url(image/cnt01-bnr-bg03-ie11.jpg)center center no-repeat;
}


.cnt01-bnr .cnt01-bnr-list03 a {
    padding: 7.6em 0 2em;
}
.cnt01-bnr-list03 .border-bg{
    border: 0px solid #ff98a2;
}

.cnt01-bnr-list03:hover .border-bg{
    border: 7px solid #ff98a2;
}
.cnt01-bnr-list03:hover h3 {color: #fff}
.cnt01-bnr-list03:hover h3 .c1,.cnt01-bnr-list03:hover h4{color: #ff98a2;}

.cnt01-bnr li a h4{font-size: 30px; line-height: 1;}
.cnt01-bnr .cnt01-bnr-list02 a h4{font-size: 24px; line-height: 1;}

.cnt01-bnr-btm{position: absolute; bottom:40px;left:50%; transform:translateX(-50%);}
.cnt01-bnr-btm span{padding: .3em 1em; border: 1px solid #fff; font-size: 24px;}
.cnt01-bnr-list03 .cnt01-bnr-btm span{border: 1px solid #0d1b49; color: #0d1b49;}
.cnt01-bnr-list03:hover .cnt01-bnr-btm span{border: 1px solid #fff; color: #fff;}
.cnt01-bnr-top{position: absolute; top:30px; left:50%; transform:translateX(-50%);}


.cnt02{background: url(image/cnt02_doctor-bg.jpg)top center no-repeat; padding: 255px 0 268px; position: relative;}
.cnt02 h2{color: #161616;;}





.hover-area{position: absolute; width:100%; height:100%; top:0; left:0; display: flex; cursor: pointer; z-index: 2;}
.l_doc,.r_doc{width:50%; height: 100%;}
.l_doc a,.r_doc a{width:100%; height: 100%; display: block;}


.doctor-area{position: absolute; z-index: 0; width:100%; height:100%; top:0; left:0;}
.doctor01{position: absolute; background: url(image/doctor01_hover0_240222.jpg)center center no-repeat; top:0; left:0; width:100%; height: 100%;}
.doctor02{position: absolute;background: url(image/doctor02_hover0_240222.jpg)center center no-repeat; top:0; left:0; width:100%; height: 100%;}

.doctor .r_doc {right: 0; background: url("image/doctor02.jpg") no-repeat left center; width: 50%; height: 718px; transition: width 0.2s}
.doctor .r_doc:hover, .doctor .r_doc:focus {width: 100%; background-image: url("image/doctor02_hover.jpg"); z-index: 1; right: 0;}



.round {
    position: absolute;
    width: 40px;
    height: 40px;
    left:47%;
    top:20px;
    z-index: 1;
}
.round.opa0{opacity: 0;}
.arrow-left{top:auto; bottom:-20px; left:50%}
#cta{
    width:100%; cursor: pointer; position: absolute;
}

#cta2{width:100%; cursor: pointer; position: absolute; transform: rotate(180deg);}

#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 23px; height: 23px; background-size: contain; top:15px;}
.segunda{margin-left: 8px;}
.next {
	background-image: url(image/arrow-right.png);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.round .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.round .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}






.udl{text-decoration: underline;}
.cnt03{padding:222px 0;}
.cnt03 > h3{font-size: 30px;}
.cnt03-bnr-list{margin-top: 120px;}
.cnt03-bnr-list li{margin-bottom: 88px;}
.cnt03-bnr-list li h4{ font-size: 40px;}
.cnt03-bnr-list li p{ font-size: 18px;}
.cnt03-bnr01{background: url(image/cnt03-bnr01.jpg)top center no-repeat; padding: 48px 0 47px;}
.cnt03-bnr02{background: url(image/cnt03-bnr02.jpg)top center no-repeat; padding: 48px 0 47px;}
.cnt03-bnr03{background: url(image/cnt03-bnr03.jpg)top center no-repeat; padding: 48px 0 47px;}
.cnt03-bnr04{background: url(image/cnt03-bnr04.jpg)top center no-repeat; padding: 48px 0 47px;}

.st0{fill:none;stroke:#123d97;stroke-width:4;stroke-miterlimit:10; stroke-dasharray: 132; stroke-dashoffset: 132;}
.text-rt{margin:0 0 0 58%;}
.text-lf{width:380px; margin:0 0 0 14%; text-align: right;}

/*.cnt03-bnr01 .container:after,.cnt03-bnr02 .container:after,.cnt03-bnr03 .container:after,.cnt03-bnr04 .container:after{content:''; width:0; height:2px; background: #123d97; }*/

.svg_line{ position: absolute; left:45%; top:52%;}
.svg_left{}

.cnt03-bnr02 .container:after{}
.cnt03-bnr04 .container:after{}

.cnt03-bnr01 {}
.cnt03-bnr01.on .st0{animation:line-width 1.2s ease forwards;}
.cnt03-bnr02.on .st0{animation:line-width2 1.2s ease forwards;}
.cnt03-bnr03.on .st0{animation:line-width 1.2s ease forwards;}
.cnt03-bnr04.on .st0{animation:line-width2 1.2s ease forwards;}


@keyframes line-width {
    0%{
        stroke-dashoffset: 132;
    }
    100%{
        stroke-dashoffset: 0;
    }
}
@keyframes line-width2 {
    0%{
        stroke-dashoffset: -132;
    }
    100%{
        stroke-dashoffset: 0;
    }
}

.more-btn-area{text-align: right; width:1180px; margin:45px auto 0;}
.more-btn{font-size: 26px;}
.more-btn img{vertical-align: middle;}


.hgt0{height: 0; visibility: hidden; }
.map-wrap{position: relative;}
.map-wrap address{position: absolute; top:0; left:0; width:100%; height:90px;line-height: 90px; color: #fff; font-size: 28px; font-weight: bold; font-family: 'NanumSquare',sans-serif; background: rgba(68,68,68,.9); text-align: center;}
#map{height: 495px;}
.location{padding: 208px 0 250px;}
.location.main{padding: 0 0 250px;}
.location h2{margin-bottom: 88px;}
.time{background: url(image/time-bg.jpg)top center no-repeat; padding: 52px 0 82px;}

.main-foot{background: #535353; padding: 75px 0; line-height: 1.8; color: #eee; font-weight: 300; font-size: 19px;}
.main-foot strong{font-weight:normal; font-size: 20px;}
.main-foot address{position: relative; left:40px;}
.logo-w{text-indent: -9999em; width:352px; height: 62px; background: url(image/foot_logo1x_240222.png)no-repeat; margin:0 0 0 70px}
.logo-w a{display: block; width:100%; height: 100%;;}
.cnt04{background:#c2c2c2 url(image/cnt04-bg.jpg)center center no-repeat;padding: 90px 0 130px;}

.video-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
	background: url(../image/video-thumb-bg.jpg)center center/cover no-repeat;
}

.video-background iframe {
	width: 100vw;
	height: 56.25vw;
	/* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh;
	/* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}