/**
* A-Marketing Cascading Style Sheets
* File Name : basic.css
* Description : Basic 반응형 스타일시트
* Author : Web business Team / White
* Email : yan@amarketing.co.kr
* Date : 2017.01.31
* Update : 2017.01.31
* Copyright(c) 2017 A-Marketing. All Rights Reserved.
*/

/* 특허인증_리스트화면 */
.certi_list:after { content:""; display:block; clear:both;}
.certi_list li { float:left; width:23%; margin:0 1% 2%;}
.certi_list li .certi_box { border:solid 1px #ccc; text-align:center;}
.certi_list li .img_box { width:100%; height:auto;}
.certi_list li .img_box img { width:100%;}
.certi_list li p { padding:15px 5%; border-top:solid 1px #ccc; background:#efefef; font-size:14px; color:#222;}

/* 상단카테고리_탭 */
.category_tab ul { display:table; margin:0 auto 40px;}
.category_tab ul:after { content:""; display:block; clear:both;}
.category_tab li { float:left; margin-right:7px;}
.category_tab li a { display:block; width:170px; height:38px; line-height:38px; border-radius:22px; border:solid 2px #dedede; font-size:16px; font-weight:bold; background:#efefef; color:#333; letter-spacing:-0.05em; text-align:center; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out;}
.category_tab li a:hover { border:solid 2px #097cb5; background:#fff; color:#333;}



/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:990px) {
/* 특허인증_리스트화면 */
.certi_list li { width:31.33%;}

}





/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
/* 특허인증_리스트화면 */
.certi_list li { width:48%;}
.certi_list li p { padding:10px 5%; font-size:13px;}

/* 상단카테고리_탭 */
.category_tab ul { margin:0 auto 20px;}
.category_tab li { float:left; margin-right:5px;}
.category_tab li a { width:120px; height:32px; line-height:32px; border-radius:17px; font-size:14px;}

}