@charset "utf-8";
/* 서브공통 */

/********************* about *********************/
.about-content {padding-bottom: var(--space-60); border-bottom: 1px solid #2c2c2c; margin-bottom: var(--space-60);}
.about-title {margin-bottom: var(--space-24); font-size: var(--font-size-28); font-weight: 500; color:#FE5100; line-height: 1.428em; }
.about-desc {gap: var(--space-16); margin-bottom: var(--space-40);}
.about-desc p {font-size: var(--font-size-18); font-weight: 400; color:#000; line-height: 1.666em;}
.history-cont {margin-top: var(--space-40);}
.history-cont ul li {position: relative; margin-bottom:8px; padding-left: 14px;}
.history-cont ul li:last-child {margin-bottom:0;}
.history-cont ul li:before {content: ''; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background: url(../images/sub/history-dot.svg) no-repeat center center / contain;}
.history-cont ul li p {font-size: var(--font-size-18); font-weight: 400; color:#4C4948; line-height: 1.666em;}
.history-cont ul li p span {font-weight: 500;}

/* 파트너 */
.partner-title {margin-bottom: var(--space-40); font-size: var(--font-size-22); font-weight: 500; color:#000; line-height: 1.454em; }
.partner-list {display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--space-12) var(--space-24);}
.partner-list .item .img {position: relative; padding-bottom: 44.5%; display: block; overflow: hidden; background: #fff;}
.partner-list .item .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}

/********************* portfolio *********************/
/* 상세페이지 */
.view-title {margin-bottom: var(--space-40); color:#000;text-align: center;}
.view-title .title {margin-bottom: 8px;  font-size: var(--font-size-24); font-weight: 500; line-height: 1.666em;}
.view-title .sub {display: block; font-size: var(--font-size-18); font-weight: 400; line-height: 1.666em;}
.view-content {width: 100%; margin-bottom: var(--space-80);}
.view-content .img {margin-bottom: var(--space-16);}
.view-content .img:last-child {margin-bottom: 0;}
.view-button-wrap {text-align: center;}
.view-button-wrap .view-btn {display: inline-flex; align-items: center; justify-content: center; width: 150px; height: 48px; padding: 10px; background: #fff; color: #000; font-size: var(--font-size-16); border-radius: 500px; border: 1px solid #2C2C2C; transition: all 0.3s ease;}
.view-button-wrap .view-btn:hover {background: #000; color: #fff;}

.view-content .video-container {margin-top: var(--space-16);}

/********************* project list *********************/
.project-cont { padding-bottom: var(--space-50); border-bottom: 1px solid #2C2C2C; margin-bottom: var(--space-50);}
.project-cont:last-child {padding-bottom: 0; border-bottom: none; margin-bottom: 0;}
.project-title {margin-bottom: var(--space-30); font-size: var(--font-size-28); font-weight: 500; color:#000; line-height: 1.428em;}
.project-list {display: flex; flex-wrap: wrap; gap: 8px 0;}
.project-list .project-item {display: block; width: 50%; padding-right:10px; line-height: 1.5em; font-size: var(--font-size-16); font-weight: 400;}
.project-list .project-item a { color:#000; }
.project-list .project-item a:hover {color:#A8A8A8;}

/********************* contact *********************/
.contact-top {padding-bottom: var(--space-40); border-bottom: 1px solid #EEE; margin-bottom: var(--space-40);}
.contact-top .top-cont {flex: 0 1 50%;}
.contact-slogan {font-size: var(--font-size-24); line-height: 1.666em;}
.contact-slogan strong {color: #FE5100; font-weight: 500;}
.contact-desc-title {color: #000; font-size: var(--font-size-18); line-height: 1.666em; margin-bottom: var(--space-24);}
.contact-desc {color: #4C4948; font-size: var(--font-size-16); line-height: 1.5em;}
.contact-desc p {margin-bottom: var(--space-12);}
.contact-desc p:last-child {margin-bottom: 0;}

/* location */
.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_map {height: 670px !important;}

.lct-info {margin-bottom: var(--space-40);}
.lct-tit {color: #000; font-weight: 500; font-size: var(--font-size-28); line-height: 1.428em; margin-bottom: var(--space-16);}
.lct-list {gap:0 var(--space-24); flex-wrap: wrap;}
.lct-list .address {color: #000; font-size: var(--font-size-16); line-height: 1.5em; font-weight: 400;}
.lct-list .txt {color: #4C4948; font-size: var(--font-size-16); line-height: 1.5em; font-weight: 400;}
.lct-list .txt .lbl {font-weight: 500;}