.navbar-toggle { z-index: 3; display: block; }
.navbar-header { padding: 8px 0; float: none; }
.navbar-collapse.collapse { display: none !important; }

.navbar-brand > img { display: inline-block; width: 160px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

footer .container .if { float: none; overflow: hidden;  }
footer .container .if .al { width: 50%; border: 0; float: left; padding: 0; }
footer .container .if .al:first-child { border: 0; }

footer .container h3 { font-size: 15px; letter-spacing: -1px; }
footer .container h4 { font-size: 14px; }

footer .copyright { text-align: center; word-break: keep-all; word-wrap: break-word; }
footer .copyright.r1 { margin-top: 8px; }


.webseller { font-size: 11px; color: #aaa;  }
.webseller a { font-size: 11px; color: #aaa;  }


.cmall-list { margin-bottom: 65px;  }

.sns {  }
.sns a { width: 30px; height: 30px; line-height: 30px; }
.sns a .fa { font-size: 16px; }

#customer_box { display: none; }



/* shopping */
.cde_detail_option {  }
.cde_detail_option p.cde_title { margin: 0 0 6px }
.cde_detail_option span.cde_price_obj { font-size: 14px; }
.cde_detail_option span.cde_price_obj span { font-size: 18px; }
.cde_detail_option .default-btn { padding: 4px 8px; }


.popup_layer { left: 15px !important; right: 15px !important; }
.popup_layer_con { width: auto !important; height: auto !important; }

.navbar.navbar-default { padding: 0 16px; }

.banner .banner-contents { height: 600px; padding: 140px 0 0; }
.banner .banner-contents img { width: 90px; }
.banner .banner-contents h1 { font-size: 24px; }

.sec { padding: 110px 0; }
.title-box p { font-size: 18px; }
.title-box h2 { font-size: 30px; margin: 8px 0 0; }

.sec.main-text-section h5 { font-size: 15px; }
.sec.main-text-section p { font-size: 14px; }

.franchise-section .franchise-contents { padding: 120px 0; }
.franchise-section .franchise-contents p { font-size: 14px; }
.franchise-section .franchise-contents h2 { font-size: 20px; }

.sub-banner { height: 320px; }
.sub-banner h1 { font-size: 28px; }

.brand-algok-section { margin: 110px 0 0; }
.brand-algok-section .ba-contents { grid-template-columns: 1fr; }
.brand-algok-section .ba-contents .left p { font-size: 16px; }
.brand-algok-section .ba-contents .left h2 { font-size: 20px; margin: 14px 0 20px; }

.brand-promise-section { margin: 110px 0 0; }
.brand-promise-section h2 { font-size: 20px; }
.brand-promise-section p { font-size: 14px; margin: 18px 0 40px; }
.brand-promise-section .bp-contents { grid-template-columns: 1fr; }
.brand-promise-section .bp-contents h5 { font-size: 18px; margin: 14px 0 0; }

.brand-diff-section { margin: 110px 0 0; }
.brand-diff-section .bd-contents { grid-template-columns: 1fr; }
.brand-diff-section .bd-contents .left p { font-size: 16px; }
.brand-diff-section .bd-contents .left h2 { font-size: 20px; margin: 14px 0 0; }
.brand-diff-section .bd-contents .right { margin: 50px 0 0; }
.brand-diff-section .bd-contents .right .article h5 { font-size: 14px; margin-top: 18px; }
.brand-diff-section .bd-contents .right .article + .article { margin-top: 40px; }
.brand-diff-section .bd-contents .right .article img + img { margin-top: 4px; }

.brand-abroad-section { padding: 110px 0; }
.brand-abroad-section .title p { font-size: 16px; }
.brand-abroad-section .title h2 { font-size: 20px; margin: 8px 0 30px; }
.brand-abroad-section h5 { font-size: 20px; }
.brand-abroad-section .bas-contents { font-size: 14px; }

.sub-banner .sub-menu-tab {display: none; }

.sub-contents-wrap { margin: 130px 0 0; }
.sub-contents-wrap .sub-top-section h2 {font-size: 28px; }
.sub-contents-wrap .sub-top-section small { font-size: 15px; }

.sub-contents { margin: 32px 0 0; }
.sub-contents .free-flour-section { grid-template-columns: 1fr; gap: 30px }
.sub-contents .free-flour-section h4 { font-size: 24px; margin: 0 0 14px; }
.sub-contents .free-flour-section p { font-size: 14px; }

.rice-adv-section { padding: 110px 0; }
.rice-adv-section h4 { font-size: 28px; margin: 0 0 50px; }
.rice-adv-section .ra-contents { flex-direction: column; gap: 60px; }
.rice-adv-section .ra-contents .article p { font-size: 16px; }

.sub-contents-wrap .sub-top-section { padding-bottom: 90px; }

.menu-list-section { grid-template-columns: 1fr 1fr; gap: 30px 8px; }
.menu-list-section .article p { font-size: 15px; margin: 12px 0 0; }
.menu-list-section .article p:after { margin: 12px 0 0; }

.comm01-section { grid-template-columns: 1fr; }
.comm01-section .article { height: 400px; font-size: 24px; }

.comm02-section { padding: 0; }
.comm02-section .article h4 { font-size: 20px; }
.comm02-section .article p { font-size: 13px; }
.comm02-section .article h4 small { left: 0; font-size: 20px; top: calc(100% + 12px); }

.comm04-section .article .text-box { flex-direction: column; }
.comm04-section .article .text-box h4 { font-size: 24px; }
.comm04-section .article .text-box > div { font-size: 20px; margin: 8px 0 0; }
.comm04-section .article .text-box > div > small { font-size: 14px; }

.comm04-section .article .text-box .adv-box > div { flex-direction: column; }
.comm04-section .article .text-box .adv-box > div h5{ font-size: 20px; }
.comm04-section .article .text-box .adv-box > div p { font-size: 20px; }
.comm04-section .article .text-box .adv-box small { font-size: 14px; }
.comm04-section .article + .article { margin-top: 60px; }

.success01-adv-section { flex-direction: column; }
.success01-adv-section .article { padding: 30px 20px; gap: 24px; }
.success01-adv-section .article img { max-width: 50px; }

.success01-order-section .article:nth-child(2n), .success01-order-section .article { flex-direction: column; gap: 20px; }
.success01-order-section .article img { max-width: 100%; width: 100%; display: block; }
.success01-order-section .article h4 { font-size: 24px; margin: 14px 0; }
.success01-order-section .article h5 { font-size: 14px; }
.success01-order-section .article p { font-size: 14px; }
.success01-order-section .article + .article { margin-top: 80px; }

.success02-price-section h1 { font-size: 24px; }

.sps-tab-wrap { gap: 8px; }
.sps-tab-wrap .article { font-size: 14px; }

.behind-section .title-box h2,
.abroad-section .title-box h2 { font-size: 20px; }
.behind-section .title-box h2 br { display: none; }
.ssal-text-section .title-box h2 { font-size: 24px; }
.ssal-text-section .title-box h2 br { display: none; }
