@charset "utf-8";

.root_daum_roughmap .wrap_controllers{display: none;}

/* m_tit */
.m_tit{}
.m_tit h4{font-family: 'Poppins', sans-serif; font-size: 1.5rem; color: #222222; margin-bottom: 45px; font-weight: 400;}
.m_tit h4 b{color: #114369;}
.m_tit h3{color: #222222; font-weight: 300; font-size: 5rem; margin-bottom: 30px;}
.m_tit h3 b{}
.m_tit h3 span{color: #114369;}
.m_tit p{font-size: 1.8rem; color: #686868; opacity: 0.7; word-break: keep-all;}

@media all and (max-width:1280px){
	.m_tit h3{font-size: 4.6rem; margin-bottom: 25px;}
}
@media all and (max-width:976px){
	.m_tit h3{font-size: 4.2rem;}
	.m_tit p{font-size: 1.7rem;}
}
@media all and (max-width:768px){
	.m_tit h4{font-size: 1.4rem; margin-bottom: 35px;}
	.m_tit h3{font-size: 3.6rem; margin-bottom: 20px;}
	.m_tit p{font-size: 1.6rem;}
	.m_tit p br{display: none;}
}
@media all and (max-width:500px){
	.m_tit h4{font-size: 1.3rem; margin-bottom: 30px;}
	.m_tit h3{font-size: 2.8rem; margin-bottom: 15px;}
	.m_tit p{font-size: 1.5rem;}
}


/* mVisual */
#mVisual{height: 810px;}
#mVisual > div{height: 100%;}
#mVisual > div > div{height: 100%;}
#mVisual .mv{background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%;}
#mVisual .mv.mv1{background-image: url(/images/main/mv1.jpg);}
#mVisual .mv.mv2{background-image: url(/images/main/mv2.jpg);}
#mVisual .mv .txt{text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
#mVisual .mv .txt h3{font-size: 6.5rem; color: #fff; font-weight: 500; margin-bottom: 55px; line-height: 1.3em; word-break: keep-all;}
#mVisual .mv .txt h3 span{font-weight: 700; color: #00ccff;}
#mVisual .mv .txt p{font-size: 2rem; color: #fff; font-weight: 500; line-height: 1.8em;}
#mVisual .slick-dots{left: auto; bottom: auto; right: 42px; bottom: 35px;}
#mVisual .slick-dots li{background-color: #fff; opacity: 0.8; width: 8px; height: 8px; margin: 0 10px;}
#mVisual .slick-dots li.slick-active{opacity: 1; position: relative;}
#mVisual .slick-dots li.slick-active::after{content: ''; width: 20px; height: 20px; position: absolute; border: 1px solid #fff; border-radius: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media all and (max-width:1280px){
	#mVisual{height: 85vh; min-height: 700px;}
	#mVisual .mv .txt h3{font-size: 6rem; margin-bottom: 45px;}
}
@media all and (max-width:976px){
	#mVisual .slick-dots{right: auto; left: 50%; transform: translateX(-50%);}
	#mVisual .mv .txt h3{font-size: 5.6rem; margin-bottom: 40px;}
}
@media all and (max-width:768px){
	#mVisual{height: 80vh; min-height: 560px;}
	#mVisual .mv .txt h3{font-size: 6.6vw; margin-bottom: 2vw;}
	#mVisual .mv .txt p{font-size: 3vw;}
}
@media all and (max-width:500px){
	#mVisual{height: 70vh; min-height: 520px;}
	#mVisual .slick-dots li{width: 6px; height: 6px;}
	#mVisual .slick-dots li.slick-active::after{width: 16px; height: 16px;}
}


/* sec1 */
.sec1{text-align: center; padding: 85px 0 80px; position: relative;}
.sec1::before{content: ''; width: 100%; height: 340px; background-color: #f9f9f9; position: absolute; left: 0; top: 0;}
.sec1 .inner{}
.sec1 .inner .m_tit{}
.sec1 .inner .list{margin-top: 50px; display: flex; justify-content: center; gap:10px;}
.sec1 .inner .list li{}
.sec1 .inner .list li a{width: 150px; height: 160px; background-color: #fff; border: 1px solid #e7ebee; display: flex; justify-content: center; align-items: center; flex-direction:column; }
.sec1 .inner .list li .img{}
.sec1 .inner .list li .img img{max-width: 100%;}
.sec1 .inner .list li p{color: #29a7e1; font-weight: 500; font-size: 1.7rem; margin-top: 12px;}

@media all and (max-width:1480px){
	.sec1 .inner .list li{width: 100%;}
	.sec1 .inner .list li a{width: 100%;}
}
@media all and (max-width:976px){
	.sec1{padding: 75px 0 65px;}
	.sec1 .inner .list{flex-wrap: wrap; margin-top: 40px;}
	.sec1 .inner .list li{width: calc(100% / 4 - 30px / 4);}
	.sec1 .inner .list li a{height: 140px;}
	.sec1 .inner .list li p{font-size: 1.6rem; margin-top: 10px;}
}
@media all and (max-width:640px){
	.sec1{padding: 70px 0 55px;}
	.sec1 .inner .list{margin-top: 35px;}
	.sec1 .inner .list li{width: calc(100% / 3 - 20px / 3); flex: auto;}
	.sec1 .inner .list li a{height: 120px; font-size: 1.5rem;}
	.sec1 .inner .list li p{font-size: 1.5rem;}
	.sec1 .inner .list li .img img{max-width: 54px;}
}


/* sec2 */
.sec2{padding: 70px 0 100px;}
.sec2 .m_tit{text-align: center;}
.sec2 .list{margin-top: 65px; display: flex; align-items: center; height: 578px;}
.sec2 .list li{width: 33.33333%; height: 480px; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: .3s ease-in-out; position: relative;}
.sec2 .list li.on{height: 578px;}
.sec2 .list li:nth-child(1){background-image: url(/images/main/sec2_bg1.jpg); text-align: right;}
.sec2 .list li:nth-child(2){background-image: url(/images/main/sec2_bg2.jpg); text-align: center;}
.sec2 .list li:nth-child(3){background-image: url(/images/main/sec2_bg3.jpg); text-align: left;}
.sec2 .list li a{display: block; width: 100%; height: 100%;}
.sec2 .list li a .txt{color: #fff; position: absolute;}
.sec2 .list li:nth-child(1) a .txt{top: 50%; transform: translateY(-50%); right: 60px;}
.sec2 .list li:nth-child(2) a .txt{right: 60px; bottom: 100px;}
.sec2 .list li:nth-child(3) a .txt{left: 60px; top: 50%; transform: translateY(-50%);}
.sec2 .list li a .txt h3{font-weight: 500; font-size: 4rem;}
.sec2 .list li a .txt h3 b{}
.sec2 .list li a .txt p{font-size: 1.6rem; margin-top: 25px;}

@media all and (max-width:1280px){
	.sec2{padding: 65px 0 90px}
	.sec2 .list{height: 488px;}
	.sec2 .list li{height: 420px;}
	.sec2 .list li.on{height: 488px;}
	.sec2 .list li:nth-child(1) a .txt{right: 8%;}
	.sec2 .list li:nth-child(2) a .txt{bottom: 70px; right: 8%;}
	.sec2 .list li:nth-child(3) a .txt{left: 8%;}
	.sec2 .list li a .txt h3{font-size: 3.6rem;}
	.sec2 .list li a .txt p{margin-top: 20px;}
}
@media all and (max-width:976px){
	.sec2{padding: 50px 0 85px;}
	.sec2 .list{height: 408px; margin-top: 50px;}
	.sec2 .list li{height: 360px;}
	.sec2 .list li.on{height: 408px;}
	.sec2 .list li a .txt h3{font-size: 3rem;}
	.sec2 .list li a .txt p{margin-top: 15px;}
}
@media all and (max-width:768px){
	.sec2{padding: 35px 0 80px;}
	.sec2 .list{flex-wrap: wrap; height: auto; width: 94%; margin-left: auto; margin-right: auto;  margin-top: 40px;}
	.sec2 .list li{width: 100%; height: 45vw;}
	.sec2 .list li.on{height: 408px; height: 45vw;}
	.sec2 .list li:nth-child(2) a .txt{bottom: auto; top: 50%; transform: translateY(-50%); text-align: right;}
	.sec2 .list li a .txt h3{font-size: 2.7rem;}
	.sec2 .list li a .txt h3 br{display: none;}
	.sec2 .list li a .txt p{margin-top: 10px;}
}
@media all and (max-width:500px){
	.sec2 .list li a .txt h3{font-size: 2.5rem;}
	.sec2 .list li a .txt p{font-size: 1.5rem; margin-top: 3px;}
}


/* sec3 */
.sec3{padding-bottom: 130px; position: relative; text-align: right;}
.sec3::before{content: 'MEDICAL \A EQUIPMENT'; white-space: pre; text-align: right; font-size: 12.8rem; font-family: 'Poppins', sans-serif; opacity: 0.4; color: #f0f0f0; font-weight: 900; line-height: 0.8em; position: absolute; right: 0; top: 0;}
.sec3 .s-inner{}
.sec3 .s-inner .m_tit{text-align: left;}
.sec3 .s-inner .cont_box{display: flex;}
.sec3 .s-inner .cont_box .l_cont{width: 260px; padding-top: 75px;}
.sec3 .s-inner .cont_box .l_cont .tab{border-top: 1px solid #e7ebee;}
.sec3 .s-inner .cont_box .l_cont .tab li{line-height: 50px; font-weight: 500; color: #9ba4a8; font-size: 1.6rem; border-bottom: 1px solid #e7ebee; cursor: pointer; transition: .2s ease-in-out; text-align: left;}
.sec3 .s-inner .cont_box .l_cont .tab li.on{color: #29a7e1;}
.sec3 .s-inner .cont_box .l_cont .arrow{display: flex; gap:0 3px; margin-top: 120px; cursor: pointer;}
.sec3 .s-inner .cont_box .l_cont .arrow .prev{}
.sec3 .s-inner .cont_box .l_cont .arrow .next{}
.sec3 .s-inner .cont_box .l_cont .arrow div img{max-width: 100%;}
.sec3 .s-inner .cont_box .r_cont{width: calc(100% - 260px); }
.sec3 .s-inner .cont_box .r_cont > div{height: 100%;}
.sec3 .s-inner .cont_box .r_cont > div > div{height: 100%;}
.sec3 .s-inner .cont_box .r_cont .tabcontent{transition: .2s; display: flex; align-items: center;}
.sec3 .s-inner .cont_box .r_cont .tabcontent.on{}
.sec3 .s-inner .cont_box .r_cont .tabcontent .img{width: calc(100% - 450px); text-align: right;}
.sec3 .s-inner .cont_box .r_cont .tabcontent .img img{max-width: 100%; margin-left: auto;}
.sec3 .s-inner .cont_box .r_cont .tabcontent .txt{width: 450px; display: flex; flex-direction: column; justify-content: center; margin-left: 40px; text-align: left;}
.sec3 .s-inner .cont_box .r_cont .tabcontent .txt h3{font-size: 5rem; color: #29a7e1;}
.sec3 .s-inner .cont_box .r_cont .tabcontent .txt h4{font-size: 2.2rem; color: #222222; font-weight: 500; margin: 25px 0 20px;}
.sec3 .s-inner .cont_box .r_cont .tabcontent .txt p{font-size: 1.6rem; color: #686868; word-break: keep-all; line-height: 1.6em;}
.sec3 .s-inner .cont_box .r_cont .tabcontent .txt a.more{font-family: 'Poppins', sans-serif; font-size: 1.4rem; font-weight: 500; color: #222222; padding: 16px 24px; padding-right: 96px; border: 1px solid #222; display: inline-block; align-self: flex-start; margin-top: 75px;}

@media all and (max-width:1280px){
	.sec3{padding-bottom: 110px;}
	.sec3::before{font-size: 10rem;}
	.sec3 .s-inner .cont_box{margin-top: 40px;}
	.sec3 .s-inner .cont_box .l_cont{width: 200px; padding-top: 55px;}
	.sec3 .s-inner .cont_box .l_cont .arrow{margin-top: 80px;}
	.sec3 .s-inner .cont_box .r_cont{width: calc(100% - 200px);}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .img{width: calc(100% - 400px);}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt{width: 400px;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt h3{font-size: 4.6rem;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt h4{font-size: 2rem; margin: 20px 0 15px;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt a.more{margin-top: 55px; margin-right: 60px;}
}
@media all and (max-width:976px){
	.sec3{padding-bottom: 90px;}
	.sec3::before{display: none;}
	.sec3 .s-inner .m_tit{text-align: center;}
	.sec3 .s-inner .cont_box{flex-direction: column;}
	.sec3 .s-inner .cont_box .l_cont{width: 100%; padding-top: 0;}
	.sec3 .s-inner .cont_box .l_cont .tab{display: flex; justify-content: center;}
	.sec3 .s-inner .cont_box .l_cont .tab li{width: 100%; text-align: center;}
	.sec3 .s-inner .cont_box .l_cont .arrow{display: none;}
	.sec3 .s-inner .cont_box .r_cont{width: 100%; margin-top: 30px;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .img{width: 50%;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt{width: calc(50% - 30px); margin-left: 30px;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt h3{font-size: 3.6rem;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt h4{font-size: 1.8rem; margin: 15px 0 10px;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt a.more{margin-top: 35px; padding: 12px 20px; padding-right: 50px;}
}
@media all and (max-width:768px){
	.sec3{padding-bottom: 70px;}
	.sec3 .s-inner .cont_box{margin-top: 30px;}
	.sec3 .s-inner .cont_box .l_cont .tab li{line-height: 44px; font-size: 1.5rem;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent{flex-direction: column;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .img{width: 80%; text-align: center;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt{width: calc(100%); margin-left: 0px; margin-top: 30px; text-align: center;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt h3{font-size: 2.7rem;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt h4{font-size: 1.7rem; margin: 10px 0;}
	.sec3 .s-inner .cont_box .r_cont .tabcontent .txt a.more{align-self: center; padding-left: 30px; padding-right: 30px; margin-right: 0;}
}


/* sec4 */
.sec4{position: relative; z-index:3;}
.sec4 .inner{display: flex;}
.sec4 .inner .l_cont{width: 50%; display: flex; align-items: center; border: 1px solid #e7ebee; border-right: 0; padding-left: 45px; padding-right: 45px; padding-top: 22px; background: #fff url(/images/main/sec4_l_cont.png) no-repeat right 20px bottom 20px;}
.sec4 .inner .l_cont .img{align-self: flex-end;}
.sec4 .inner .l_cont .img img{max-width: 100%;}
.sec4 .inner .l_cont .txt{margin-left: 70px;}
.sec4 .inner .l_cont .txt h4{font-size: 2rem; color: #29a7e1;}
.sec4 .inner .l_cont .txt h3{font-size: 4rem; color: #222222; font-weight: 300; margin-top: 15px; margin-bottom: 35px;}
.sec4 .inner .l_cont .txt ul{}
.sec4 .inner .l_cont .txt ul li{font-size: 1.6rem; color: #686868; line-height: 1.8em; position: relative; padding-left: 12px; word-break: keep-all;}
.sec4 .inner .l_cont .txt ul li::before{content: '·'; font-size: 2.4rem; color: #29a7e1; position: absolute; left: 0;}
.sec4 .inner .r_cont{width: 50%; display: flex;}
.sec4 .inner .r_cont .box{width: 50%; padding:60px 48px;}
.sec4 .inner .r_cont .box:nth-child(1){background-color: #0070c5;}
.sec4 .inner .r_cont .box:last-child{background-color: #003d6d;}
.sec4 .inner .r_cont .box .tit{}
.sec4 .inner .r_cont .box .tit h3{font-size: 3.2rem; color: #fff;}
.sec4 .inner .r_cont .box .tit h4{font-family: 'Poppins', sans-serif; font-size: 1.3rem; font-weight: 500; color: #a6d9ff; opacity: 0.5; margin-top: 8px;}
.sec4 .inner .r_cont .box .tit a.tel{font-size: 3.8rem;color: #00fcff; font-weight: 300; margin-top: 20px; display: block; white-space: nowrap;}
.sec4 .inner .r_cont .box .txt{margin-top: 40px; color: #fff;}
.sec4 .inner .r_cont .box .txt .info{}
.sec4 .inner .r_cont .box .txt .info:nth-child(1){margin-bottom: 20px;}
.sec4 .inner .r_cont .box .txt .info h3{font-size: 2.4rem;}
.sec4 .inner .r_cont .box .txt .info p{font-size: 1.6rem; word-break: keep-all;}
.sec4 .inner .r_cont .box .time{margin-top: 20px;}
.sec4 .inner .r_cont .box .time dl{display: flex; align-items: center; color: #fff; margin-bottom: 12px;}
.sec4 .inner .r_cont .box .time dl dt{font-size: 1.6rem; width: 70px;}
.sec4 .inner .r_cont .box .time dl dd{font-size: 1.7rem; font-weight: 500; width: calc(100% - 70px);}
.sec4 .inner .r_cont .box a.notice{display: flex; margin-top: 50px; align-items: flex-end;}
.sec4 .inner .r_cont .box a.notice h4{font-size: 2.4rem; color: #fff;}
.sec4 .inner .r_cont .box a.notice p{font-size: 1.3rem; opacity: 0.38; margin-left: 12px; color: #fff;}

@media all and (max-width:1600px){
	.sec4 .inner .l_cont .txt{margin-left: 30px;}
	.sec4 .inner .l_cont .txt h3{font-size: 3.6rem; margin-bottom: 25px;}
	.sec4 .inner .r_cont .box{padding: 60px 35px;}
	.sec4 .inner .r_cont .box .tit h3{font-size: 2.8rem;}
	.sec4 .inner .r_cont .box .tit a.tel{font-size: 3.2rem;}
	.sec4 .inner .r_cont .box .txt{margin-top: 35px;}
	.sec4 .inner .r_cont .box .txt .info h3{font-size: 2.2rem;}
	.sec4 .inner .r_cont .box a.notice{margin-top: 35px;}
}
@media all and (max-width:1400px){
	.sec4 .inner .l_cont .img{width: 40%;}
	.sec4 .inner .l_cont .txt h4{font-size: 1.8rem;}
	.sec4 .inner .l_cont .txt h3{font-size: 3.2rem; margin-bottom: 20px;}
	.sec4 .inner .r_cont .box{padding: 40px 30px;}
	.sec4 .inner .r_cont .box .tit h3{font-size: 2.5rem;}
	.sec4 .inner .r_cont .box .tit a.tel{font-size: 2.7rem;}
	.sec4 .inner .r_cont .box .time dl{margin-bottom: 10px;}
	.sec4 .inner .r_cont .box .time dl dt{width: 60px;}
	.sec4 .inner .r_cont .box .time dl dd{font-size: 1.6rem; width: calc(100% - 60px);}
	.sec4 .inner .r_cont .box a.notice h4{font-size: 2.2rem;}
}
@media all and (max-width:1280px){
	.sec4 .inner{flex-direction: column;}
	.sec4 .inner > div{width: 100% !important;}
	.sec4 .inner .l_cont{border-right: 1px solid #e7ebee;}
	.sec4 .inner .l_cont .img{text-align: center;}
}
@media all and (max-width:768px){
	.sec4 .inner .l_cont{padding: 30px; padding-bottom: 0; position: relative;}
	.sec4 .inner .l_cont .img{width: 41vw; position: absolute; bottom: 0; right: 3%; opacity: 0.7; max-width: 160px;}
	.sec4 .inner .l_cont .txt{margin-bottom: 20px; margin-left: 0;}
	.sec4 .inner .l_cont .txt ul li{font-size: 1.5rem;}
	.sec4 .inner .l_cont .txt h3{font-size: 2.6rem; margin-bottom: 12px;}
	.sec4 .inner .r_cont{flex-direction: column;}
	.sec4 .inner .r_cont .box{width: 100%; padding: 30px 25px;}
	.sec4 .inner .r_cont .box .tit h3{font-size: 2.6rem;}
	.sec4 .inner .r_cont .box .tit a.tel{font-size: 2.4rem; margin-top: 12px;}
	.sec4 .inner .r_cont .box .txt{margin-top: 20px;}
	.sec4 .inner .r_cont .box .txt .info h3{font-size: 2rem;}
	.sec4 .inner .r_cont .box .txt .info p{font-size: 1.5rem;}
	.sec4 .inner .r_cont .box .time dl dd{font-size: 1.5rem;}
	.sec4 .inner .r_cont .box a.notice h4{font-size: 2rem;}
}
@media all and (max-width:500px){
	.sec4 .inner .l_cont{padding: 20px; padding-bottom: 0;}
	.sec4 .inner .l_cont .txt h3{font-size: 2.3rem;}
	.sec4 .inner .r_cont .box .tit h3{font-size: 2.3rem;}
	.sec4 .inner .r_cont .box a.notice{margin-top: 25px;}
}

/* sec5 */
.sec5{margin-top: -150px;}

@media all and (max-width:976px){
	.sec5{margin-top: -100px;}
	.sec5 .root_daum_roughmap .wrap_map{height: 480px !important;}
}
@media all and (max-width:640px){
	.sec5{margin-top: -70px;}
	.sec5 .root_daum_roughmap .wrap_map{height: 380px !important;}
}