@charset "utf-8";

/*
 * File    : rwd-tools.css
 * Author  : STUDIO-JT (JC)
 *
 * SUMMARY :
 * 무료 SEO 도구 허브 + 도구 페이지 — 반응형
 */

@media (max-width: 1200px) {
/* SCHEMA GENERATOR */
.schema_tool_controls,
.schema_tool_output { display: block; width: 100%; }

.schema_tool_output { margin-top: 40px; }
}

@media (max-width: 1023px) {
/* TOOLS */
.tools { padding: 0 0 120px; }

.tools_header { padding-bottom: 40px; }

/* SERP PREVIEW */
.serp_frame { width: 100%; }
}

@media (max-width: 768px) {
/* TOOLS */
.tools_header_title { font-size: 36px; }

.tools_header_description { font-weight: 400; }

.tools_card { width: 100%; }

.tools_card_anchor { padding: 30px 24px 26px; }

.tools_card_name { font-size: 22px; }

.tools_cta { margin-top: 40px; padding: 36px 24px; }

.tools_cta_text { font-size: 16px; }

.tools_cta_anchor { min-width: 0; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }

/* SERP PREVIEW */
.serp_previews { margin-top: 30px; }

.serp_frame { padding: 10px 0; }

.serp_snippet { padding: 18px 16px; }

/* SCHEMA GENERATOR */
.schema_tool_pre { min-height: 200px; }
}

@media (max-width: 768px) {
.glossary_hub_related { margin-top: 50px; padding-top: 35px; }
.glossary_hub_related_anchor { display: block; width: 100%; min-width: 0; margin: 8px 0; -moz-box-sizing: border-box; box-sizing: border-box; }
}