button {  transition: all ease 0.3s;   }

.btn_center { float:left; width:100%; text-align:center; margin-top:30px;  }

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

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

.btn_nl_preview { font-size:16px; color:#fff; padding:5px 10px; background:#555; border-radius:5px;   }
.btn_nl_preview:hover { background:#000; color:#fff; }


@media only screen and (min-width:1px) and (max-width:800px) {
/*카테고리 검색창*/
.ps_top { width:100%; }
.ps_top .le { float:left; width:100%; margin:0 0 8px 0; }
.ps_top .ri { float:right; width:100%; }

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

.ps_top .sel33 { width:100%; height:50px;  border:1px solid #999;}
.ps_top .inp{ width: calc(100% - 230px);height: 50px;line-height: 50px; text-indent: 20px;font-size:15px; border:1px solid #999; background: #fff; border-radius:5px; }

.ps_top .sch{ position:relative; width:70px; height: 50px; border: none; cursor:pointer; font-size:15px; font-weight:500; border-radius:10px; color:#fff;  }
.ps_top .sch:hover { background:#000; color:#fff; }

}

@media only screen and (min-width: 800px) {
/*카테고리 검색창*/
.ps_top { width:100%; }
.ps_top .le { float:left; width:12%; }
.ps_top .ri { float:right; width:87.5%; }

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

.ps_top .sel33 { width:100%; height:50px;  border:1px solid #999;}
.ps_top .inp{ width: calc(100% - 260px);height: 50px;line-height: 50px; text-indent: 20px;font-size:16px; border:1px solid #999; background: #fff; border-radius:5px; }

.ps_top .sch{ position: relative; width:80px; height: 50px; border: none; cursor:pointer; font-size:16px; font-weight:500; border-radius:10px; color:#fff;  }
.ps_top .sch:hover { background:#000; color:#fff; }

}

/*카테고리 검색 상단 영역*/
.pro_search_top_wrap { float:left; width:100%; background:#e5edf4; padding:20px 0; border-radius:20px;  }
.pro_search_top_w { width:95%; margin:0 auto;  }

.sch_gray { background:#555;  }
.sch_blue { background:#004a98;    }
.sch_red { background:#d95c5c;   }

/*카테고리 검색 컨텐츠 영역*/
.ps_top_con { float:left; width:100%; display: none; }
.tbl_ps_top_con { width:100%; }
.tbl_ps_top_con tbody th { padding:20px 0; border-bottom:1px solid #ccc; font-size:15px; vertical-align:middle;  }
.tbl_ps_top_con tbody td { padding:20px 0; border-bottom:1px solid #ccc; font-size:15px; color:#333; vertical-align:middle;  }
.ptc_form ul li { float:left; margin:3px 10px; /*width:200px; */ }
.ptc_form input[type=checkbox] { width:18px; height:18px; border:1px solid #555; margin: -3px 2px 0 0 ; vertical-align:middle;  }

/*카테고리 검색 텍스트 노출영역*/
.ps_top_Keyword { float:left; width:100%; padding:5px 0; }
.ps_top_Keyword ul { }
.ps_top_Keyword ul li { float:left; padding:5px 10px; background:#fff; border:1px solid #ccc;  margin-right:10px; font-size:14px;  }
.ps_top_Keyword_close { margin:-2px 0 0 5px; display:inline-block; *zoom:1; *display:inline; width:15px; height:15px; line-height:15px; background:#d43f3f; font-size:13px; font-weight:400; color:#fff;  border-radius:3px; text-align:center; vertical-align:middle; border:none;cursor:pointer;  }
.ps_top_Keyword_close:hover { color:#fff;  }
.ps_top_Keyword_tit { float:left; padding:5px 10px; background:#fff; border:1px solid #fff;  margin-right:2px; font-size:16px; font-weight:500; color:#000;  }

.ps_top_con_close { width:100%; text-align:center; }
.det_close { display:inline-block; *zoom:1; *display:inline; height:35px; line-height:35px; padding: 0 30px; background:#555; font-size:16px; font-weight:400; color:#fff;  border-radius: 0 0 10px 10px; text-align:center; vertical-align:middle; border:none;cursor:pointer; transition: all ease 0.3s; }
.det_close:hover { color:#fff; text-decoration:none; background:#000; }

/*기본 테이블*/
.pat_wrap { float:left; width:100%; }
.tbl_board { width:100%; border-bottom:2px solid #004a98;  }
.tbl_board thead th {  padding:10px 0; border:1px solid #004a98; border-width:1px 0 2px 0; font-size:16px;  }
.tbl_board tbody th { padding:10px; border:1px solid #ccc; font-size:15px; font-weight:500; text-align:center; background:#f8f8f8;    }
.tbl_board tbody td { padding:10px; border:1px solid #ccc; font-size:15px; color:#333; text-align:center; }
.tbl_board tbody td a { font-weight:500; color:#000; transition: all ease 0.3s; }
.tbl_board tbody td a:hover { text-decoration:underline; color:#004a98;  }


/*제품검색 테이블*/
.pro_search_con_wrap { float:left; width:100%; overflow-x:auto; padding:30px 0;  }
.tbl_ps_con { width:100%; min-width:1000px; border-bottom:2px solid #004a98;  }
.tbl_ps_con thead th {  padding:10px 0; border:1px solid #004a98; border-width:1px 0 2px 0; font-size:16px;  }
.tbl_ps_con tbody th { padding:10px; border:1px solid #ccc; font-size:15px; font-weight:500; text-align:center; background:#f8f8f8;    }
.tbl_ps_con tbody td { padding:10px; border:1px solid #ccc; font-size:15px; color:#333; text-align:center; }
.tbl_ps_con tbody td a { font-weight:500; color:#000; transition: all ease 0.3s; }
.tbl_ps_con tbody td a:hover { text-decoration:underline; color:#004a98;  }

.tbl_ps_con_total_no { width:100%; margin-bottom:10px; font-size:16px;   }
.tbl_ps_con_total_no span { font-size:24px; color:#000; }

.btn_psc_go { width:25px; height:25px; line-height:15px; background:#004a98; color:#fff; border-radius:5px;  }
.btn_psc_go:hover { background:#000;   }

/* paging */
.paging { float:left; width:100%; margin:30px 0 0px 0; text-align:center; }
.paging * {vertical-align:top; }
.paging a { display:inline-block; font-size:12px; padding:0 2px; margin:0 0px; height:27px; min-width:27px;line-height:25px;text-align:center; color:#555; border:1px solid #ccc;}
.paging b { display:inline-block; font-size:12px; color:#fff; background:#004a98; border:1px solid #004a98; padding:0 2px; margin:0 1px; width:27px; height:27px; min-width:27px; line-height:25px; text-align:center;   }

.paging a.icon_no {position:relative;padding:0}
.paging a.icon_no:before {position:absolute;top:9px;left:7px}

.paging a.icon_prev {background:url('/images/icon_le.gif') no-repeat 5px 7px;}
.paging a.icon_prev2 {background:url('/images/icon_le2.gif') no-repeat 5px 7px;}
.paging a.icon_next {background:url('/images/icon_ri.gif') no-repeat 5px 7px; }
.paging a.icon_next2 {background:url('/images/icon_ri2.gif') no-repeat 5px 7px;}


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

/*제품소개 뷰페이지*/
.pro_view_wrap { float:left; width:100%;   }
.pro_view_le { float:left; width:100%; box-sizing:border-box;   }
.pro_view_ri {  float:right; width:100%; box-sizing:border-box; margin:30px 0 0 0; }

.pro_view_le ul li { width:100%; max-width:400px; margin:0 auto; text-align:center;  }
.pro_view_le ul li img { width:100%; border-radius:50px 0 50px 0; }

.pv_tit { float:left; width:100%; font-size:25px; font-weight:600; color:#000; text-align:center; }
.pv_tit span { font-size:14px; font-weight:400; color:#004a98; padding:3px 15px; border:1px solid #004a98; }

.pv_con_wrap { float:left; width:100%; margin:20px 0; }

.tbl_pv_con { float:left; width:100%;   }
.tbl_pv_con .tit { width:100px; font-size:16px; font-weight:500; color:#000; text-align:center; background:#e5edf4; 
padding:10px 0; border-radius:10px 0 10px 0;    }

.tbl_pv_con thead td { font-size:16px; color:#000; background:#f8f8f8; padding:20px;  }
.tbl_pv_con tbody th {  border-bottom:1px solid #eee;  padding:10px 0; vertical-align:top;   }
.tbl_pv_con tbody td {  font-size:16px;  border-bottom:1px solid #eee;  padding:10px 0px 10px 10px; }

.pv_btn { float:right; width:100%; text-align:center; }

}

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

/*제품소개 뷰페이지*/
.pro_view_wrap { float:left; width:100%;   }
.pro_view_le { float:left; width:35%; box-sizing:border-box; margin-top:18px;   }
.pro_view_ri {  float:right; width:65%; box-sizing:border-box; }

.pro_view_le ul li { width:90%; max-width:400px;   }
.pro_view_le ul li img { width:100%; border-radius:50px 0 50px 0; }

.pv_tit { float:left; width:100%; font-size:35px; font-weight:600; color:#000; }
.pv_tit span { font-size:16px; font-weight:400; color:#004a98; padding:3px 15px; border:1px solid #004a98; }

.pv_con_wrap { float:left; width:100%; margin:20px 0; }

.tbl_pv_con { float:left; width:100%;   }
.tbl_pv_con .tit { width:100px; font-size:16px; font-weight:500; color:#000; text-align:center; background:#e5edf4; 
padding:10px 0; border-radius:10px 0 10px 0;    }

.tbl_pv_con thead td { font-size:18px; color:#000; background:#f8f8f8; padding:20px;  }
.tbl_pv_con tbody th {  border-bottom:1px solid #eee;  padding:10px 0; vertical-align:top;  }
.tbl_pv_con tbody td {  font-size:16px;  border-bottom:1px solid #eee;  padding:10px 0px 10px 10px; }

.pv_btn { float:right; }

}


@media only screen and (min-width:1px) and (max-width:500px) {
/*주요제품*/
.pro_main_list ul li { float:left; width:calc(100%/ 1); box-sizing:border-box; margin:0px 0 20px 0; }
.pro_main_list ul li a { display:block; width:93%;   border:1px solid #e7e7e7; border-radius:20px; transition: all ease 0.3s;  }


}

@media only screen and (min-width:500px) and (max-width:800px) { 
/*주요제품*/
.pro_main_list ul li { float:left; width:calc(100%/ 2); box-sizing:border-box; margin:0px 0 20px 0; }
.pro_main_list ul li a { display:block; width:93%;   border:1px solid #e7e7e7; border-radius:20px; transition: all ease 0.3s;  }

}

@media only screen and (min-width:800px) and (max-width:1280px) { 
/*주요제품*/
.pro_main_list ul li { float:left; width:calc(100%/ 3); box-sizing:border-box; margin:0px 0 20px 0; }
.pro_main_list ul li a { display:block; width:93%;   border:1px solid #e7e7e7; border-radius:20px; transition: all ease 0.3s;  }

}

@media only screen and (min-width: 1280px) {
/*주요제품*/
.pro_main_list ul li { float:left; width:calc(100%/ 4); box-sizing:border-box; margin:0px 0 20px 0; }
.pro_main_list ul li a { display:block; width:93%;   border:1px solid #e7e7e7; border-radius:20px; transition: all ease 0.3s;  }

}

.pro_main_wrap { float:left; width:100%;  padding:30px 0;  }
.pro_main_tit { float:left; width:100%; font-size:25px; font-weight:600; color:#000; text-align:center;  }

/*주요제품(리스트)*/
.pro_main_list { float:left; width:99.9%; margin:0px 0 0 0;  }

.pro_main_list ul li a:hover {  border:1px solid #004a98; box-shadow:10px 10px 10px #ddd; }
.pro_main_list .gall_img { width:100%; text-align:center; margin:0 auto; position:relative; padding-top:110%;  }
.pro_main_list .gall_img img { position:absolute;top:0;left:0; width:100%;height:100%; border-radius:20px 20px 0 0; }

.pro_main_list .txt { width:100%; margin:0 auto; height:150px; text-align:center; padding:30px 20px; 
border-radius:0 0 30px 30px; /*word-break:break-all;*/ }
.pro_main_list .txt dl dt { font-size:20px; font-weight:600; color:#000; }
.pro_main_list .txt dl dd { font-size:15px; font-weight:500; color:#777; padding-top:5px; }


@media only screen and (min-width:1px) and (max-width:500px) {
/*뉴스레터(리스트)*/
.nl_list ul li { float:left; width:calc(100%/ 1); box-sizing:border-box; margin:0px 0 20px 0; border:1px solid #e7e7e7; border-radius:20px;  }

}

@media only screen and (min-width:500px) and (max-width:800px) { 
/*뉴스레터(리스트)*/
.nl_list ul li { float:left; width:calc(93%/ 2); box-sizing:border-box; margin:0px 3% 20px 0; border:1px solid #e7e7e7; border-radius:20px;  }

}

@media only screen and (min-width:800px) and (max-width:1280px) { 
/*뉴스레터(리스트)*/
.nl_list ul li { float:left; width:calc(93%/ 3); box-sizing:border-box; margin:0px 1.5% 20px 0; border:1px solid #e7e7e7; border-radius:20px;  }

}

@media only screen and (min-width: 1280px) {
/*뉴스레터(리스트)*/
.nl_list ul li { float:left; width:calc(93%/ 4); box-sizing:border-box; margin:0px 1.5% 20px 0;  border:1px solid #e7e7e7; border-radius:20px; }

}

.nl_wrap { float:left; width:100%;  padding:0px 0;  }

/*뉴스레터(리스트)*/
.nl_list { float:left; width:100%; margin:0px 0 0 0;  }

.nl_list .gall_img { width:100%; text-align:center; margin:0 auto; position:relative; padding-top:85%;  }
.nl_list .gall_img img { position:absolute;top:0;left:0; width:100%;height:100%; border-radius:20px 20px 0 0; }

.nl_list .txt { width:100%; margin:0 auto; height:130px; text-align:center; padding:30px 20px; 
border-radius:0 0 30px 30px; /*word-break:break-all;*/ }
.nl_list .txt dl dt { font-size:22px; font-weight:600; color:#000; }
.nl_list .txt dl dd { font-size:15px; font-weight:500; color:#777; padding-top:5px; }
.nl_list .btn { width:100%; margin:0 auto; text-align:center; margin-bottom:20px; }



.nl_list_top { float:left; width:100%; margin:0 0px 10px 0; }
.nl_list_top ul { float:right; margin-right:32px; }
.nl_list_top ul li { float:left; margin:0 0 0 20px; font-size:18px; color:#ccc; padding:10px 0; }
.nl_list_top ul li a { display:block; font-size:18px; color:#000; font-weight:500; text-align:center; 
border-bottom:2px solid #fff; padding-bottom:10px;  transition: all ease 0.3s;  }
.nl_list_top ul li a img { margin-right:10px;  }
.nl_list_top ul li a:hover { color:#004a98; border-bottom:2px solid #004a98; padding-bottom:10px; }





/*뉴스레터-뷰페이지*/
@media only screen and (min-width:1px) and (max-width:800px) {

.nl_top_view { float:left; width:100%; background:#e5edf4; border:1px solid #004a98; border-width:5px 0 0px 0; margin:0 0 0px 0; text-align:center; }
.nl_top_view ul { padding:30px 20px; }
.nl_top_view .tit {  font-size:22px; font-weight:700; color:#000;  }

.nl_top_view .txt {  font-size:16px; font-weight:400; color:#555; margin:10px 0 0 0;   }
.nl_top_view .txt span { background:#004a98; padding:0px 10px; border-radius:20px; color:#fff; }

.nl_view { float:left; width:100%; background:#f8f8f8;padding:30px 0; }
.nl_view ul {  width:90%; margin:0 auto;  }

}

@media only screen and (min-width:800px) and (max-width:1280px) { 
/*뉴스레터 뷰페이지*/
.nl_top_view { float:left; width:100%; background:#e5edf4; border:1px solid #004a98; border-width:5px 0 0px 0; margin:0 0 0px 0; text-align:center; }
.nl_top_view ul { padding:30px 20px; }
.nl_top_view .tit {  font-size:27px; font-weight:700; color:#000;  }

.nl_top_view .txt { font-size:16px; font-weight:400; color:#555; margin:10px 0 0 0;   }
.nl_top_view .txt span { background:#004a98; padding:0px 10px; border-radius:20px; color:#fff; }

.nl_view { float:left; width:100%; background:#f8f8f8; padding:30px 0; }
.nl_view ul {  width:90%; margin:0 auto;  }

}

@media only screen and (min-width: 1280px) {
/*뉴스레터 뷰페이지*/
.nl_top_view { float:left; width:100%; background:#e5edf4; border:1px solid #004a98; border-width:5px 0px 1px 0px; margin:0 0 0px 0; text-align:center; }
.nl_top_view ul { padding:30px 0px; }
.nl_top_view .tit {  font-size:30px; font-weight:700; color:#000;  }
.nl_top_view .so_tit {  font-size:20px; font-weight:500; color:#555;  }

.nl_top_view .txt {  font-size:16px; font-weight:400; color:#555; margin:10px 0 0 0;  }
.nl_top_view .txt span { background:#004a98; padding:0px 10px; border-radius:20px; color:#fff; }

.nl_view { float:left; width:100%; background:#f8f8f8; padding:50px 0; }
.nl_view ul {  width:90%; margin:0 auto;  }
}

.nl_view img { width:100%; max-width:680px; text-align:center;  }

.nl_next { width:100%; text-align:left; padding: 0 0 0 15px; border-top:1px solid #004a98; color:#000;    vertical-align: middle;}
.nl_next th { padding:15px 0; text-align:center; font-size:16px; font-weight:500; color:#000; background:#e5edf4; vertical-align: middle; text-align:center; border-bottom:1px solid #ccc; }
.nl_next td {  vertical-align:middle; border-bottom:1px solid #ccc; font-size:16px; text-align:left; padding:15px 10px; word-break:break-all;    }

.nl_next a { color:#333; }
.nl_next a:hover { color:#000; transition: all 0.3s;  }
.nl_next img { width:100%; max-width:800px; }



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

/*회사소식(리스트)*/
.news_wrap { float:left; width:100%; }
.news_con { float:left; width:100%; border-bottom:1px solid #ccc;  padding:30px 0;  }
.news_con .le { float:left; width:100%; box-sizing:border-box; text-align:center; padding-bottom:30px; }
.news_con .ri { float:right; width:100%;   }

.news_con .ri .txt dt {  font-size:22px; font-weight:600; color:#000;  }
.news_con .ri .txt dd {  font-size:16px; font-weight:400; color:#555;  padding:10px 0 20px 0; }

.news_con .news_img { width:100%; text-align:center;  }
.news_con .news_img img { width:100%; max-width:400px; }
}

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

/*회사소식(리스트)*/
.news_wrap { float:left; width:100%; }
.news_con { float:left; width:100%; border-bottom:1px solid #ccc;  padding:30px 0;  }
.news_con .le { float:left; width:25%;  border:1px solid #f8f8f8; box-sizing:border-box;  }
.news_con .ri { float:right; width:72%;   }

.news_con .ri .txt dt {  font-size:22px; font-weight:600; color:#000;  }
.news_con .ri .txt dd {  font-size:16px; font-weight:400; color:#555;  padding:10px 0 20px 0; }

.news_con .news_img { width:100%; text-align:center; margin:0 auto; position:relative; padding-top:66%;  }
.news_con .news_img img { position:absolute;top:0;left:0; width:100%; height:100%; }

}


@media only screen and (min-width:1px) and (max-width:800px) {
/*일반 검색창*/
.se_top { width:100%; }
.se_top .le { float:left; width:100%; margin:0 0 8px 0; }
.se_top .ri { float:right; width:100%; }

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

.se_top .sel33 { width:100%; height:50px;  border:1px solid #999;}
.se_top .inp{ width: calc(100% - 160px);height: 50px;line-height: 50px; text-indent: 20px;font-size:15px; border:1px solid #999; background: #fff; border-radius:5px; }

.se_top .sch{ position:relative; width:70px; height: 50px; border: none; cursor:pointer; font-size:15px; font-weight:500; border-radius:10px; color:#fff;  }
.se_top .sch:hover { background:#000; color:#fff; }

}

@media only screen and (min-width: 800px) {
/*일반 검색창*/
.se_top { width:100%; }
.se_top .le { float:left; width:12%; }
.se_top .ri { float:right; width:87.5%; }

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

.se_top .sel33 { width:100%; height:50px;  border:1px solid #999;}
.se_top .inp{ width: calc(100% - 170px);height: 50px;line-height: 50px; text-indent: 20px;font-size:16px; border:1px solid #999; background: #fff; border-radius:5px; }

.se_top .sch{ position: relative; width:80px; height: 50px; border: none; cursor:pointer; font-size:16px; font-weight:500; border-radius:10px; color:#fff;  }
.se_top .sch:hover { background:#000; color:#fff; }

}

/*일반 검색 상단 영역*/
.search_top_wrap { float:left; width:100%; background:#e5edf4; padding:20px 0; border-radius:20px;  }
.search_top_w { width:95%; margin:0 auto;  }



@media only screen and (min-width:1px) and (max-width:1000px) {
/*문의하기*/
.inq_wrap { float:left; width:100%; }
.inq_le { display:none; float:left; width:30%; height:1542px; background:#ccc url('/images/inq_le_img.jpg') no-repeat; }
.inq_ri { float:right; width:100%; background:#fff;  }

.inq_con .inp{ width: calc(100% - 0px); height:50px; line-height:50px; text-indent:20px; font-size:15px; border:1px solid #999; background: #fff; border-radius:5px; }
.inq_con .sel_inq { width:250px; border:1px solid #999; }
.inq_con textarea { width: calc(100% - 0px); padding:20px;  font-size:15px; border:1px solid #999; background: #fff; border-radius:5px;   }

}

@media only screen and (min-width: 1000px) {
/*문의하기*/
.inq_wrap { float:left; width:100%; }
.inq_le { float:left; width:30%; height:1542px; background:#ccc url('/images/inq_le_img.jpg') no-repeat; }
.inq_ri { float:right; width:70%; background:#fff;  }

.inq_con .inp{ width: calc(100% - 50px); height:50px; line-height:50px; text-indent:20px; font-size:15px; border:1px solid #999; background: #fff; border-radius:5px; }
.inq_con .sel_inq { width:250px; border:1px solid #999; }
.inq_con textarea { width: calc(100% - 50px); padding:20px;  font-size:15px; border:1px solid #999; background: #fff; border-radius:5px;   }
}

.sel_inq ul li { margin:0 0 0 0; }

/*문의하기*/
.inq_le .info {  width:250px; margin:0 auto; position:sticky; top:80px;  }
.inq_le .info ul {  height:210px; background:#fff; margin-top:20px; 
border-radius:30px 0 30px 0px;  box-shadow:3px 10px 5px #888; }
.inq_le .info h2 { float:left; width:100%; font-size:20px; color:#fff; text-align:center; background:#004a98; 
padding:10px 0;  border-radius:30px 0px 0 0; }
.inq_le .info ul li {float:left; width:100%;  font-size:18px; color:#000; text-align:left; padding:5px 20px;   }
.inq_le .info ul li span { color:#004a98;  }
.inq_le .info ul li img {  margin-right:5px;   }

.inq_ri ul { padding:30px;  }
.inq_ri ul li { float:left; width:calc(100%/1); margin:10px 0; }
.inq_con dt { width:100%; font-size:18px; font-weight:500; color:#000; margin:0 0 10px 0;  }
.inq_con dt b { color:#bc2c2c; }
.inq_con dd { width:100%; }
.inq_con dd p { margin-top:10px;  }


.inq_ri_tit { padding:20px 30px; font-size:22px; font-weight:600; color:#000; }
.inq_ri_tit span { float:right; text-align:right; font-size:16px; font-weight:400; margin-right:60px; }
.inq_ri_tit span b { color:#bc2c2c;   }


@media only screen and (min-width:1px) and (max-width:500px) {
/*인증*/
.cert_con ul li { float:left; width:calc(100%/ 1); box-sizing:border-box; margin:0px 0 20px 0; border:1px solid #ccc; border-radius:20px;  }

}

@media only screen and (min-width:500px) and (max-width:800px) { 
/*인증*/
.cert_con ul li { float:left; width:calc(93%/ 2); box-sizing:border-box; margin:0px 3% 20px 0; border:1px solid #ccc; border-radius:20px;  }

}

@media only screen and (min-width:800px) and (max-width:1280px) { 
/*인증*/
.cert_con ul li { float:left; width:calc(93%/ 3); box-sizing:border-box; margin:0px 1.5% 1.5% 0; border:1px solid #ccc; border-radius:20px;  }

}

@media only screen and (min-width: 1280px) {
/*인증*/
.cert_con ul li { float:left; width:calc(93%/ 4); box-sizing:border-box; margin:0px 1.5% 20px 0;  border:1px solid #ccc; border-radius:20px; }

}

.cert_wrap { float:left; width:100%;  padding:0px 0;  }

/*인증*/
.cert_con { float:left; width:100%; margin:0px 0 0 0;  }

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

.cert_con .txt {  width:100%; text-align:center; height:50px; padding:0 20px; line-height:20px;  }