@charset "utf-8";

/*회사소개*/
.company .img_wrap {width:100%; text-align:center;}
.company .img_wrap img {width:100%; max-width:600px;}

/*실험실 기자재*/
.imgDescWrap {margin:0 -10px; text-align:center;}
.imgDescWrap ul.imgDescUl { display:flex; flex-wrap:wrap;  }
.imgDescWrap ul.imgDescUl li { position:relative; width:calc(25% - 40px); margin:0 20px 25px; word-break:normal; }

.imgDescWrap ul.imgDescUl li a {width:100%; height:100%; }
.imgDescWrap ul.imgDescUl li .topimg {width:100%; border-radius:50%; overflow:hidden; position:relative;}
.imgDescWrap ul.imgDescUl li .topimg::after { content:""; position:absolute; top:0; left:0;  width:100%; height:100%; border-radius:50%; transition: .2s;  border:18px solid transparent; }
.imgDescWrap ul.imgDescUl li .topimg img {width:100%; } 
.imgDescWrap ul.imgDescUl li:hover .topimg img {scale:1.1;} 
.imgDescWrap ul.imgDescUl li:hover .topimg::after {  border-color:#fff; opacity:.3; }

.imgDescWrap ul.imgDescUl li .cont_wrap {padding:20px 0; text-align:center; }
.imgDescWrap ul.imgDescUl li .cont_wrap .underscore {position:relative; display:inline-block; z-index: 2;}
.imgDescWrap ul.imgDescUl li .cont_wrap .underscore::after {content:""; position:absolute; bottom:0; left:0; width:0; height:13px; background-color:#266dff; opacity:.5; z-index: -1; transition: width .3s; }
.imgDescWrap ul.imgDescUl li:hover .cont_wrap .underscore::after { width:100%; }

/**오시는 길 */
.location{font-size:0; text-align: center;}
.location h3.cont_tit {font-weight:400;}
.location .mapWrap {width:100%;}
   .mapWrap .map {width:100%; height:500px;}
   .mapWrap .map .root_daum_roughmap {width:100%; height:100%;}
   .mapWrap .root_daum_roughmap .wrap_map {height:100%;}
 .location_iconWrap { display:flex; flex-wrap:wrap; padding-bottom:70px; }
 .location_iconWrap .location_block{width:33.33333%; display:inline-block; text-align:center; padding:0 15px;}
 .location_iconWrap .location_block h3{font-size:2.4rem; font-weight:600; line-height:1em; padding:20px 0 15px; color:#333; transition:.3s;}
 .location_iconWrap .location_block p{font-size:1.7rem; color:#989898; font-weight: 400; transition:.3s;}
 .location_iconWrap .location_block p a{color:#989898;}
 .location_iconWrap .location_block p img {width:80px;}
 .location_btn { width:100%; margin:1.5rem 0 0; font-size:1.4rem;}
 .location_btn .fa { font-size:1.5rem; padding-right:5px;}
 .location_btn a {padding:0.5rem 1.2rem; border:1px solid #ccc; color:#989898; font-weight:400;  transition: all 0.3s;}
 .location_btn a:hover {border:1px solid #073da8; color:#fff; background:#073da8;}
 

 @media(max-width:1024px){
   .location{padding-bottom:80px;} 
   .imgDescWrap ul.imgDescUl li {width:calc(33.333% - 30px); margin:0 15px 25px;}   
 }
 @media(max-width:768px){
   .location{padding-bottom:0px;}
   .location_iconWrap {padding-bottom:0px; }
   .location_iconWrap .location_block{width:100%; margin-bottom:50px;}
   .location_iconWrap .location_block p img {width:60px;}
   .location_block h3{font-size:2.2rem;}
   .location_block p{font-size:1.5rem;}
   .imgDescWrap ul.imgDescUl { flex-wrap:wrap; }
   .imgDescWrap ul.imgDescUl li .cont_wrap .underscore::after {height:10px;}
   .imgDescWrap ul.imgDescUl li {width:calc(50% - 20px); margin:0 10px 25px;}
 
 }
 @media screen and (max-width:560px){
   .imgDescWrap ul li { width:100%; margin-right:0px; margin-bottom:20px;}
 }