/**
* 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:48%; margin:0 1% 2%; min-height: 500px;}
.certi_list li .certi_box { 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:20px 5%; font-size:18px; color:#222; letter-spacing: -0.05em;}

/* 상단카테고리_탭 */
.category_tab ul { display:table; margin:0 auto 30px;}
.category_tab ul:after { content:""; display:block; clear:both;}
.category_tab li { float:left; width:150px; margin:0 5px;}
.category_tab li a { display:block; border:solid 1px #e3e3e3; border-radius:24px; font-size:16px; background:#f8f8f8; color:#838080; line-height:48px; letter-spacing:-0.05em; text-align:center;}
.category_tab li a:hover { color:#5d5858;}
.category_tab li.on a { border:solid 1px #d31515; background:#fff; color:#d31515;}



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

}





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

/* 상단카테고리_탭 */
.category_tab ul { margin:0 auto 20px;}
.category_tab li a { font-size:14px; line-height:38px;}

}