@media only screen and (min-width:1px) and (max-width:800px) {
/*회사소개*/
.about_con .tit { font-size:22px; font-weight:600; color:#000; line-height:28px; padding:20px 0;  }
.about_con .txt { font-size:16px; font-weight:500; color:#555; padding:0px 0;  }

}

@media only screen and (min-width: 800px) {
/*회사소개*/
.about_con .tit { font-size:27px; font-weight:600; color:#000; padding:20px 0;  }
.about_con .txt { font-size:18px; font-weight:500; color:#555; padding:0px 0;  }

}

.about_con { float:left; width:100%; margin-bottom:100px;  }
.about_con ul li { float:left; width:100%; }
.about_con .img { width:100%; }
.about_con .img img { width:100%; }


@media only screen and (min-width:1px) and (max-width:800px) {

/*연혁*/
.his_wrap { float:left; width:100%; }
.his_le { float:left; width:100%;   }
.his_le .his_img { position:sticky; top:80px;   }
.his_le img { width:100%; }
.his_ri { float:right; width:100%;  }
.his_ri .le { float:left; width:15%; font-size:27px; font-weight:600; color:#004a98; }
.his_ri .ri { float:left; width:85%;   }
.his_con { float:left; width:100%; border-bottom:1px dotted #ccc; padding:20px 0; }
.his_con:first-child {  }
.his_txt { padding:0 30px; font-size:17px; color:#000; margin-top:4px;}
.his_txt dl dd { padding:4px 0; }

}

@media only screen and (min-width: 800px) {

/*연혁*/
.his_wrap { float:left; width:100%; }
.his_le { float:left; width:40%; height:1300px;  }
.his_le .his_img { position:sticky; top:80px;   }
.his_le img { width:100%; }
.his_ri { float:right; width:55%;  }
.his_ri .le { float:left; width:15%; font-size:32px; font-weight:600; color:#004a98; }
.his_ri .ri { float:left; width:85%;   }
.his_con { float:left; width:100%; border-bottom:1px dotted #ccc; padding:40px 0; }
.his_con:first-child { padding-top:0; }
.his_txt { padding:0 30px; font-size:18px; color:#000; margin-top:8px;}
.his_txt dl dd { padding:4px 0; }

}




@media only screen and (min-width:1px) and (max-width:800px) {
/*추출기술*/
.sk_con_le { float:left; width:100%; margin:50px 0;  }
.sk_con_le .le { float:left; width:100%; height:350px;  }
.sk_con_le .ri2 { float:right; width:100%; margin-top:30px;   }
.sk_con_le .ri2 dl h2 { font-size:27px; font-weight:500; color:#000; padding:0 0 10px 0;  }
.sk_con_le .ri2 dl dt { font-size:16px; color:#555; padding:0 0 20px 0; }
.sk_con_le .ri2 dl dd { float:left; width:calc(100%/1); padding:10px 0; font-size:16px; 
background:url('/images/icon_one.png') no-repeat 3px 20px; padding:10px 0 10px 20px; }
.sk_con_le .btn { float:left; width:100%; margin-top:20px;  }

.sk_con_ri { float:left; width:100%; margin:50px 0; }
.sk_con_ri .le { float:right; width:100%; height:350px;  }
.sk_con_ri .ri { float:left; width:100%; margin-top:30px;   }
.sk_con_ri .ri dl h2 { font-size:27px; font-weight:500; color:#000; padding:0 0 10px 0;  }
.sk_con_ri .ri dl dt { font-size:16px; color:#555; padding:0 0 20px 0; }
.sk_con_ri .ri dl dd { float:left; width:calc(100%/1); padding:10px 0; font-size:16px; 
background:url('/images/icon_one.png') no-repeat 3px 20px; padding:10px 0 10px 20px; }
.sk_con_ri .btn { float:left; width:100%; margin-top:20px;  }

}

@media only screen and (min-width:800px) and (max-width:1280px) { 
/*추출기술*/
.sk_con_le { float:left; width:100%; margin:50px 0;  }
.sk_con_le .le { float:left; width:50%; height:350px;  }
.sk_con_le .ri2 { float:right; width:45%;   }
.sk_con_le .ri2 dl h2 { font-size:40px; font-weight:500; color:#000; padding:0 0 10px 0;  }
.sk_con_le .ri2 dl dt { font-size:18px; color:#555; padding:0 0 20px 0; }
.sk_con_le .ri2 dl dd { float:left; width:calc(100%/2); padding:10px 0; font-size:16px; color:#333;
background:url('/images/icon_one.png') no-repeat 3px 20px; padding:10px 0 10px 20px; }
.sk_con_le .btn { float:left; width:100%; margin-top:20px;  }

.sk_con_ri { float:left; width:100%; margin:50px 0; }
.sk_con_ri .le { float:right; width:50%; height:350px;  }
.sk_con_ri .ri { float:left; width:45%;   }
.sk_con_ri .ri dl h2 { font-size:40px; font-weight:500; color:#000; padding:0 0 10px 0;  }
.sk_con_ri .ri dl dt { font-size:18px; color:#555; padding:0 0 20px 0; }
.sk_con_ri .ri dl dd { float:left; width:calc(100%/2); padding:10px 0; font-size:16px; color:#333;
background:url('/images/icon_one.png') no-repeat 3px 20px; padding:10px 0 10px 20px; }
.sk_con_ri .btn { float:left; width:100%; margin-top:20px;  }

}

@media only screen and (min-width: 1280px) {
/*추출기술*/
.sk_con_le { float:left; width:100%; margin:50px 0;  }
.sk_con_le .le { float:left; width:50%; height:350px; }
.sk_con_le .ri2 { float:right; width:45%;   }
.sk_con_le .ri2 dl h2 { font-size:40px; font-weight:500; color:#000; padding:0 0 10px 0;  }
.sk_con_le .ri2 dl dt { font-size:18px; color:#555; padding:0 0 20px 0; }
.sk_con_le .ri2 dl dd { float:left; width:calc(100%/2); padding:10px 0; font-size:16px; color:#333;
background:url('/images/icon_one.png') no-repeat 3px 20px; padding:10px 0 10px 20px; }
.sk_con_le .btn { float:left; width:100%; margin-top:20px;  }

.sk_con_ri { float:left; width:100%; margin:50px 0; }
.sk_con_ri .le { float:right; width:50%; height:350px;  }
.sk_con_ri .ri { float:left; width:45%;   }
.sk_con_ri .ri dl h2 { font-size:40px; font-weight:500; color:#000; padding:0 0 10px 0;  }
.sk_con_ri .ri dl dt { font-size:18px; color:#555; padding:0 0 20px 0; }
.sk_con_ri .ri dl dd { float:left; width:calc(100%/2); padding:10px 0; font-size:16px; 
background:url('/images/icon_one.png') no-repeat 3px 20px; padding:10px 0 10px 20px; }
.sk_con_ri .btn { float:left; width:100%; margin-top:20px;  }

}

.sk_wrap { float:left; width:100%; }

.btn_sk_list { font-size:16px; color:#fff; padding:10px 50px; background:#004a98; border-radius:5px;   }
.btn_sk_list:hover { background:#000; color:#fff; }

.sk_con_bg1 {  background:#555 url('/images/sk_list_img1.jpg') center center; border-radius:50px 0 50px 0; }
.sk_con_bg2 {  background:#555 url('/images/sk_list_img2.jpg') center center; border-radius:50px 0 50px 0; }
.sk_con_bg3 {  background:#555 url('/images/sk_list_img3.jpg') center center; border-radius:50px 0 50px 0; }
.sk_con_bg4 {  background:#555 url('/images/sk_list_img4.jpg') center center; border-radius:50px 0 50px 0; }



@media only screen and (min-width:1px) and (max-width:670px) {

/*추출기술-뷰페이지*/
.sk_view_le { display:none;  }
.sk_view_ri { float:left; width:100%; }
.sk_view_ri_w { padding:0 0 0 0px;  }

.sk_view_tit {  font-size:27px; font-weight:500; color:#000; text-align:center;  padding:0 0 10px 0; border-bottom:1px solid #ccc; margin:0 0 50px 0; }
.sk_view_con { float:left; width:100%; border-bottom:1px solid #ccc; padding:30px 0;  }
.sk_view_con h3 { font-size:22px; color:#000; }
.sk_view_con .txt { padding:10px 0 20px 0; }
.sk_view_con .txt dl dd { font-size:16px; color:#555; background:url('/images/icon_one.png') no-repeat 3px 12px; padding:3px 0 3px 20px; }
.sk_view_con .pro dl dt { font-size:16px; color:#004a98; border:1px solid #004a98; padding:3px 20px; border-radius:30px; margin:0 0 10px 0; }
.sk_view_con .pro dl dd { font-size:16px; color:#555; background:url('/images/icon_one.png') no-repeat 3px 12px; padding:3px 0 3px 20px; }

}

@media only screen and (min-width: 670px) {

/*추출기술-뷰페이지*/
.sk_view_le { float:left; width:30%;  }
.sk_view_ri { float:left; width:70%; }
.sk_view_ri_w { padding:0 0 0 50px;  }

.sk_view_tit {  font-size:40px; font-weight:500; color:#000; text-align:center;  padding:0 0 10px 0; border-bottom:1px solid #ccc; margin:0 0 50px 0; }
.sk_view_con { float:left; width:100%; border-bottom:1px solid #ccc; padding:30px 0;  }
.sk_view_con h3 { font-size:25px; color:#000; }
.sk_view_con .txt { padding:10px 0 20px 0; }
.sk_view_con .txt dl dd { font-size:17px; color:#555; background:url('/images/icon_one.png') no-repeat 3px 12px; padding:3px 0 3px 20px; }
.sk_view_con .pro dl dt { font-size:18px; color:#004a98; border:1px solid #004a98; padding:3px 20px; border-radius:30px; margin:0 0 10px 0; }
.sk_view_con .pro dl dd { font-size:17px; color:#555; background:url('/images/icon_one.png') no-repeat 3px 12px; padding:3px 0 3px 20px; }

.sk_view_le_hei1 { height:2570px; }
.sk_view_le_hei2 { height:800px; }
.sk_view_le_hei3 { height:965px; }
.sk_view_le_hei4 { height:800px; }

.ev_view_le_hei1 { height:2950px; }
.ev_view_le_hei2 { height:520px;  }
}

.sk_view_img1 {  height:700px; position:sticky; top:80px; background:#555 url('/images/sk_view_img1.jpg') center center; border-radius:50px 0 50px 0; }
.sk_view_img2 {  height:700px; position:sticky; top:80px; background:#555 url('/images/sk_view_img2.jpg') center center; border-radius:50px 0 50px 0; }
.sk_view_img3 {  height:700px; position:sticky; top:80px; background:#555 url('/images/sk_view_img3.jpg') center center; border-radius:50px 0 50px 0; }
.sk_view_img4 {  height:700px; position:sticky; top:80px; background:#555 url('/images/sk_view_img4.jpg') center center; border-radius:50px 0 50px 0; }

.ev_view_img1 {  height:412px; position:sticky; top:80px; background:#555 url('/images/ev_view_img1.jpg') center center; border-radius:50px 0 50px 0; }
.ev_view_img2 {  height:412px; position:sticky; top:80px; background:#555 url('/images/ev_view_img2.jpg') center center; border-radius:50px 0 50px 0; }


@media only screen and (min-width:1px) and (max-width:800px) {
/*효능평가*/
.ev_wrap { float:left; width:100%; margin-top:40px; } 
.ev_top { float:left; width:100%; background:#555 url('/images/ev_view_topbg.jpg') center center no-repeat; border-radius:30px 30px 0 0;  }
.ev_top ul { padding:50px 30px; }
.ev_top ul li {  font-size:20px; color:#fff; text-align:center;  }
.ev_top ul li br { display:none; }

}

@media only screen and (min-width: 800px) {
/*효능평가*/
.ev_wrap { float:left; width:100%; margin-top:70px; } 
.ev_top { float:left; width:100%; background:#555 url('/images/ev_view_topbg.jpg') center center no-repeat; border-radius:30px 30px 0 0;  }
.ev_top ul { padding:50px 150px; }
.ev_top ul li {  font-size:22px; color:#fff; text-align:center;  }

}


@media only screen and (min-width:1px) and (max-width:800px) {

/*오시는길*/
.loc_wrap { float:left; width:100%; }
.loc_con { float:left; width:100%; margin-bottom:20px; }
.loc_con h2 { font-size:27px; font-weight:500; color:#000; text-align:center; padding:0 0 10px 0; border-bottom:1px solid #ccc; margin:0 0 30px 0; }
.loc_con ul li { float:left; box-sizing:border-box;  
padding:15px 0 15px 60px; margin:0px 0 0px 80px; font-size:17px; vertical-align:middle;  }
.loc_map { float:left; width:100%; }
.loc_con_mt { margin-top:70px;  }

}

@media only screen and (min-width: 800px) {

/*오시는길*/
.loc_wrap { float:left; width:100%; }
.loc_con { float:left; width:100%; margin-bottom:20px; }
.loc_con h2 { font-size:30px; font-weight:500; color:#000; text-align:center; padding:0 0 10px 0; border-bottom:1px solid #ccc; margin:0 0 30px 0; }
.loc_con ul li { float:left; box-sizing:border-box;  
padding:15px 0 15px 60px; margin:0px 0 0px 80px; font-size:18px; vertical-align:middle;  }
.loc_map { float:left; width:100%; }
.loc_con_mt { margin-top:100px;  }

}

.icon_bg1 { background:url('/images/icon_loc1.png') no-repeat 5px 5px; }
.icon_bg2 { background:url('/images/icon_loc2.png') no-repeat 5px 5px; }
.icon_bg3 { background:url('/images/icon_loc3.png') no-repeat 5px 5px; }



@media only screen and (min-width:1px) and (max-width:800px) {

/*사업부문*/
.bus_wrap { float:left; width:100%; }
.bus_top { float:left; width:100%; height:440px; text-align:center; 
margin:50px 0; background:#555 url('/images/img1_2_bg.jpg') center bottom ; border-radius:0 0 50px 50px; }
.bus_top ul li {  font-size:17px; color:#000;  padding:50px;   }
.bus_top ul li img { margin:0 0 20px 0;  }
.bus_top ul li br { display:none; }

.bus_con { float:left; width:100%; padding:30px 0;  }
.bus_con .le { float:left; width:100%; box-sizing:border-box; text-align:center; padding-bottom:30px; }
.bus_con .ri { float:right; width:100%;   }

.bus_con .ri .txt dt {  font-size:24px; font-weight:600; color:#000;  }
.bus_con .ri .txt dd {  font-size:16px; font-weight:400; color:#555;  padding:0px 0 0px 0; }

.bus_con .bus_img { width:100%; text-align:center;  }
.bus_con .bus_img img { width:100%; max-width:400px; border-radius:50px 0 50px 0px;  }
}

@media only screen and (min-width: 800px) {

/*사업부문*/
.bus_wrap { float:left; width:100%; }
.bus_top { float:left; width:100%; height:440px; text-align:center; 
margin:50px 0; background:#555 url('/images/img1_2_bg.jpg') center bottom ; border-radius:0 0 50px 50px; }
.bus_top ul li {  font-size:18px; color:#000;     }
.bus_top ul li img { margin:0 0 20px 0;  }

.bus_con { float:left; width:100%; padding:30px 0;  }
.bus_con .le { float:left; width:25%;  border:1px solid #f8f8f8; box-sizing:border-box;  }
.bus_con .ri { float:right; width:72%;   }

.bus_con .ri .txt { margin:10px 0 0 0;  }
.bus_con .ri .txt dt {  font-size:30px; font-weight:600; color:#000;  }
.bus_con .ri .txt dd {  font-size:17px; font-weight:400; color:#555;  padding:0px 0 0px 0; }

.bus_con .bus_img { width:100%; text-align:center; margin:0 auto; position:relative; padding-top:66%;  }
.bus_con .bus_img img { position:absolute;top:0;left:0; width:100%; height:100%; border-radius:50px 0 50px 0px;  }

}

.bus_con .ri .txt dd span { font-size:14px; color:#004a98;  }
.bus_con .ri .txt .line {  margin:20px 0; width:45px; height:3px; background:#ccc;   }