/*모바일일때 헤드*/
@media screen and (max-width:768px) { header.header { height: 70px !important; background: #fff; } 
 header.header .logo { background: url(../../img/logo_b.png)no-repeat center / contain !important; } 
 header.header .inner { height: 70px; line-height: 70px; } 
 header.header.on .inner { height: 70px; line-height: 70px; } 
 }

 
/*인사말,회사개요*/
.greeting-wr { display: flex; justify-content:center; flex-wrap: wrap; } 
.greeting-wr .greet-img { width: 100%; border-radius: var(--border-radius); overflow: hidden; } 
.greeting-wr .greet-txt { display: grid; align-content: center; width: 100%; margin-top: 2em; text-align: center; } 
.greeting-wr .greet-txt h2 { font-size: 2.5rem; font-weight: 700; line-height: 1.3; margin-bottom: 1em; word-break: keep-all; } 
.greeting-wr .greet-txt p { padding: 0 2em; color: var(--color-txt); } 


@media screen and (max-width:1400px){
 .greeting-wr { justify-content: space-evenly; } 
 }
@media screen and (max-width:1200px) { } 
@media screen and (max-width:1024px) { } 
@media screen and (max-width:768px){
 .greeting-wr { flex-direction: column; justify-content: center; align-items: center; } 
 .greeting-wr .greet-txt p { padding: 0; } 
 }
 

/*연혁*/
.history-wr { position: relative; } 
.history-wr::before,
.history-wr::after { position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; } 
.history-wr::before { width: 280px; height: 100%; background: linear-gradient(to bottom, transparent 1%, #36A1F3, #0029FF, transparent); z-index: -1; } 
.history-wr::after { width: 1px; height: 100%; border-left:1px dashed #fff; } 
.history-wr h1 { color: #2a87f5; margin-left: calc(50% + 17rem); padding-top: 1.5em; font-family: 'Poppins'; font-size: 5.3rem; font-weight: 800; line-height: 1; } 
.history-wr .box-wr { display: flex; justify-content: center; padding-bottom: 6rem; } 
.history-wr .img-box,
.history-wr .txt-box { width: 50%; } 
.history-wr .txt-box { display: flex; align-items: center; } 
.history-wr .txt-box .h-year { position: relative; width: 116px; margin-left: 3rem; color: #fff; font-family: 'Poppins'; font-size: 3.8rem; } 
.history-wr .txt-box .h-year::before,
.history-wr .txt-box .h-year::after { position: absolute; top: 50%; left: -3rem; width: 1rem; height: 1rem; border-radius: 100%; transform: translate(-50%, -50%); content: ''; } 
.history-wr .txt-box .h-year::before { background-color: #fff; } 
.history-wr .txt-box .h-year::after { width: 2rem; height: 2rem; background-color: rgba(255, 255, 255, 0.265); } 
.history-wr .txt-box .h-txt-wr { margin-left: 2.4rem; } 
.history-wr .txt-box .h-txt { display: flex; line-height: 1.5; font-size: 1.8rem; } 
.history-wr .txt-box .h-txt .h-month { width: 41px; font-weight: 700; } 
.history-wr .txt-box .h-txt .h-detail { color: var(--gray-d-color); } 
.history-wr .l-box-wr.box-wr { flex-direction: row-reverse; } 
.history-wr .l-box-wr .txt-box { flex-direction: row-reverse; } 
.history-wr .l-box-wr.box-wr img { margin-right: auto; margin-left: 5rem; } 
.history-wr .r-box-wr.box-wr img { margin-left: auto; margin-right: 5rem; } 
.history-wr .l-box-wr .txt-box .h-txt-wr { margin-right: 2.4rem; } 
.history-wr .l-box-wr .txt-box .h-txt { flex-direction: row-reverse; text-align: right; } 
.history-wr .l-box-wr .txt-box .h-year { margin-right: 3rem; margin-left: 0; text-align: right; } 
.history-wr .l-box-wr .txt-box .h-year::before,
.history-wr .l-box-wr .txt-box .h-year::after { left: auto; right: -3rem; transform: translate(50%, -50%); content: ''; } 
@media screen and (max-width:1400px) { } 
@media screen and (max-width:1200px) { } 
@media screen and (max-width:1024px) { } 
@media screen and (max-width:768px){
 .history-wr::before { width: 220px; } 
 }
 @media screen and (max-width:550px){
 .history-wr h1 { display: none; } 
 .history-wr::before { width: 30px; } 
 .history-wr .box-wr { padding-bottom: 0; padding-top: 6rem; } 
 .history-wr .box-wr:last-child { padding-bottom: 6rem; } 
 .history-wr .img-box { align-self: center; padding: 0 1em; } 
 .history-wr .txt-box { flex-direction: column; align-items: flex-start; } 
 .history-wr .txt-box .h-year { color: #000; font-size: 3rem; } 
 .history-wr .txt-box .h-txt .h-month { width: 27px; } 
 .history-wr .txt-box .h-txt .h-detail { width: calc(100% - 2.7rem); } 
 .history-wr .txt-box .h-txt-wr { margin-left: 2.9rem; } 
 .history-wr .l-box-wr .txt-box { flex-direction: column; align-items: flex-end; } 
 .history-wr .r-box-wr.box-wr img { padding-right: 1em; } 
 .history-wr .l-box-wr.box-wr img { padding-left: 1em; } 
 .history-wr .l-box-wr .txt-box .h-txt-wr { margin-right: 2.9rem; margin-left: 0; } 
 .history-wr .l-box-wr.box-wr img { margin-left: 1rem; padding-left: 1rem; } 
 }
 @media screen and (max-width:480px) { } 



/*인증현황*/
.certifi { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:3rem; } 
.certifi h3 { margin-top: 0.5em; font-size: 1.6rem; } 
.certifi span { color: var(--gray-l-color); font-size: 1.4rem; } 
.certifi .cer-img { border-radius: calc(var(--border-radius) / 2); overflow: hidden; border: 1px solid #ddd;} 
.certifi .cer-txt { margin-left: 1em; } 

@media screen and (max-width:1400px) { } 
@media screen and (max-width:1200px) { } 
@media screen and (max-width:1024px) { } 
@media screen and (max-width:768px){
 .certifi { grid-template-columns: repeat(3, 1fr); grid-gap: 2rem; } 
 }
 @media screen and (max-width:480px){
 .certifi { grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } 
 .certifi .cer-txt { margin-left: 0; margin-bottom: 1em; } 
 .certifi .cer-txt span { display: inline-block; letter-spacing: -0.03em; line-height: 1.2;  } 
 }
 

/*오시는길*/
.map-logo.icon { width: 206px; margin-bottom: 1em; filter: invert(44%) sepia(20%) saturate(19890%) hue-rotate(202deg) brightness(53%) contrast(126%); } 
.map { height: 350px; padding: 0; border-radius: var(--border-radius); overflow: hidden; } 
.map .root_daum_roughmap_landing { width: 100%; border-radius: var(--border-radius); } 
.map .root_daum_roughmap .wrap_map { height: 500px; } 
.map .root_daum_roughmap .border1,
.map .root_daum_roughmap .border2,
.map .root_daum_roughmap .border3,
.map .root_daum_roughmap .border4 { border: 0; background-color: transparent; } 
.map .root_daum_roughmap .wrap_controllers { display: none; border: 0; } 
.map-txt { width:100%; margin-bottom: 1em; border: 1px solid #d9e2e7; border-radius: var(--border-radius); background: var(--light-bg-color); padding: 4.4rem 4.4rem 4.4rem 7.1rem; } 
.map-txt h3 { margin-bottom: 0.6em; color: #000; font-size: 2rem; } 
.map-txt ul li { line-height: 1.8; } 
.map-txt ul li span.tit { margin-right: 1em; color: var(--color-txt); font-weight: 700; } 
.map-txt ul li span.txt { color: #717171; } 

@media screen and (max-width:768px){
 .map-txt { padding: 2em; } 
 .map-logo.icon { width: 158px; } 
 }