@charset "utf-8";

/*
 * File    : rwd-main.css
 * Author  : STUDIO-JT (JC)
 *
 * SUMMARY :
 * 홈(메인) — 반응형
 */

@media (max-width: 1800px) {
/* LAYOUT */
body.home .main_container { padding-top: 52px; }

/* TYPOGRAPHY */
.main_typography { margin-bottom: 66px; }
body.page-template-projects-pinterest .main_container {padding-top:180px;}
/* MAIN CONTAINER */
.main_container {padding-top: 98px;}
}

@media (max-width: 1460px) {
/* LAYOUT */
body.home .main_container { padding-top: 130px; }

/* TYPOGRAPHY */
.main_typography { margin-bottom: 0; font-size: 19px; }
body.page-template-projects-pinterest .main_container {padding-top:150px;}
/* MAIN CONTAINER */
.main_container {padding-top: 130px;}
}

@media (max-width: 1460px) and (min-width: 769px) {
/* TYPOGRAPHY */
.main_typography { position: fixed; top: 50px; left: 50%; transform: translate3d(-50%, 0, 0); z-index: 1301; }

body.open_menu .main_typography,
    body.home:has(#header.minimize) .main_typography { opacity: 0; visibility: hidden; }
}

@media (max-width: 1023px) {
/* COMPONENT */
.main_section_title { font-size: 36px; }

/* PHILOSOPHY */
.main_philosophy { gap: 40px; padding: 200px 8%; }

.main_philosophy > p { font-size: 18px; word-break: keep-all; }

.main_philosophy > p > span { display: block; }

.main_philosophy > p br { display: none; }

/* CERTIFICATE */
.main_certificate .certificate_item > div.certificate_project { font-size: 18px; }

/* STORY */
.main_story .blog_item { width: 30%; }
}

@media (max-width: 860px) {
/* TYPOGRAPHY */
.main_typography { font-size: 17px; }
}

@media (max-width: 768px) {
body.home .main_container { padding-top: 110px; }

/* COMPONENT */
.main_section { padding-left: 20px; padding-right: 20px; gap: 44px; }

.main_section_title { font-size: 32px; }

/* TYPOGRAPHY */
.main_typography { margin-bottom: 7%; font-size: 18px; white-space: inherit; }

/* PHILOSOPHY */
.main_philosophy { padding: 22% 10%; gap: 34px; }

/* STORY */
.main_story { padding-top: 120px; padding-bottom: 120px; }

.main_story .blog_itme_content { padding-bottom: 0; }
body.page-template-projects-pinterest .main_container {padding-top:110px;}
/* MAIN CONTAINER */
.main_container {padding-top: 110px;}
}

@media (max-width: 767px) {
/* STORY */
.main_story .blog_item { width: 48%; }

.main_story .blog_item:last-child { display: none; }
}

@media (max-width: 540px) {
/* TYPOGRAPHY */
.main_typography { margin-bottom: 32px; }

.main_typography > span { display: block; height: 27px; }
}

@media (max-width: 480px) {
/* COMPONENT */
.main_section { gap: 34px; }

.main_section_title { font-size: 26px; }

.main_link { gap: 8px; padding: 5px 0; font-size: 14px; }

.main_link:after { font-size: 14px; }

/* PHILOSOPHY */
.main_philosophy { gap: 26px; padding: 22% 20px 26%; }

.main_philosophy > p { font-size: 17px; text-wrap: balance; }

/* CERTIFICATE */
.main_certificate .certificate_item > div.certificate_project { font-size: 17px; }

/* STORY */
.main_story { padding-top: 100px; padding-bottom: 90px; }
}