/* 바른청년컴퍼니: 기존 데이터 비파괴형 레이아웃 보호 규칙 */
html,body{max-width:100%;overflow-x:clip}
body{min-width:320px}
.container{width:min(1200px,calc(100% - 48px));max-width:100%;margin-inline:auto}
.topin{min-width:0}
.nav{min-width:0;gap:clamp(10px,1.45vw,27px)}
.nav a{white-space:nowrap}
.hero h1{max-width:min(900px,100%);font-size:clamp(32px,3.4vw,56px);overflow-wrap:break-word;word-break:keep-all}
.hero p{max-width:min(780px,100%);overflow-wrap:break-word;word-break:keep-all}
.hero .container{min-width:0}
.section .container{min-width:0}
#services,#ceo{isolation:isolate}
#services .sectionhead{position:relative!important;inset:auto!important;transform:none!important;max-width:100%}
#services .services{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px;position:relative!important;inset:auto!important;transform:none!important;max-width:100%}
#services .service{min-width:0;max-width:100%;position:relative!important;inset:auto!important;transform:none!important}
#ceo .ceo{display:grid!important;grid-template-columns:minmax(0,340px) minmax(0,1fr)!important;gap:clamp(28px,5vw,68px)!important;align-items:center;position:relative!important;inset:auto!important;transform:none!important}
#ceo .ceo>*{min-width:0;max-width:100%;position:relative!important;inset:auto!important;transform:none!important;float:none!important}
#ceo #ceo-photo{display:block!important;width:100%!important;max-width:340px!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;object-position:center top;position:relative!important;inset:auto!important;transform:none!important;margin:0!important}
#ceo .ceo h2,#ceo .ceo p{max-width:100%;overflow-wrap:break-word;word-break:keep-all}
@media(max-width:1100px){.topin{gap:12px}.brand img{width:clamp(145px,17vw,200px)}.nav{gap:clamp(7px,1vw,14px);font-size:12px}}
@media(max-width:850px){#services .services{grid-template-columns:repeat(2,minmax(0,1fr))!important}#ceo .ceo{grid-template-columns:minmax(0,1fr)!important;gap:26px!important}#ceo #ceo-photo{max-width:min(340px,100%)!important}.hero h1{font-size:clamp(31px,5vw,48px)}}
@media(max-width:520px){.container{width:calc(100% - 32px)}#services .services{grid-template-columns:minmax(0,1fr)!important}.hero h1{font-size:clamp(29px,7.8vw,39px)}.hero p{font-size:15px}.hero .container{padding:64px 0}.hero .actions{align-items:stretch}.hero .actions .btn{width:100%}}