@charset 'utf-8';

/* ====================== */
/* UI Reset */
/* ====================== */
@import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard-subset.min.css');
* {margin:0;padding:0;font:inherit;}
*, *::before, *::after {box-sizing:border-box;}
html {font-size: 62.5%;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout: none;-webkit-user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);scroll-behavior: smooth;letter-spacing:-0.1px;}
img, video, svg, picture {display:block;height:auto;max-width:100%;}
body {font-size:1.5rem;color:#1f1f1f;overflow-x: hidden;font-family:"Pretendard", pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Hiragino Sans", "Apple SD Gothic Neo",  "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
a {text-decoration:none;cursor:pointer;color:inherit;}
button {border:none;cursor:pointer;background-color:transparent;color:inherit;}
sup {line-height:1;vertical-align:0px;}
ul, ol, li {list-style:none;}

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-ms-clear {display: none;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type='number'] {-moz-appearance: textfield;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none;} 
select::-ms-expand {display: none;}

.blind {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.dp-m {display:none;}

/* ====================== */
/* Layout */
/* ====================== */
#wrap {min-height:100dvh;}
.container {max-width:1240px;width:100%;margin-left:auto;margin-right:auto;}

/* header */
.header-wrap {position:sticky;top:0;z-index:11;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
.header-wrap header {display:flex;height:75px;align-items:center;justify-content:space-between;}
.header-wrap .logo {display:block;}
.header-wrap nav a {font-size:18px;font-weight:600;margin-right:40px;}
.header-wrap nav a:last-child {margin-right:0;}
.header-wrap .util {display:flex;gap:10px;}
.header-wrap .util .btn-contact {display:inline-flex;align-items:center;font-weight:500;padding:12px 20px;border-radius:100px;background-color:#F0F0F0;transition:background .3s ease;}
.header-wrap .util .btn-contact:after {content:'';display:block;margin-left:10px;width:14px;height:14px;background:url(../images/btn_contact.svg) no-repeat center/contain;}
.header-wrap .util .btn-contact:hover {background-color:#BB0C0C;color:#fff;}
.header-wrap .util .btn-contact:hover:after {background-image: url(../images/btn_contact_active.svg);}


/* footer */
.footer-wrap {background: #363636;padding:40px 0;color:#fff;}
.footer-wrap .ft-title {margin-bottom:24px;}
.footer-wrap .ft-corp {color:#fff;font-weight:300;font-size:14px;margin-bottom:24px;}
.footer-wrap .ft-corp .ft-corp-row {margin-bottom:10px;}
.footer-wrap .ft-corp .ft-corp-row:last-child {margin-bottom:0;}
.footer-wrap .ft-corp .ft-corp-item {display:inline-flex;align-items:center;font-size:15px;}
.footer-wrap .ft-corp .ft-corp-item:after {content:'';display:inline-block;margin:0 20px;vertical-align:-1px;width:1px;height:12px;background-color:rgb(212, 212, 212);opacity:.4;}
.footer-wrap .ft-corp .ft-corp-item:last-child::after {content:none;}
.footer-wrap .ft-corp .ft-corp-item span {font-weight:500;opacity:.6;margin-right:8px;}
.footer-wrap .ft-copyright {color:#FFF;font-weight:300;font-size:14px;opacity:.4;}

/* fnb */
.fnb {position:fixed;right:40px;bottom:40px;display:flex;flex-direction:column;gap:10px;z-index:11;}
.fnb .fnb-btn {width:50px;height:50px;border-radius:100px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;}
.fnb .fnb-call {background:#AF3C38 url(../images/fnb_call.svg) no-repeat center/56% auto;}
.fnb .fnb-top {background:#1F1F1F url(../images/fnb_top.svg) no-repeat center/45% auto;box-shadow:0 0 10px rgba(0,0,0,.1);}

/* 메인 배너 */
.main-wrap .main-banner {position:relative;background-color:#eee;}
.main-wrap .main-banner-container {position:relative;z-index:1;}
.main-wrap .main-banner-container .container {position: relative;height:528px;padding-top:60px;padding-bottom:60px;display:flex;flex-direction:column;}
.main-wrap .main-banner-container .bottom {display:flex;align-items:end;margin-top:auto;justify-content:space-between;}
.main-wrap .main-banner-container .slogan {color:#fff;font-size:28px;font-weight:500;line-height:1.6;}
.main-wrap .main-banner-container .slogan strong {font-size:40px;display:block;font-weight:700;}
.main-wrap .main-banner-swiper {position:absolute;height:100%;top:0;left:0;width:100%;}
.main-wrap .main-banner-swiper .swiper-slide {height:100%;}
.main-wrap .main-banner-swiper .swiper-slide picture {width:100%;height:100%;object-fit:cover;}
.main-wrap .main-banner-swiper .swiper-slide img {width:100%;height:100%;object-fit:cover;}
.main-wrap .main-banner .contact-area {display:flex;gap:15px;}
.main-wrap .main-banner .contact-area .contact-item {border-radius: 20px;background: rgba(255, 255, 255, 0.74);backdrop-filter: blur(5px);padding:20px 24px;width:280px;transition:transform .3s ease;position:relative;overflow:hidden;}
.main-wrap .main-banner .contact-area .contact-item:before {content:'';display:block;position:absolute;background: linear-gradient(95deg, #EC7B7B 2.64%, #BB0C0C 97.32%);left:0;top:0;bottom:0;right:0;z-index:-1;opacity:0;transition:all .5s ease;}
.main-wrap .main-banner .contact-area .contact-item:hover {color:#fff;transform:translateY(-10px);}
.main-wrap .main-banner .contact-area .contact-item:hover:before {opacity:1;}
.main-wrap .main-banner .contact-area .contact-item .label {font-size:15px;font-weight:600;display:flex;align-items:center;}
.main-wrap .main-banner .contact-area .contact-item .info {text-align:right;font-size:20px;font-weight:600;margin-top:12px;}
.main-wrap .main-banner .contact-area .contact-item .info svg {display:inline-block;margin:0 0 0 6px;vertical-align:0;}
.main-wrap .main-banner .contact-area .contact-item.call .label:before {content:'';width:19px;height:19px;background:url(../images/contact_call.svg) no-repeat center/contain;margin-right:6px;}
.main-wrap .main-banner .contact-area .contact-item.email .label:before {content:'';width:19px;height:19px;background:url(../images/contact_email.svg) no-repeat center/contain;margin-right:6px;}
.main-wrap .main-banner .contact-area .contact-item.go .label:before {content:'';width:19px;height:19px;background:url(../images/contact_question.svg) no-repeat center/contain;margin-right:6px;}
.main-wrap .main-banner .contact-area .contact-item:hover.call .label:before {background-image:url(../images/contact_call_white.svg);}
.main-wrap .main-banner .contact-area .contact-item:hover.email .label:before {background-image:url(../images/contact_email_white.svg);}
.main-wrap .main-banner .contact-area .contact-item:hover.go .label:before {background-image:url(../images/contact_question_white.svg);}
.main-wrap .main-banner .contact-area .contact-item:hover .info svg path {fill:#fff;}
.main-wrap .main-banner .swiper-controller {display:inline-flex; align-items:center; max-width:1420px; gap:16px; box-sizing:border-box; padding:0 16px; z-index:20;}
.main-wrap .main-banner .swiper-controller .progress-box {position:relative; width:210px; z-index:11;}
.main-wrap .main-banner .swiper-controller .autoplay-progress {position:absolute; left:30px; top:8px; z-index:10; width:140px; height:3px; background-color:rgba(0, 0, 0, 0.1);}
.main-wrap .main-banner .swiper-controller .autoplay-progress svg {--progress:0; position:absolute; left:0; top:0; z-index:10; width:100%; stroke-width:4px; stroke:#fff; fill:none; stroke-dashoffset:calc(100 * (1 - var(--progress))); stroke-dasharray:100;}
.main-wrap .main-banner .swiper-controller .swiper-pagination {display:flex; color:#fff; justify-content:space-between; position:static; text-align:left;}
.main-wrap .main-banner .swiper-controller .arrow-box {position:relative; display:flex; gap:10px;}
.main-wrap .main-banner .swiper-controller .swiper-button-next, .swiper-controller .swiper-button-prev {color:#fff; position:unset; width:40px; height:40px; margin:0;}
.main-wrap .main-banner .swiper-controller .swiper-button-next:after, .swiper-controller .swiper-button-prev:after {font-size:18px;}

/* 메인 공통 */
.main-wrap .sec {padding:100px 0;overflow:hidden;}
.main-wrap .sec-head {margin-bottom:30px;}
.main-wrap .sec-head h2 {font-size:28px;font-weight:600;}
.main-wrap .sec-head h2 strong {color:#AF3C38;font-weight:700;}

.main-wrap #sec1 .container {display:flex;justify-content:space-between;align-items:center;}
.main-wrap #sec1 .text p {line-height:1.7;font-size:18px;color:#2c2c2c;font-weight:300;word-break:keep-all;}
.main-wrap #sec1 .text p strong {font-weight:600;}
.main-wrap #sec1 .img {border-radius:24px;overflow:hidden;}

.main-wrap #sec2 .container {display:flex;justify-content:space-between;align-items:center;}
.main-wrap #sec2 .img {border-radius:24px;overflow:hidden;}
.main-wrap #sec2 .text {text-align: right;}
.main-wrap #sec2 .text p {line-height:1.7;font-size:18px;color:#2c2c2c;font-weight:300;word-break:keep-all;}
.main-wrap #sec2 .text p strong {font-weight:600;}

.main-wrap #sec3 .board-tab {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
.main-wrap #sec3 .board-tab-btn {border-radius: 6px;background: #EDEDED;padding:12px 18px;color:#7E7E7E;font-weight:500;transition:all .3s ease;}
.main-wrap #sec3 .board-tab-btn.active {color:#fff;background-color:#BB0C0C;}
.main-wrap #sec3 .board-list {display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
.main-wrap #sec3 .board-item {border-radius: 12px;border: 1px solid #EAEAEA;padding:20px 24px;min-width:0;transition:all .3s ease;}
.main-wrap #sec3 .board-item:hover {box-shadow:0 4px 16px rgba(0, 0, 0, 0.1);transform:translateY(-6px);}
.main-wrap #sec3 .board-item .info {display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.main-wrap #sec3 .board-item .info .category {color:#D39B9B;font-weight:500;font-size:14px;}
.main-wrap #sec3 .board-item .info .date {color:#969696;font-size:14px;}
.main-wrap #sec3 .board-item .title {display:block;font-size:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px;}
.main-wrap #sec3 .board-item .text {line-height:1.5;color:#595959;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}

.main-wrap #sec4 {margin:60px 0;background:#f9f9f9 url(../images/sec4_bg.png) no-repeat center/cover;background-attachment: fixed;}
.main-wrap #sec4 .count-list {display:flex;align-items:center;}
.main-wrap #sec4 .count-item {text-align:center;width:calc(100%/3);}
.main-wrap #sec4 .count-item img {margin:0 auto 22px;}
.main-wrap #sec4 .count-item > span {color:#737373;font-size:20px;font-weight:600;display:inline-block;margin-bottom:6px;}
.main-wrap #sec4 .count-item > p {font-size:24px;font-weight:700;color:#6D6460;}
.main-wrap #sec4 .count-item > p strong {font-size:50px;font-weight:inherit;color:#4F4040;margin-right:4px;vertical-align:baseline;}

.main-wrap #sec5 .service-list {display:grid;grid-template-columns:repeat(3, 1fr);gap:30px 20px;}
.main-wrap #sec5 .service-item {border-radius: 16px;background: #F8F8F8;padding:24px 24px 20px;}
.main-wrap #sec5 .service-item img {margin-bottom:18px;}
.main-wrap #sec5 .service-item strong {display:block;font-size:20px;font-weight:700;margin-bottom:9px;}
.main-wrap #sec5 .service-item p {font-size:15px;color:#4C4C4C;font-weight:500;line-height:1.6;}

.main-wrap #sec6 .contact-wrap {display:flex;gap:40px;}
.main-wrap #sec6 .contact-wrap > .map {flex:1;border-radius:20px;overflow:hidden;}
.main-wrap #sec6 .contact-form-wrap {width:360px;}
.main-wrap #sec6 .contact-form {display:flex;flex-direction:column;gap:20px;}
.main-wrap #sec6 .contact-input label {display:block;font-weight:600;font-size:15px;color:#2C2C2C;margin-bottom:10px;}
.main-wrap #sec6 .contact-input label sup {color:#AF3C38;margin-left:3px;}
.main-wrap #sec6 .contact-input .input {border-radius: 6px;background: #F6F6F6;height:48px;border:1px solid #f6f6f6;width:100%;padding:0 15px;outline:none;transition:all .3s ease;}
.main-wrap #sec6 .contact-input .input:focus {border-color:#AF3C38;}
.main-wrap #sec6 .contact-input .input::placeholder {color:#AAA;}
.main-wrap #sec6 .contact-input textarea.input {padding:15px;height:auto;resize:none;}
.main-wrap #sec6 .check {display:flex;align-items:center;gap:10px;}
.main-wrap #sec6 .check input {display:none;}
.main-wrap #sec6 .check i {width:20px;height:20px;border:1px solid #ccc;background:#fff url(../images/check.svg) no-repeat center/18px auto;border-radius:3px;transition:all .3s ease;}
.main-wrap #sec6 .check input:checked + i {background-color:#AF3C38;border-color:#AF3C38;}
.main-wrap #sec6 .check p {flex:1;}
.main-wrap #sec6 .contact-submit {width:100%;text-align:center;background-color:#AF3C38;color:#fff;height:48px;font-weight:600;font-size:17px;border-radius:6px;margin-top:20px;}
.main-wrap #sec6 .root_daum_roughmap {width: 100% !important;height:526px;}
.main-wrap #sec6 .root_daum_roughmap .wrap_map {height:526px;}
.main-wrap #sec6 .root_daum_roughmap .wrap_btn_zoom {z-index:9;}
.main-wrap #sec6 .root_daum_roughmap .map_border {display:none;}

@media screen and (max-width: 1281px) {
  .container {padding:0 15px;}

  .main-wrap .main-banner-container .container {padding-bottom:24px;}
  .main-wrap .main-banner-container .bottom {display:block;}   
  .main-wrap .main-banner .swiper-controller {width:100%;padding:0;margin-top:30px;justify-content:space-between;}

  .main-wrap #sec3 .board-list {grid-template-columns:repeat(2, 1fr);}
}

/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 767px) {
  .dp-pc {display:none;}
  .dp-m {display:block;}

  .header-wrap nav {display:none;}
  .header-wrap header {height:60px;}
  .header-wrap .logo img {height:30px;}
  .header-wrap .util .btn-contact {font-size:14px;padding:10px 18px;}
  .header-wrap .util .btn-contact:after {width:12px;height:12px;}

  .footer-wrap .ft-title {margin-bottom:16px;}
  .footer-wrap .ft-title img {height:28px;}
  .footer-wrap .ft-corp .ft-corp-item:after {content:none;}
  .footer-wrap .ft-corp .ft-corp-row {margin-bottom:0;}
  .footer-wrap .ft-corp .ft-corp-item {display:flex;margin-bottom:7px;font-size:13px;}
  .footer-wrap .ft-corp .ft-corp-row:last-child .ft-corp-item:last-child {margin-bottom:0;}
  .footer-wrap .ft-copyright {font-size:12px;}

  .fnb {gap:7px;right:15px;bottom:15px;}
  .fnb .fnb-btn {width:40px;height:40px;}

  .main-wrap .sec {padding:60px 0;}
  .main-wrap .sec-head {margin-bottom:20px;}
  .main-wrap .sec-head h2 {font-size:22px;}
  .main-wrap .sec-head p {font-size:14px;}

  .main-wrap .main-banner-container .slogan {font-size:20px;}
  .main-wrap .main-banner-container .slogan strong {font-size:28px;}
  .main-wrap .main-banner .contact-area {flex-direction:column;align-items:end;gap:10px;}
  .main-wrap .main-banner .contact-area .contact-item {padding:14px 15px;width:240px;border-radius:15px;}
  .main-wrap .main-banner .contact-area .contact-item .label {font-size:14px;}
  .main-wrap .main-banner .contact-area .contact-item .info {font-size:16px;}
  .main-wrap .main-banner .contact-area .contact-item .info svg {width:12px;}

  .main-wrap #sec1 .container {flex-direction:column;gap:30px;}
  .main-wrap #sec1 .text p {font-size:14px;}
  .main-wrap #sec1 .img {width:100%;height:220px;}
  .main-wrap #sec1 .img img {width:100%;height:100%;object-fit:cover;}
  .main-wrap #sec2 .container {flex-direction:column-reverse;gap:30px;}
  .main-wrap #sec2 .text p {font-size:14px;}
  .main-wrap #sec2 .img {width:100%;height:220px;}
  .main-wrap #sec2 .img img {width:100%;height:100%;object-fit:cover;}

  .main-wrap #sec3 .board-tab {margin:0 -15px 20px;padding:0 15px;overflow: auto;flex-wrap:nowrap;width:auto;}
  .main-wrap #sec3 .board-tab-btn {white-space:nowrap;}
  .main-wrap #sec3 .board-list {grid-template-columns:repeat(1, 1fr);gap:12px;}
  .main-wrap #sec3 .board-item {padding:15px;}
  .main-wrap #sec3 .board-item .title {font-size:16px;}

  .main-wrap #sec4 {padding:30px 0;}
  .main-wrap #sec4 .count-item img {width:40px;}
  .main-wrap #sec4 .count-item > span {font-size:14px;}
  .main-wrap #sec4 .count-item > p {font-size:18px;}
  .main-wrap #sec4 .count-item > p strong {font-size:24px;}

  .main-wrap #sec5 .service-list {display:block;}
  .main-wrap #sec5 .service-item {padding:18px;width:72%;margin-bottom:28px;}
  .main-wrap #sec5 .service-item:last-child {margin-bottom:0;}
  .main-wrap #sec5 .service-item:nth-child(even) {margin-left:auto;}
  .main-wrap #sec5 .service-item strong {font-size:15px;}
  .main-wrap #sec5 .service-item p {font-size:13px;}

  .main-wrap #sec6 .contact-wrap {flex-direction:column;}
  .main-wrap #sec6 .contact-form-wrap {width:100%;}
  .main-wrap #sec6 .root_daum_roughmap {height:240px;}
  .main-wrap #sec6 .root_daum_roughmap .wrap_map {height:240px;}
}

@media screen and (max-width: 560px) {
}