/*메인 비주얼*/
#main-wrap{position:relative;}
#visual{position:relative; width:100%;  top:0px;  background:#000; overflow:hidden;}
#visual .visual_item{position:relative;  min-height:1058px;}
#visual .visual_item #player{position:relative; z-index:-1;  width: 100%; height: 100% !important; padding-bottom:0 !important; box-sizing:border-box; background:url(../../images/main/visual01.jpg) no-repeat; background-size:cover; background-position:center;}
#visual .visual_item #player:after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:relative; }

#visual_slides .visual_item.video_bg .v_bg{position: relative; background:url(../../images/main/visual01.jpg) no-repeat; background-size:cover; background-position:center;}
#visual_slides .visual_item.video_bg .v_bg .v_wrap, #visual_slides .visual_item.video_bg .v_bg .v_wrap iframe{ position: absolute; top: 0;left: 0; width: 100%; height: 100%; pointer-events: none;}

#visual .visual_item.img_bg .v_bg{background:url(../../images/main/visual02.jpg) no-repeat; background-size:cover; background-position:center;}
#visual .visual_item.img_bg .v_bg:before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:relative; z-index:0;}
#visual .visual_item.img_bg.v02 .v_bg{background-image:url(../../images/main/visual02.jpg);}
#visual .visual_item.img_bg.v03 .v_bg{background-image:url(../../images/main/visual03.jpg);}
#visual .visual_item .v_txt{color:#fff; position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; text-shadow:0 0 10px rgba(0,0,0,0.5);}
#visual .visual_item .v_txt .tit{position:relative; font-size:9rem; font-weight:700; padding-bottom:1rem; margin-bottom:3rem;}
#visual .visual_item .v_txt .tit:after{content:""; display:block; width:12rem; height:0.2rem; background:#fff; position:absolute; bottom:0; left:0;}
#visual .visual_item .v_txt .txt{font-size:1.8rem; margin-bottom:4rem;}
#visual .visual_item .v_txt .more_btn a{position:relative; display:inline-block; width:18rem; height:5rem; line-height:4.8rem; padding:0 3rem; box-sizing:border-box; color:#fff; border:1px solid #fff; border-radius:999px; font-size:1.6rem; font-weight:500; transition:all 0.2s;}
#visual .visual_item .v_txt .more_btn a:after{content:""; display:block; width:4.5rem; height:2px; background:#fff; position:absolute; top:50%; right:3rem; transform:translateY(-50%);}

@media (min-aspect-ratio: 16/9) {
  #visual_slides .visual_item.video_bg .v_bg .v_wrap {height:300%; top:-100%;}
}
@media (max-aspect-ratio: 16/9) {
  #visual_slides .visual_item.video_bg .v_bg .v_wrap {width:300%; left:-100%;}
}


#visual .LR_btn{width:100%;}
#visual .LR_btn li{display:inline-block; cursor:pointer;}
#visual .LR_btn li{position:absolute; top:50%; transform:translateY(-50%); left:2%;}
#visual .LR_btn li.v_next{right:2%; left:auto;}
#visual .LR_btn li span{display:inline-block; width:8rem; height:8rem; line-height:8rem; text-align:center; background:rgba(0,0,0,0.5);}
#visual .LR_btn i{ font-size:6rem; color:#fff; line-height:8rem; vertical-align:middle;}

#visual .slick-dots{bottom:5.5rem; right:5.5rem; display:inline-block; text-align:right;}
#visual .slick-dots li{position:relative; display:inline-block; width:auto; margin-left:1.5rem; padding-bottom:0.7rem;}
#visual .slick-dots li:after{content:""; display:block; width:100%; height:3px; background:rgba(255,255,255,0.6); position:absolute; bottom:0; }
#visual .slick-dots li:first-child{margin-left:0;}
#visual .slick-dots li a{color:rgba(255,255,255,0.6); font-size:1.5rem; font-weight:500; cursor:pointer;}

#visual .slick-dots li.slick-active a{color:#fff;}
#visual .slick-dots li.slick-active:after{background:#fff;}

.m_tit{position:relative; font-size:4.5rem; font-family:'Play','sans-serif'; font-weight:700; padding-bottom:2rem; margin-bottom:3rem;}
.m_tit:after{content:""; display:block; width:5rem; height:1px; background:#000; position:absolute; bottom:0; left:0;}
.m_txt{font-size:2rem; font-weight:500;}
.rect_btn{display:inline-block; font-family:'Play','sans-serif'; font-weight:700; font-size:1.6rem; padding:1.5rem 2rem 1.5rem 2rem; color:#fff; background:#222222; box-sizing:border-box; border:2px solid transparent; transition:all 0.2s;}
.rect_btn.line{background:transparent; border:2px solid #fff;}
.rect_btn .bar{display:inline-block; width:4rem; height:2px; background:#fff; vertical-align:middle; margin-left:1.5rem;}

#about_imp{padding:7rem 0;}
#about_imp .inner_1140{position:relative;}
#about_imp .left_box{position:absolute; top:50%; transform:translateY(-50%); left:0; padding-right:55%;}
#about_imp .right_box{text-align:right;}
#about_imp .right_box img{height:326px;}

#what_cryo-em{position:relative; padding:12rem 0; background:url(../../images/main/what-cryo-bg.jpg) no-repeat; background-size:cover; background-position:center; background-attachment:fixed;}
#what_cryo-em:before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0;}
#what_cryo-em .inner_1140{position:relative;}
#what_cryo-em .m_tit, #what_cryo-em .m_txt{color:#fff;}
#what_cryo-em .m_tit:after{background-color:#fff;}
#what_cryo-em .right_box{position:absolute; top:50%; transform:translateY(-50%); right:0;}

#news_wrap{background:#eef1f3; padding:7rem 0;}
#news_wrap .tit_box{text-align:center; margin-bottom:4rem;}
#news_wrap .tit_box .m_tit{margin-bottom:2.5rem;}
#news_wrap .tit_box .m_tit:after{left:50%; transform:translateX(-50%);}
#news_wrap .tit_box .txt{font-size:1.8rem;}
#news_wrap ul{font-size:0;}
#news_wrap li{display:inline-block; width:calc((100% - 8rem)/3); margin-left:4rem; vertical-align:top;}
#news_wrap li:first-child{margin-left:0;}
#news_wrap li a{display:block;}
#news_wrap li .img_box {position: relative; margin-bottom: 2rem; overflow: hidden; text-align: center; background: #dee3ea; height: 230px;}
#news_wrap li .img_box img{display: inline-block; width: auto; -webkit-transition: all 0.2s; transition: all 0.2s; height: 230px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#news_wrap li .img_box .cate_box{position:absolute; top:0; left:0;}
#news_wrap li .img_box .cate_box span{display:inline-block; width:4.5rem; height:4.5rem; line-height:4.5rem; text-align:center; background:#2175c2;}
#news_wrap li .img_box .cate_box.pic span{background-color:#18a799;}
#news_wrap li .img_box .cate_box.video span{background-color:#dba11c;}
#news_wrap li .img_box .cate_box span i{font-size:2.7rem; color:#fff; display:inline-block; vertical-align:middle;}
#news_wrap li .txt_box .date{font-size:1.7rem; color:#787878; font-weight:500;}
#news_wrap li .txt_box .tit{font-size:1.9rem; font-weight:700; margin-top:0.5rem; max-height:54px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#news_wrap .btn_box{margin-top:5rem; text-align:center;}

#cont_wrap{margin:7rem 0;}
#cont_wrap ul{font-size:0;}
#cont_wrap li{display:inline-block; width:calc((100% - 5rem)/2); margin-left:5rem; vertical-align:top;}
#cont_wrap li:first-child{margin-left:0;}
#cont_wrap li .img_box img{width:100%;}
#cont_wrap li .cont_box{position:relative;margin:2.5rem 2rem 0;}
#cont_wrap li .cont_box .txt_box{padding-right:45%;}
#cont_wrap li .cont_box .txt_box .tit{font-size:2.3rem; font-weight:700;}
#cont_wrap li .cont_box .txt_box .txt{font-size:1.6rem; color:rgba(34, 34, 34, 0.7); margin-top:0.5rem;}
#cont_wrap li .cont_box .btn_box{position:absolute; top:50%; transform:translateY(-50%); right:0;}


@media (hover: hover) and (pointer: fine) {
.rect_btn:hover{background:#fff; color:#222; border-color:#222;}
.rect_btn:hover .bar{background-color:#222;} 

#visual .visual_item .v_txt .more_btn a:hover{background:#fff; color:#222; text-shadow:none;}
#visual .visual_item .v_txt .more_btn a:hover:after{background:#222;}

#news_wrap li:hover .tit{text-decoration:underline;}
}


@media (max-width:1400px){
#visual .visual_item .v_txt .inner_1140{max-width:75%; padding:0;}
}

@media (max-width:1220px) {
#visual .visual_item{min-height:800px;}
#about_imp .left_box{left:15px; padding-right:55%;}
#about_imp .right_box img{height:300px;}

#what_cryo-em .right_box{right:15px;}
}


@media (max-width:1024px) {
.m_tit, .m_txt{text-align:center;}
.m_tit:after{left:50%; transform:translateX(-50%);}

#visual .visual_item{ min-height:600px;}
#visual .visual_item .v_txt .tit{font-size:6rem;}
#visual .visual_item .v_txt .tit:after{width:7rem;}
#visual .LR_btn li span{width:6rem; height:6rem; line-height:6rem;}
#visual .LR_btn i{font-size:4rem; line-height:6rem;}

#about_imp .left_box{position:static; top:auto; left:auto; transform:inherit; padding-right:0;}
#about_imp .right_box{text-align:center; margin-top:3rem;}
#about_imp .right_box img{height:auto; width:100%;}

#what_cryo-em{padding:7rem 0;}
#what_cryo-em .right_box{position:static; top:auto; right:auto; transform:inherit; margin-top:4rem; text-align:center;}

#news_wrap li{width:calc((100% - 4rem)/3); margin-left:2rem;}
#news_wrap li .img_box{height:160px;}
#news_wrap li .img_box img{height:160px;}

#cont_wrap li{width:calc((100% - 3rem)/2); margin-left:3rem;}
#cont_wrap li .cont_box{margin:2rem 2rem 0;}
#cont_wrap li .cont_box .txt_box{padding-right:0; text-align:center;}
#cont_wrap li .cont_box .btn_box{position:static; top:auto; transform:inherit; right:auto; text-align:center; margin-top:2rem;}
}

@media (max-width:767px) {
.m_tit{font-size:3rem; padding-bottom:1rem; margin-bottom:2rem;}
.m_txt{font-size:1.8rem;}
.rect_btn{padding:1rem 1.5rem;}
.rect_btn .bar{width:3rem;}

#main-wrap{height:380px; background:#090109;}
#visual .visual_item{ min-height:500px;}
#visual .visual_item .v_txt{top:17rem; transform:inherit;}
#visual .visual_item .v_txt .tit{font-size:3rem; margin-bottom:2rem; text-align:center;}
#visual .visual_item .v_txt .tit:after{width:4rem; left:50%; transform:translateX(-50%);}
#visual .visual_item .v_txt .txt{font-size:1.6rem; margin-bottom:3rem; text-align:center;}
#visual .visual_item .v_txt .more_btn{text-align:center;}
#visual .visual_item .v_txt .more_btn a{width:15rem; height:4rem; line-height:3.8rem; text-align:left;}
#visual .visual_item .v_txt .more_btn a:after{width:3rem;}

#visual .slick-dots{bottom:3rem; right:auto; left:50%; transform:translateX(-50%); text-align:center;}

#visual .LR_btn li span{width:4rem; height:4rem; line-height:4rem;}
#visual .LR_btn i{font-size:3rem; line-height:4rem;}

#about_imp{padding:4rem 0;}

#what_cryo-em{padding:5rem 0;}

#news_wrap{padding:4rem 0;}
#news_wrap .tit_box{margin-bottom:3rem;}
#news_wrap .tit_box .m_tit{margin-bottom:1.5rem;}
#news_wrap li{width:100%; margin-left:0; margin-top:4.5rem;}
#news_wrap li:first-child{margin-top:0;}
#news_wrap li .img_box, #news_wrap li .img_box img{height:200px;}
#news_wrap li .img_box{margin-bottom:1.5rem;}
#news_wrap .btn_box{margin-top:3.5rem;}

#cont_wrap{margin:4rem 0;}
#cont_wrap li{width:100%; margin-left:0; margin-top:4.5rem;}
#cont_wrap li:first-child{margin-top:0;}
#cont_wrap li .cont_box{margin:2rem 1.5rem 0;}
#cont_wrap li .cont_box .txt_box .tit{font-size:2rem;}
#cont_wrap li .cont_box .txt_box .txt{margin-top:0.3rem;}
#cont_wrap li .cont_box .btn_box{margin-top:1rem;}
}

@media (max-width:650px) {
#visual .visual_item{ min-height:380px;}
#visual .visual_item .v_txt{top:5rem;}
}