/**
* Theme styleseet file
*
* @Program     DWEBS
* @Type  	   css
* @author      DWEBS
* @link        https://www.dwebs.kr
*/

/* -------------------------------------------------------------------
| Custom selection color
| ------------------------------------------------------------------*/
::selection { background-color: #5d5d5d; color: #58FAF4; }
::-moz-selection { background-color: #cccccc; color: white; }


/* -------------------------------------------------------------------
| Custom mark tag
| ------------------------------------------------------------------*/
mark {
	background: #CEECF5;
	border-radius: 3px;
	padding:4px;
	color: #000;
	font-weight:bold;
}


/* ------------------------------------------------------------------------------------
| Custom bootstrap breadcrumb
|
| 서브페이지 타이틀 영역
| 부트스트랩 breadcrumb 기본 구분자 및 속성 수정
|
| 부트스트랩은 페이지 로케이션을 위한 breadcrumb 클래스를 기본 제공합니다.
| 이러한 페이지로케이션의 각 영역간 구분자는 따로 명시하지 않으면 기본 / 로 표시하게되며,
| 이것을 변경하려면 .breadcrumb>li+li:before {content: ">";}등과 같이 재선언 합니다.
| -----------------------------------------------------------------------------------*/
/* .breadcrumb {color:#979494; font-size:12px; padding: 8px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px; background:none;}
.breadcrumb>li+li:before {padding: 0 5px; color: #979494; content: ">";}
.breadcrumb .active{color:#979494;} */

/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.header_wrap{width:100%;min-width:1200px;height:100px;background: #fff;}
.header{position:relative;width:1200px;margin:0 auto;height:100px}
.logo{position:absolute;width:240px;height:28px;top:34px;left:0px;}
.logo img{width:100%;}
.gnb{position:absolute;right:0px;top:35px}
.gnb ul{;}
.gnb ul li{float:left;padding:0 15px;background: url('../images/common/gnb_bg.jpg') 0 50% no-repeat;}
.gnb ul li:first-child{background: none;}
.gnb ul li:last-child{padding-right:0;}
.gnb ul li a{font-size:14px;color:#555;text-decoration:none}

.navibar{ position:absolute; right: 0; width:800px;height:100px;}

.top_menu{position:relative;width:800px;margin:0 auto;height:100px; }
.top_menu ul.top_menu_list{position:absolute;top:0px;}
.top_menu ul.top_menu_list li.parent_menu{float:left;width:160px;height:100px;line-height: 60px;vertical-align: middle;}
.top_menu>ul.top_menu_list>li.parent_menu>a{display:inline-block;font-size:18px; font-family: 'nanum-square-r', sans-serif; color:#000;text-decoration:none;text-align: center; line-height:100px; width:160px;height:100px;}
.top_menu>ul.top_menu_list>li.parent_menu>a:hover{background: #0060a1;color:#fff;}
.top_menu>ul.top_menu_list>li.parent_menu>a.active{background: #0060a1;color:#fff;}
.top_menu ul.top_menu_list li a.parent_menu_on{background: #0060a1; color:#fff;}
/* 펼침메뉴 */
ul.child_menu {position:absolute;width:100%;display:none;z-index:100;}
ul.child_menu li.child_smenu{position:relative;width:160px;  padding:10px 0; background-color:#0c367b; color:#ddd;line-height:25px;border-top:0px solid #ccc; border-bottom: 1px solid #0f449b;}

ul.child_menu li.child_smenu a{display:block;width:100%;font-size:10.4pt; font-family: 'nanum-square-r', sans-serif;color:#ccc;text-decoration:none; text-align: center; transition: all 0.3s; }
ul.child_menu li.child_smenu a:hover{color:#fff; background:#0f449b; border-radius: 25px;}
ul.child_menu li.child_smenu a.active{color:#fff;}


/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area_wrap{width:100%;min-width:1200px;background:#272727;height:240px;top:0;position: relative;}
.footer_area {position:relative;width:1200px;margin:0 auto;padding:35px 0;}
.footer_copy {position:absolute;left:300px; top:65px; font-size:14px;color:#ccc;line-height:20px;font-family: "NotoSans-Light", sans-serif;}
.admin{position:absolute;left:310px;top:60px}
.admin a{font-size:10px;color:#666;border:1px solid #ccc;background:#fff;padding:3px 7px;border-radius:3px;text-decoration:none}
.um-naver-square{font-size:23px;color:#b3b3b3}
.dwebs_logo{position:absolute;right:0px;top:90px}
.footer_logo{position:absolute;left:0px;top:75px}
.footer_device{position:absolute;left:0;top:150px}
.footer_area .btn-default{font-size:10px;background:#f5f5f5;color:#666;border:1px solid #ccc;}
.footer_area .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#ccc;border:1px solid #aaa;color:#333;}

/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.btn_page_up img:hover{opacity:0.5; cursor:pointer;}
.login_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#3c4349; font-size:12pt; height:68px; color:#ccc; }
.login_btn_default:hover { background-color:#333; color:#fff; }
#device_btn {vertical-align:middle; margin:0 auto;}
.board_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#d8d8d8; font-size:10pt; padding-left:10px; padding-right:10px; height:30px; }
.board_btn_default:hover { color:#fff; }


/* -------------------------------------------------------------------
| Bxslider section
|
| 테마의 Body영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.main_visual{;}
/* BXSLIDER */
.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 0px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 70px;
	height: 100px;
	text-indent: -9999px;
	margin-top: -45px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 0px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 70px;
	height: 100px;
	text-indent: -9999px;
	margin-top: -45px;
	opacity:0.6;
}

.main_cont{color:#000;position:absolute;  z-index:900;text-align: center; }
.hc { width:900px; left:0; right:0; margin-left:auto; margin-right:auto; } /* 가로 중앙 정렬 */
.vc { height:255px; top: -100px; bottom:0; margin-top:auto; margin-bottom:auto; } /* 세로 중앙 정렬 */


.main_t{ width:700px; height: 40px; margin: 0 auto;font-size: 20px;font-family: 'nanum-square-r', sans-serif; color: #fff; background-color: rgba( 0, 0, 0, 0.5 ); line-height: 40px;}
.main_t2{font-size: 70px;font-family: 'nanum-square-b', sans-serif; color: #fff; text-shadow:2px 2px 7px #5f5f5f; }
.main_t3{font-size: 18px;font-family: 'nanum-square-r', sans-serif; color: #fff; text-shadow:2px 2px 7px #5f5f5f;}
.main_btn a{font-size: 15px;font-family: 'nanum-square-r', sans-serif; width:170px;height:45px; border-radius: 25px;line-height: 45px;text-decoration: none; color:#fff; display: inline-block; background:#0362be; transition: all 0.3s;}
.main_btn a:hover{background:#0c367b;}

#bx-pager1{;}
#bx-pager1 a{display:inline;color:#a3a2a1;font-size:30px;font-weight:bold;width:50px;height:50px;margin:0 0 0 4px;text-decoration:none;}
#bx-pager1 a.active{color:#fff;font-size:30px;font-weight:bold;width:50px;height:50px;}

.main_box1_wrap{width: 1200px; height: 400px; margin: 0 auto; border: 1px solid #fff;}
.main_box1{ position: relative;width: 1200px; height: 400px; margin-top: -140px;   z-index:1000; *zoom:1;}
.main_box1:after{display: block;content: "";clear: both;}
.main_box1 .main_box_left{ position: relative; width: 400px; height: 400px; float: left;  box-sizing: border-box;  overflow: hidden; }
.main_box_ov{position:absolute;}
.main_box_left .main_box_bg{position:absolute; transform: scale(1.0); transition: all 0.5s;}
.main_box_left:hover .main_box_bg{transform: scale(1.2); transition: all 0.5s; }
.main_box_icon1{position: absolute; top:64px; left: 158px; }
.main_box_1_1_title{position:absolute; top:196px; left:146px; font-size: 27px;font-family: 'nanum-square-r', sans-serif; color: #fff;}
.main_box_1_1_text{position:absolute;  top:243px; left:110px; font-size: 16.5px;font-family: 'NanumSquare_L', sans-serif; color: #fff; text-align:center; }
.main_box_more{position:absolute; top:311px; left:150px; width: 100px; height: 40px; border: 1px solid #fff;  font-size: 12px;font-family: 'nanum-square-r', sans-serif; color: #fff; text-align: center; line-height: 40px; transition: all 0.3s; }
.main_box_more:hover{ background: #fff; color: #353535; }
.main_box_1_2_title{position:absolute; top:196px; left:123px; font-size: 27px;font-family: 'nanum-square-r', sans-serif;  color: #fff;}
.main_box_1_2_text{position:absolute;  top:243px; left:100px; font-size: 16.5px;font-family: 'NanumSquare_L', sans-serif; color: #fff; text-align:center; }
.main_box_1_3_title{position:absolute; top:196px; left:146px; font-size: 27px;font-family: 'nanum-square-r', sans-serif;  color: #fff;}
.main_box_1_3_text{position:absolute;  top:243px; left:100px; font-size: 16.5px;font-family: 'NanumSquare_L', sans-serif; color: #fff; text-align:center; }
.main_box_icon3{position: absolute; top:64px; left: 141px; }

.main_about_wrap{width: 100%; height:360px;	background-image: url('../images/common/main_about_bg.jpg'); background-size: cover; background-position: center center; background-attachment: fixed; overflow:hidden; text-align: center; }
.main_about_title{font-size: 18px;font-family: 'nanum-square-r', sans-serif; color: #fff; line-height: 35px; margin: 105px 0 50px 0; text-shadow:2px 2px 7px #5f5f5f;}
.main_about_more{ display: inline-block; width: 130px; height:40px; font-size: 12px; font-family: 'nanum-square-r', sans-serif; color: #fff; border: 1px solid #fff; border-radius: 25px; line-height: 40px;  margin: 0 auto; transition: all 0.3s; }
.main_about_more:hover{ background: #fff; color: #0f152d; text-decoration: none; }

.main_lc{width: 100%; height: 720px; position:relative; }
.main_lc_bg{ position: absolute; top:292px; width: 100%; height: 325px; background: #d8d8d8; }
.main_lc_wrap{position: absolute; top: 142px; left: 360px; width: 1200px; height:410px;  margin: 0 auto; *zoom:1; }
.main_lc_wrap:after{display: block;content: "";clear: both;}
.hc2 { width:1200px; left:0; right:0; margin-left:auto; margin-right:auto; } /* 가로 중앙 정렬 */
.vc2 { height:410px; top:0px; bottom:0; margin-top:auto; margin-bottom:auto; } /* 세로 중앙 정렬 */
.main_lc_wrap .main_lc_left{ width: 600px; height: 410px; float: left; }
.main_lc_cont{ background:#535353; padding-top:50px; }
.main_lc_title{font-size: 35px;font-family: 'nanum-square-b', sans-serif; color: #fff; text-align: center; }
.main_lc_line{width: 110px; height: 2px; background: #fff;  margin: 0 auto;}
.main_lc_text{font-size: 16px;font-family: 'nanum-square-r', sans-serif; color: #fff; margin-left:110px; }
.main_lc_text>span{font-size: 20px;font-family: 'nanum-square-b', sans-serif; color: #fff;}
/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {background-color:#fff;}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:1200px;height:250px}
.sub_top_area{position:relative;width:1200px;margin:0 auto;padding-top:80px;font-size: 17px; font-family: 'nanum-square-b', sans-serif;color:#fff;text-align: center; text-shadow: 2px 2px 2px #000;}
.sub_top_area_t{font-size:45px;font-family: 'nanum-square-b', sans-serif; text-shadow: 2px 2px 7px #000; }

.sub_article_wrap{position:relative;width:100%;min-width:1200px;}
.sub_article{position:relative;width:1200px;margin:0 auto;}
.title{text-align:center;width:1200px;padding:50px 0;border-bottom:1px solid #ccc;position: relative;margin:0 auto;}
.sub_title{color:#000;font-size:35px; font-family: 'nanum-square-b', sans-serif; }
.sub_title2{color:#333;font-size:17px;}

.sub_menu_wrap{position: relative;width:100%;min-width:1200px;border-bottom: 1px solid #ccc;height: 50px;}
.sub_menu_wrap2{position: relative;width:100%;min-width:1200px;border-bottom: 1px solid #ccc;height: 70px;}
#sub_menu{width:1200px;position: relative;margin:0 auto;}
.list-group{width:100%;display:table;}
.list-group a.menubox{height:50px; text-align:center;border-left:1px solid #ccc; display:table-cell; width: 20%; vertical-align: middle;font-size:17px; font-family: 'nanum-square-r', sans-serif;color:#000;text-decoration: none;background: #fff;border-bottom: 1px solid #ccc;}
.list-group a.menubox2{height:70px; text-align:center;border-left:1px solid #ccc; display:table-cell; width:9.1%;  vertical-align: middle;font-size:14px;color:#000;text-decoration: none;background: #fff;border-bottom: 1px solid #ccc;}
.list-group a.menubox:last-child{border-right:1px solid #ccc;}
.list-group a.active{background:#0060a1;color:#fff;border:0px;}
.list-group a.menubox:hover{background:#0060a1;color:#fff;border:0px;}
.list-group a.menubox2:hover{background:#0060a1;color:#fff;border:0px;}
.list-group a.menubox2:last-child{border-right:1px solid #ccc;}
.contents{min-height:450px;padding-bottom:100px;}

.about_wrap{ position: relative; *zoom:1; width:1200px;}
.about_wrap:after{display: block;content: "";clear: both;}
.about_wrap .about_text{ float: left; font-size:17px; font-family: 'nanum-square-r', sans-serif;color:#3c3c3c; line-height:30px; }
.about_text:nth-child(2){float:right;}
.about_text_b{ font-size:20px; font-family: 'nanum-square-b', sans-serif;color:#0054a7; }
.about_text_n{font-size:22px; font-family: 'BarunGothic_EB', sans-serif;color:#333; margin:40px 0 0 0; float:right;}

.history_wrap{ position: relative; width: 1200px; height: 200px;margin-top:150px; background-image: url('../images/sub/history_line_img.jpg');  *zoom:1;}
.history_wrap:after{display: block;content: "";clear: both;}
.history_wrap .history{float: left; width: 200px; height: 200px;  border-radius: 50%;  margin-right: 133px; text-align: center; }
.history_wrap .history:last-child{ margin-right:0;}
.history1{ border:10px solid #0054a7; background: #fff; font-size:32px; font-family: 'nanum-square-b', sans-serif; color: #424141;line-height:185px;}
.history2{ background: #0054a7; font-size:32px; font-family: 'nanum-square-b', sans-serif; color: #fff; line-height:200px;}
.history_wrap2{ position: relative; margin:45px 0 0 20px;*zoom:1;}
.history_wrap2:after{display: block;content: "";clear: both;}
.history_wrap2 .history_text{float: left; font-size:15px; font-family: 'nanum-square-r', sans-serif; color: #000; line-height:40px;}

/* 연혁2단 */
.history_wrap.ver2 {background-image: none; margin-top:40px;}

.chart_wrap{ position: relative; width: 1200px; height: 455px;  }
.chart_1{position: absolute; top:0; left:485px; width: 230px; height: 65px; background: #01395c; font-size:20px; font-family: 'nanum-square-b', sans-serif; color: #fff; line-height: 65px; text-align: center; z-index:10; border-radius: 30px;}
.chart_line1{position: absolute; top:10px; left:600px; width: 1px; height:330px; background: #ccc; z-index:8;}
.chart_line2{position: absolute; top:200px; left:600px; width:300px; height: 1px; background: #ccc;}
.chart_2{position: absolute; top:165px; left:716px; width: 230px; height: 65px; background: #0061a5; font-size:20px; font-family: 'nanum-square-r', sans-serif; color: #fff; line-height: 65px; text-align: center;  border-radius: 30px;}
.chart_line3{position: absolute; top:340px; left:72px; width:1055px; height: 1px; background: #ccc; }
.chart_3{ position:relative; top:390px; *zoom:1; z-index: 8;}
.chart_3:after{display: block;content: "";clear: both;}
.chart_3_1{ float: left; width:144px;  height: 65px; background: #008eec; margin-right: 32px; font-size:17px; font-family: 'nanum-square-r', sans-serif; color: #fff; line-height: 65px; text-align: center;border-radius: 30px; }
.chart_3_1:last-child{ margin-right: 0;}
.chart_4{ position:relative; top:276px; *zoom:1; z-index: 7;}
.chart_4:after{display: block;content: "";clear: both;}
.chart_line4{float: left; width: 1px; height:80px; background: #ccc;}
.chart_line4:nth-child(1){margin-left: 72px;}
.chart_line4:nth-child(2){margin-left: 175px;}
.chart_line4:nth-child(3){margin-left: 175px;}
.chart_line4:nth-child(4){margin-left: 175px;}
.chart_line4:nth-child(5){margin-left: 175px;}
.chart_line4:nth-child(6){margin-left: 175px;}
.chart_line4:nth-child(7){margin-left: 173px;}
/* 20200116 추가 */
.chart_5 {position: absolute; width: 230px; height: 65px; background: #0061a5; font-size:20px; font-family: 'nanum-square-r', sans-serif; color: #fff; line-height: 65px; text-align: center;  border-radius: 30px; top:110px;  left:250px;}
.chart_line5 {right:600px !important; position:absolute; top:145px; left:300px; width:300px; height: 1px; background: #ccc;}
.chart_line6 { position:absolute; width: 1px; height:80px; background: #ccc; left:115px;}
.chart_6 {width:180px;  height: 65px; background: #008eec;  font-size:17px; font-family: 'nanum-square-r', sans-serif; color: #fff; line-height: 65px; text-align: center;border-radius: 30px; position:absolute; top:100px; left:23px;}


.certification_img{ width: 890px; height: 515px; margin: 0 auto; }
.delivery_title{ font-size: 18px; font-weight: 400; text-align: center; }

.location_icon{margin-right:30px;}
.location_text{font-size: 17px;color:#666; vertical-align: middle; font-family: "nanum", sans-serif;}
.location_con{display: inline-block;width:1000px;}
.location_icon_margin{ margin: 20px 0;}

.location_wrap {display: flex; justify-content: space-between;}
.location_wrap > div {width: 545px;}
.location_wrap > div h1 {text-align: center; color: #333; font-size: 28px; font-family: 'nanum-square-b', sans-serif; margin-bottom: 35px;}






.product{width:1200px;margin-right:30px;position: relative;display: inline-block;margin-top:30px;}
.product2{width:1200px;position: relative;margin-top:30px;}
.product:nth-child(3){margin-right:0 !important;}
.product_img{width:340px;float:left;display: inline-block;}
.product_img img{max-width:340px;}
.product_img img{max-height:230px;}
.product_info{width:760px;display: inline-block;margin-left:50px;}
.product_info22{margin-left:50px;width:760px;display: inline-block;margin-top:10px !important;margin-bottom:20px;}
.product_t{float:left;width:100px;font-size: 15px;color:#333; font-weight: bold;}
.product_t2{float:left;width:660px;font-size: 15px;color:#555;}
.product_t22{float:left;width:660px;font-size: 15px;color:#555;}
.product_t3{font-size: 13px;}
.product_t4{font-size: 20px;color:#d01c25;font-family: "NotoSans-Bold", sans-serif;}
.product_t5{font-size: 20px;color:#333;border-bottom: 1px solid #ccc;line-height: 60px;}
.product_info2{display:inline-block; border-bottom:1px solid #ededed; padding:15px 0px;}
.product_con{display: inline-block;width:1200px;padding-bottom:20px;}
.pd_btn{width:180px;}
.pd_btn a{width:180px;height:40px;color:#fff;background: #0054a7;line-height: 36px;vertical-align: middle;text-align: center;display: inline-block;font-size: 15px;text-decoration: none;}
.pd_btn a:hover{color:#fff;background: #0054a7;opacity: 0.8;}
.pd_btn2 a{width:180px;height:40px;color:#fff;background: #0054a7;line-height: 36px;vertical-align: middle;text-align: center;display: inline-block;font-size: 15px;text-decoration: none;}
.pd_btn2 a:hover{color:#fff;background: #0054a7;opacity: 0.8;}
.pd_ing{width:1200px;padding:50px 30px;background: #fff;vertical-align: middle;border:1px solid #eee;}
.product_con ul{width:1200px;display: inline-block;margin-top:50px;border:1px solid #eee;padding:5%;}
.product_con li{float:left;width:22.5%;height:300px;margin-right:3%;margin-bottom:5%;text-align: center;line-height: 300px;vertical-align: middle;font-size: 17px;background: #f5f5f5;color:#aaa;}
.pd_tab{width:1200px;position: relative;margin:20px auto 0;height:50px;}
.pd_tab a{text-decoration: none;color:#000;}
.pd_tab p a{float:left;width:33.33%;line-height: 50px;border:1px solid #eee;background: #fff;text-align: center;vertical-align: middle;font-size: 17px;color:#000;display: inline-block;}
.pd_tab p a:hover{background: #698089;color:#fff;border:1px solid #698089;font-family: "NotoSans-Medium", sans-serif;}
.pd_tab p.on a{background: #698089;border:1px solid #698089;color:#fff;font-family: "NotoSans-Medium", sans-serif;}
.product_top{border:1px solid #eee;width:1200px;display: inline-block;padding:20px 20px;}
.product_top2{border:1px solid #eee;width:1200px;padding:20px 20px;margin:40px auto 0;}
.board_t{color:red;text-align: center;}



.title_line{ width:30px; height:3px; background:#0054a7;margin-bottom:15px;}
.video_title{ font-size:20px; font-family: 'nanum-square-b', sans-serif; color: #353535; margin-bottom:15px; text-transform:uppercase; }
.video_d{  float: left; margin-right:30px;}
.video_d:nth-child(3n) {margin-right:0;}

.abrasives_img:after{display: block;content: "";clear: both;}
.abrasives_img>div{width: 600px; float: left; }

.processing_img:after{display: block;content: "";clear: both;}
.processing_img>div{width: 285px;  float: left; }
.processing_img>div>img{ width: 100%; }

.processing_title1{font-family: 'Noto Sans KR', sans-serif; font-size:25px; font-weight: 400; color: #353535; margin:30px 0;}
.processing_title1>span{display: inline-block; width: 10px; height: 10px; background: #1d5b9e; margin:0 10px 5px 0;}
.img_title{font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 400px; color:#353535;  text-align: center; margin-top:15px; }

/* certi_wr 인증서 */
.certi_wr {display: flex; flex-wrap:wrap; text-align: center;}
.certi_wr li {width:285px; margin-right:20px; position: relative;}
.certi_wr li:nth-child(n+5) {margin-top: 20px;}
.certi_wr li img { border:1px solid #eee;}
.certi_wr li:nth-child(4n) {margin-right:0;}
.certi_wr li a {display: block; position: relative;}
.certi_wr li p {    font-size: 16px; font-family: 'nanum-square-r', sans-serif; color: #3c3c3c; margin-top:15px;}
.certi_wr li .cer_cover {width:100%; height:100%; position: absolute; left:0; top:0; transition: all .3s ease; background: rgba(0,0,0,.7); display: flex; align-items: center; justify-content: center; opacity: 0;}
.certi_wr li .cer_cover span {font-size:70px; color:#fff;}
.certi_wr li a:hover .cer_cover {opacity: 1;}