@charset "utf-8";


/* 메인슬라이더 */
#player_wrap{position:absolute; top:50%; left:50%; width:100vw; height:56vw; min-width:178vh; min-height:100vh; transform:translate(-50%, -50%); background:#000;}
#player{z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.8;}
#player_wrap img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(1.1); -webkit-transform: scale(1.1);}
#player_wrap img{z-index: 2; opacity:0; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out;}
#player_wrap.active img{opacity:1;}


#area_visual{position:relative; width:100%; height:100vh; background:#000; overflow:hidden;}
#area_visual .list{}
#area_visual .list li,
#area_visual > .bx-viewport{height:-webkit-calc(100vh - -0px * 1) !important; height:calc(100vh - -0px * 1) !important;}
#area_visual .list li{background-size:cover; background-position:50% 0; background-repeat:no-repeat;}
#area_visual li.mv01{background-image:url(../img/main/visual01.jpg); background-size:cover;}
#area_visual li.mv02{background-image:url(../img/main/visual02.jpg); background-size:cover;}
#area_visual li.mv03{background-image:url(../img/main/visual03.jpg); background-size:cover;}
#area_visual .list li.empty_li{line-height:95px;}

#area_visual .list li i{display:block; position:absolute; bottom:0; left:0; width:100%; height:5px;}
#area_visual .list li i:after{content:""; position:absolute; opacity:0.9; top:0; left:0; height:100%; background:#f26530; animation:visualLine 7s ease-out 0s forwards;}

@keyframes visualLine{
	0%{width:0%;}
	100%{width:100%;}
}

#area_visual li[aria-hidden="false"] .area_txt{opacity:1; display:block;}
#area_visual .area_txt{display:none; opacity:0; position:absolute; left:50%; top:60%; width:auto; z-index:99; margin-left:-650px; color:#fff; text-align:left;}
#area_visual .area_txt h2{font-size:80px; font-weight:700; line-height:1em;}
#area_visual li.mv01 .area_txt h2{font-size:65px;}
#area_visual .area_txt span{display:block; padding:15px 0 0; font-size:23px; font-weight:400; word-break:keep-all; line-height:1.4em;}
#area_visual .area_txt a{margin:60px 0 0; display:inline-block; padding:20px 40px; box-sizing:border-box; border:3px solid rgba(255,255,255,0.8); border-radius:50px;}
#area_visual .area_txt a > span{position:relative;padding:0 40px 0 0;font-size:13px;font-weight:bold;color: #fff;text-transform:uppercase;}
#area_visual .area_txt a > span:before{content:''; position:absolute; top:4px; right:0; width:16px; height:10px; background:url(../img/common/icon_arrow.svg)no-repeat center; background-size:cover;}
#area_visual .bx-controls{}
#area_visual div.bx-pager{z-index:50; position:absolute; left:50%; margin-left:-650px; top:57%; transform:translateY(-50%);}
#area_visual div.bx-pager div{display:inline-block; vertical-align:top; margin:0 18px 0 0; transition:all 0.3s ease;}
#area_visual div.bx-pager div a{position:relative; display:block; width:5px; height:5px; background:rgba(255,255,255, 0.2); text-indent:-999px; border-radius:50px;}
#area_visual div.bx-pager div a:before{content:''; opacity:0; position:absolute; top:50%; left:50%; width:19px; height:19px; border:1px solid #fff; border-radius:50%; transition:all 0.3s ease; transform:translate(-50%, -50%);}
#area_visual div.bx-pager div a.active{background:#fff;}
#area_visual div.bx-pager div a.active:before{opacity:1;}
#area_visual div.bx-pager div:last-child a{margin:0;}


#area_visual > .bx-wrapper .bx-controls-direction{z-index:999; position:absolute; top:50%; right:50%; margin-right:-800px; transform:translateY(-50%);}
#area_visual > .bx-wrapper .bx-controls-direction > a{display:block; text-indent:-9999px; width:66px; height:66px; border-radius:50%; background:rgba(255,255,255,0.1) url(../img/common/icon_arrow.svg)no-repeat center; background-size:16px 10px; transition:all 0.3s ease;}
#area_visual > .bx-wrapper .bx-controls-direction > a.bx-prev{margin:0 0 10px;}
#area_visual > .bx-wrapper .bx-controls-direction > a.bx-next{transform:rotate(180deg);}
#area_visual > .bx-wrapper .bx-controls-direction > a:hover{background:rgba(255,255,255,0.2) url(../img/common/icon_arrow.svg)no-repeat center; background-size:16px 10px;}
#area_visual .obj{top:15%; z-index:99; opacity:0.05;}
#area_visual iframe{width:100%; height:100%;}


#area_navy{position:relative; background:#061721 url(../img/main/bg_clinical.jpg)no-repeat center bottom; background-size:contain; padding:0 0 550px;}
#area_process{display:block; padding:120px 0; text-align:center;}
#area_process .area_title h2{color:#fff;}
#area_process .area_img{margin:40px 0 0;}
#area_process .area_img img{width:auto; max-width:100%;}
#area_process .area_img img.w{display:block;}
#area_process .area_img img.m{display:none;}

#area_innovation{text-align:center; color:#fff;}
#area_innovation .area_title h2{font-size:60px; color:#fff;line-height:1.2em; word-break:keep-all;}
#area_innovation .area_title span{display:inline-block; color:#f36a36;}
.list_innovation{margin:85px 7%; display:flex; justify-content: center;}
.list_innovation > li{margin:0 50px 0 0; width:500px;}
.list_innovation > li:last-child{margin:0;}
.list_innovation > li .area_img{width:100%; height:auto;}
.list_innovation > li .area_img img{display:block; width:100%; height:auto;}
.list_innovation > li span{display:block; margin:25px 0 0; font-size:19px; font-weight:400; color:#fff; word-break:keep-all; line-height:1.3em;}
.area_tlogo{position:absolute; left:50%; bottom:200px; transform:translateX(-50%); display:block;}
.area_tlogo img{width:auto; height:85px;}


/* technology */
#area_tech{padding:30px 0 170px 0;}
.area_title h2{display:block; font-size:60px; font-weight:700; color:#fff; line-height:1.2em; word-break:keep-all;}
#area_tech .area_title h2{display:block; font-size:60px; font-weight:700; color:#fff; line-height:1.2em; word-break:keep-all;}
#area_tech .area_title span{display:block; margin:20px 0 0; font-size:16px; font-weight:400; color:#fff; opacity:0.7; line-height:1.8em; word-break:keep-all;}
#area_tech .area_left{padding:35px 0 0 7%; width:600px;}


#area_tech .list{position:relative; margin:90px 0 0;}
#area_tech .list > li{display:inline-block; box-sizing:border-box; width:440px; margin:0 0 100px; padding:0 140px 0 0;}
#area_tech .list > li:nth-child(3n){padding:0; width:calc(100% - 886px);}
#area_tech .list > li:nth-child(n+4){margin-bottom:0;}
#area_tech .icon{}
#area_tech .icon img{width:auto;}
#area_tech .list > li .area_txt{}
#area_tech .list > li .area_txt h3{display:block; margin:60px 0 0; font-size:32px; font-weight:400; color:#333; line-height:1.3em; word-break:keep-all; letter-spacing:-2px;}
#area_tech .list > li .area_txt span{display:inline-block; margin:30px 0 0; font-size:16px; font-weight:400; line-height:1.8em; word-break:keep-all; letter-spacing:-1px; color:#7b7b7b;}


.product-wrap {color: #fff; background-color: #051723; }
.product-wrap {display: flex; justify-content: space-between; align-items: flex-start;}


.product-wrap .main-title-wrap {margin-bottom: 40px;}

    .product-wrap .main-title-wrap {
        margin-bottom: 50px
    }


    .product-wrap .info-wrap {
        width: 39.83%
    }

    .product-wrap .info-wrap {
        padding-left: calc((100% - 1448px) / 2)
    }


    .product-wrap .info-wrap .area {
        padding-right: 50px
    }


    .product-wrap .info-wrap .area {
        padding-left: 0
    }

    .product-wrap .info-wrap .area {
        padding-right: 100px
    }

    .product-wrap .swiper-wrapper {
        height: auto
    }


    .product-wrap .product-slider {width:calc(100% - 600px);}

.product-wrap .product-slider .swiper-slide{padding:20px 20px 50px;}
.product-wrap .product-slider .swiper-slide a{display:flex; align-items: center;}
.product-wrap .product-slider .swiper-slide a .area_img{display:block; padding:25px; border:2px solid #f26530; border-radius:15px; box-sizing:border-box; box-shadow:0px 5px 11px 2px rgb(255 71 0 / 25%);} 
.product-wrap .product-slider .swiper-slide a .area_img span{display:block; font-size:17px; font-weight:700; color:#f26530; line-height:1.3em; word-break:keep-all;}

.product-wrap .product-slider .swiper-slide a .area_img .box_img{margin:25px 0 0;}
.product-wrap .product-slider .swiper-slide a .area_img .box_img .list_img{}
.product-wrap .product-slider .swiper-slide a .area_img .box_img .list_img > li{display:block; padding:10px 20px; margin:0 0 15px; background:#ececee; border-radius:10px;}
.product-wrap .product-slider .swiper-slide a .area_img .box_img .list_img > li:last-child{margin:0;}
.product-wrap .product-slider .swiper-slide a .area_img .box_img .list_img > li img{width:auto; max-width:100%;}
.product-wrap .product-slider .swiper-slide a .area_img .box_img .tech_img{position:relative; display:block; padding:10px; box-sizing:border-box; border-radius:10px; background:#fff;}
.product-wrap .product-slider .swiper-slide a .area_img .box_img .tech_img img{width:auto; max-width:100%;}
.product-wrap .product-slider .swiper-slide.visio a .area_img .box_img .tech_img{padding:30px 10px;}
.product-wrap .product-slider .swiper-slide a .area_txt{display:block; margin:0 0 0 50px;}
.product-wrap .product-slider .swiper-slide a .area_txt em{display:none; font-size:16px; font-weight:600; margin:0 0 10px; color:#f26530; border-radius:50px;}
.product-wrap .product-slider .swiper-slide a .area_txt h3{display:block; font-size:34px; font-weight:600; color:#fff; line-height:1.4em; word-break:keep-all;}
#en .product-wrap .product-slider .swiper-slide a .area_txt h3{line-height:1.2em;}
.product-wrap .product-slider .swiper-slide a .area_txt span{display:block; margin:25px 0 0; font-size:16px; font-weight:400; color:#fff; opacity:0.6; line-height:1.5em; word-break:keep-all;}
.product-wrap .product-slider .swiper-slide a .area_txt .txt_img{display:block; padding:10px;  margin:20px 0 0; border-radius:5px; box-sizing:border-box; background:#f7f7f9; box-sizing:border-box; text-align:center; overflow:hidden;}
.product-wrap .product-slider .swiper-slide a .area_txt .txt_img img{width:auto; max-width:100%;}







.product-wrap .product-tabs {display: block; margin:50px 0 0;}
.product-wrap .product-tabs .tab {
    font-size: 16px;
    color: #fff;
    cursor: pointer;
	opacity:0.4;
	transition:all 0.3s ease;
}
.product-wrap .product-tabs .tab span{position:relative; font-size:24px;}
.product-wrap .product-tabs .tab span:before{content:''; opacity:0; position:absolute; right:-10px; bottom:0; width:6px; height:6px; background:#f26530; border-radius:50px; transition:all 0.3s ease;}
.product-wrap .product-tabs .tab:not(:last-child) {
    margin-bottom: 25px
}
.product-wrap .product-tabs .tab.on {
	font-weight:700;
    color: #f26530;
	opacity:1;
}
.product-wrap .product-tabs .tab.on span:before{opacity:1;}
.swiper-container-horizontal>.swiper-scrollbar{display:none;}

#area_press{position:relative; padding:130px 0; background:url(../img/main/bg_news.jpg)no-repeat center; background-size:cover; text-align:center; }
#area_press .area_title h2{color:#222;}
#area_press ul.list{margin:50px 0 0;}
#area_press ul.list:after{display:block;visibility:hidden;clear:both;content:""}
#area_press ul.list > li{float:left; margin:0 80px 0 0; width:calc((100% / 3) - 54px);}
#area_press ul.list > li:last-child{margin:0;}
#area_press ul.list > li:nth-child(2){margin-top:50px;}

@media (max-width:1600px) {
	#area_tech .area_left{width:30%; padding:35px 0 0 5%;}
	.product-wrap .product-slider{width:70%;}
	.product-wrap .product-slider .swiper-slide a .area_txt h3{font-size:30px;}
	.product-wrap .product-slider .swiper-slide a .area_txt h3 br{display:none;}
	.product-wrap .product-slider .swiper-slide a .area_txt{width:440px;}
	.product-wrap .product-slider .swiper-slide a .area_txt span{margin:15px 0 0;}
	.product-wrap .product-slider .swiper-slide a .area_txt span br{display:none;}
	.area_tlogo{bottom:109px;}
}
@media (max-width:1500px) {
	#area_tech .area_left{padding:35px 0 0 3%;}	
	#area_press ul.list > li{margin:0 50px 0 0; width:calc((100% / 3) - 34px);}
	.area_tlogo img{height:65px;}
}
@media (max-width:1400px) {
	#area_visual .area_txt{left:5%; margin-left:0;}
	#area_visual div.bx-pager{left:6%; margin-left:0;}
	#area_visual .area_txt h2{font-size:70px}
	.area_title h2,
	#area_innovation .area_title h2,
	#area_tech .area_title h2{font-size:55px;}
	.product-wrap .product-slider .swiper-slide{padding:20px 10px;}
	.product-wrap .product-tabs{margin:30px 0 0;}
	.product-wrap .product-tabs .tab:not(:last-child){margin-bottom:15px;}
	.product-wrap .product-tabs .tab span{font-size:22px;}
	.product-wrap .product-slider .swiper-slide a .area_txt{margin:0 0 0 30px;}
	.product-wrap .product-slider .swiper-slide a .area_img{padding:18px;}
	.product-wrap .product-slider .swiper-slide a .area_img .box_img{margin:18px 0 0;}
	.product-wrap .product-slider .swiper-slide a .area_img span{font-size:16px;}
}


@media (max-width:1300px) {
	.list_innovation > li{margin:0 40px 0 0; width:calc((100% / 2) - 20px);}
	.pic_lt li .area_img{height:250px !important;}
}
@media (max-width:1200px) {
	#area_visual .area_txt h2{font-size:60px}
	#area_visual li.mv01 .area_txt h2{font-size:55px;}

	.area_title h2{font-size:50px;}

	#area_process{padding:80px 0;}
	#area_navy{padding:0 0 400px;}
	.area_tlogo img{height:55px;}
	#area_tech{padding:0 0 80px;}
	#area_tech .area_title h2{margin:0;}
	.area_tlogo{bottom:80px;}
	.product-wrap{display:block;}
	#area_tech .area_left{width:100%; padding:0; text-align:center;}
	.product-wrap .product-tabs{display:none;}
	.product-wrap .product-slider{width:100%; margin:40px 0 0;}
	.product-wrap .product-slider .swiper-slide a{display: flex; align-items: flex-start; flex-direction: column;}
	.product-wrap .product-slider .swiper-slide{padding:0 0 30px;}
	.product-wrap .product-slider .swiper-slide a .area_txt{margin:30px 0 0; width:auto;}
	.product-wrap .product-slider .swiper-slide a .area_txt h3{font-size:26px; line-height:1.3em;}
	.product-wrap .product-slider .swiper-slide a .area_txt span{margin:15px 0 0; font-size:15px;}
	.product-wrap .product-slider .swiper-slide a .area_txt em{display:block;}
	.product-wrap .product-slider .swiper-slide a .area_img{width:100%;}
	.product-wrap .product-slider .swiper-slide a .area_img .box_img .list_img > li{padding:15px 20px;}
	.swiper-container-horizontal>.swiper-scrollbar{display:block; position:relative; left:3%; bottom:0; right:3%; width:94%; opacity:1 !important; background:rgba(255,255,255,0.1);}
	.swiper-scrollbar-drag{background:#f26530;}

	#area_press{padding:80px 0;}
	#area_press ul.list > li{margin:0 30px 0 0; width:calc((100% / 3) - 20px);}
}

@media (max-width:1024px) {
	#area_visual .area_txt{top:65%;}
	#area_visual .area_txt h2{font-size:55px}
	#area_visual li.mv01 .area_txt h2{font-size:50px;}
	#area_visual div.bx-pager{top:63%;}
	#area_visual .area_txt span{font-size:21px;}
	
	.area_title h2, #area_innovation .area_title h2, #area_tech .area_title h2{font-size:50px;}
	#area_navy{padding:0 0 300px;}
	.area_tlogo img{height:50px;}
	.list_innovation > li{margin:0 30px 0 0; width:calc((100% / 2) - 15px);}
	.list_innovation > li span{font-size:17px; margin:20px 0 0; padding:0 10px;}

	.product-wrap .product-slider .swiper-slide a .area_img .box_img .list_img > li{margin:0 0 10px; padding:10px;}
	.product-wrap .product-slider .swiper-slide a .area_txt h3{font-size:23px;}
	.product-wrap .product-slider .swiper-slide a .area_txt h3 br{display:block;}
	.pic_lt li .area_img{height:200px !important;}
}

@media (max-width:850px) {
	.area_tlogo{bottom:60px;}
	.area_tlogo img{height:38px;}
	.product-wrap .product-slider .swiper-slide a .area_img span{font-size:15px;}
	.product-wrap .product-slider .swiper-slide a .area_img em{margin:0 0 15px;}
	.product-wrap .product-slider .swiper-slide a .area_txt{margin:20px 0 0;}
	.product-wrap .product-slider .swiper-slide a .area_txt span{margin:7px 0 0;}
}
@media (max-width:768px) {
	#area_visual .area_txt{top:75%}
	#area_visual .area_txt h2{font-size:45px}
	#area_visual li.mv01 .area_txt h2{font-size:40px;}
	#area_visual .area_txt span{font-size:18px;}
	#area_visual div.bx-pager{top:73%;}

	#area_navy{padding:0 0 250px;}
	.area_title h2, #area_innovation .area_title h2, #area_tech .area_title h2{font-size:35px;}
	.list_innovation{margin:50px 5%;}
	.list_innovation > li{margin:0 20px 0 0; width:calc((100% / 2) - 10px);}
	.list_innovation > li span{font-size:16px;}
	.area_tlogo img{height:30px;}
	#area_tech{padding:0 0 60px;}
	#area_tech .area_title span{margin:15px 0 0; line-height:1.4em;}

	#area_process{padding:60px 0;}
	#area_process .area_img{margin:20px 0 0;}
	#area_process .area_img img.w{display:none;}
	#area_process .area_img img.m{display:block;}

	#area_press{padding:60px 0;}
	#area_press ul.list{text-align:center; margin:30px 0 0;}
	#area_press ul.list > li{display:inline-block; vertical-align:top; float:unset; margin:0 20px 0 0; width:calc((100% / 2) - 12px);}
	#area_press ul.list > li:nth-child(1){margin:0 20px 25px;}
	#area_press ul.list > li:nth-child(2){margin:0;}
	#area_press ul.list > li:nth-child(3){margin:0 0 0 20px;}
	.pic_lt li .area_img{height:250px !important;}

	.product-wrap .product-slider .swiper-slide a .area_txt h3{font-size:19px;}
	.product-wrap .product-slider .swiper-slide a .area_txt h3 br{display:none;}


}
@media (max-width:650px) {
	#area_navy{padding:0 0 200px;}
	.list_innovation > li span{font-size:15px;}
	.area_tlogo{bottom:47px;}
	.pic_lt li .area_img{height:200px !important;}
}
@media (max-width:550px) {
	#area_visual .area_txt h2{font-size:35px}
	#area_visual li.mv01 .area_txt h2{font-size:30px;}
	#area_visual .area_txt span{font-size:17px;}

	#area_navy{padding:0 0 160px;}
	#area_process{padding:40px 0 20px;}
	#area_process .area_img{margin:0;}
	.area_tlogo{bottom:30px;}
	.area_tlogo img{height:27px;}
	.list_innovation{margin:40px 4%;}
	.list_innovation > li{margin:0 12px 0 0; width:calc((100% / 2) - 6px);}
	.list_innovation > li span{margin:15px 0 0; font-size:15px;}
	#area_tech{padding:0 0 50px;}

	#area_press{padding:40px 0;}

	#area_tech .area_title span{font-size:15px; line-height:1.3em;}
	.area_title h2, #area_innovation .area_title h2, #area_tech .area_title h2{font-size:30px;}
	.product-wrap .product-slider .swiper-slide a .area_img{padding:13px; border-radius:10px;}
	.product-wrap .product-slider .swiper-slide a .area_img .box_img .list_img > li,
	.product-wrap .product-slider .swiper-slide a .area_img .box_img .tech_img{border-radius:7px;}
	.product-wrap .product-slider .swiper-slide a .area_txt h3{font-size:17px;}
	.product-wrap .product-slider .swiper-slide a .area_txt span{font-size:14px; line-height:1.3em;}

	#area_press ul.list{margin:20px 0 0;}
	#area_press ul.list > li{margin:0 12px 0 0; width:calc((100% / 2) - 8px);}
	#area_press ul.list > li:nth-child(1){margin:0 12px 15px;}
	#area_press ul.list > li:nth-child(3){margin:0 0 0 12px;}
	.pic_lt li .area_img{height:180px !important;}
}
@media (max-width:500px) {
	.list_innovation > li span{margin:12px 0 0; font-size:14px;}
	.area_tlogo img{height:22px;}
	#area_tech .area_title span{padding:0 10px;}
	#area_tech .area_title span br{display:none;}
}
@media (max-width:450px) {
	#area_visual .area_txt h2{font-size:30px}
	#area_visual li.mv01 .area_txt h2{font-size:25px;}
	#area_visual .area_txt span{font-size:15px;}

	.list_innovation > li span{margin:10px 0 0; font-size:13px;}
	.area_title h2, #area_innovation .area_title h2, #area_tech .area_title h2{font-size:25px;}
	.pic_lt li .area_img{height:250px !important;}

	#area_navy{padding:0 0 120px;}
	#area_press ul.list > li{width:100%; margin:0 0 15px !important;}
	#area_press ul.list > li:last-child{margin:0 !important;}
}
@media (max-width:400px) {
	.area_tlogo img{height:18px;}
}
@media (max-width:350px) {
	#area_visual .area_txt h2{font-size:25px}
	#area_visual li.mv01 .area_txt h2{font-size:20px;}
	#area_visual .area_txt span{font-size:14px;}

	.area_title h2, #area_innovation .area_title h2, #area_tech .area_title h2{font-size:22px;}
	.pic_lt li .area_img{height:180px !important;}
}

