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

/********************* about *********************/
.about-section {padding: var(--space-160) 0;}
.about-section.gray-bg {background-color: #FAFAFA;}
.about-txt {display: flex;}
.about-txt .tit {flex: 0 1 42%; max-width: 600px; font-family: 'michroma'; font-size: var(--font-size-24); line-height: 1.583em; font-weight: 400; letter-spacing: -0.02em; color: var(--color-sub);}
.about-txt .cont-box {flex: 1;}
.about-txt .txt {margin-bottom: var(--space-32); font-size: var(--font-size-16); line-height: 1.875em; letter-spacing: -0.02em;}
.about-txt .txt:last-child {margin-bottom: 0;}
.about-txt .cont-box .img {margin-top: var(--space-40);}

.history-cont {border-top: 1px solid var(--color-primary);}
.history-item {display: flex; padding: var(--space-40) 0; border-bottom: 1px solid #eee;}
.history-item:last-child {border-bottom: none;}
.history-item .year {width: 200px; font-family: 'michroma'; font-size: var(--font-size-20); line-height: 1.7em; letter-spacing: -0.02em; color: var(--color-primary);}
.history-item .txt-box {flex: 1; padding-top: 2px;}
.history-item .txt {margin-bottom: var(--space-16); font-size: var(--font-size-16); line-height: 1.875em; letter-spacing: -0.02em;}
.history-item .txt:last-child {margin-bottom: 0;}


/********************* portfolio *********************/
/* 탭메뉴 */
.tab-list {flex-wrap: wrap; gap: 8px; margin-bottom: var(--space-100);}
.tab-list li a {display: block; padding: 10px 20px; background: #F9F9F9; font-family: 'michroma'; font-size: var(--font-size-15); font-weight: 400; line-height: 1.866em; letter-spacing: -0.02em; color: var(--color-primary); border-radius: 80px;}
.tab-list li.active a, .tab-list li a:hover {background-color: var(--color-primary); color: #fff;}
.tab-list li.sns a {padding: 14px;}
.tab-list li.sns a .img {width: 20px; height: 20px;}

/* introduction */
.introduction-cont .img {margin-bottom: var(--space-40);}
.introduction-desc p {margin-bottom: var(--space-30); font-size: var(--font-size-16); line-height: 1.875em; letter-spacing: -0.02em;}
.introduction-desc p:last-child {margin-bottom: 0;}

/* portfolio */
.portfolio-list ul {display:flex; flex-wrap:wrap; margin:0 -20px;}
.portfolio-list ul li {width:50%; padding:0 20px; margin-bottom:80px; text-align:center;}
.portfolio-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.portfolio-list ul li a {display:block; text-align:left;}
.portfolio-list ul li .thumb {position:relative; padding-bottom:63%; margin-bottom:20px; overflow:hidden;}
.portfolio-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.portfolio-list ul li a:hover .thumb img {transform: translateY(-50%) scale(1.1);}
.portfolio-list ul li .tit {font-family: 'michroma'; color:var(--color-sub); font-size:18px; line-height:1.777em; letter-spacing: -0.02em;}
.portfolio-list ul li .location {color:#676767; font-size:16px; line-height:1.875em; margin-top:4px; letter-spacing: -0.02em;}
.introduction .paginate {margin-top: 0;}

/* 상세페이지 */
.view-top {margin-bottom: var(--space-50);}
.view-top .tit-box {width: 100%; padding-bottom: var(--space-40); margin-bottom: var(--space-40); border-bottom: 1px solid #eee;}
.view-top .tit {margin-bottom: var(--space-20); color: #999; font-size: var(--font-size-16); line-height: 1.875em; letter-spacing: -0.02em; font-weight: 400;}
.view-top .sub-tit {margin-bottom: 8px; color: var(--color-sub); font-size: var(--font-size-24); line-height: 1.583em; letter-spacing: -0.02em; font-weight: 400;}
.view-top .location {font-size: var(--font-size-18); line-height: 1.777em; letter-spacing: -0.02em;}
.view-top .view-desc {margin-bottom: var(--space-80); font-size: var(--font-size-16); line-height: 1.875em; letter-spacing: -0.02em;}
.view-btn-wrap {gap: 8px;}
.view-btn-wrap [class*="btn"] {display: flex; align-items: center; justify-content: center; width: 119px; height: 54px; font-size: var(--font-size-16); font-weight: 600; line-height: 1.875em; letter-spacing: -0.02em; color: var(--color-primary); border: 1px solid var(--color-primary); background: #fff;}
.view-btn-wrap .btn-inquiry.black {color: #fff; background: var(--color-primary);}
.view-editor {width: 100%; margin-bottom: var(--space-100);}
.view-editor .img {margin-bottom: var(--space-20);}
.view-editor .img:last-child {margin-bottom: 0;}


/********************* community *********************/


/********************* contact *********************/

/* 찾아오시는길 */

.lct-wrap {gap: 20px;}
.lct-info-wrap {width: 44.5%;}
.lct-info-wrap .logo-wrap {display: flex; flex-direction: column; gap: var(--space-32); padding-bottom: var(--space-56); border-bottom: 1px solid #eee;}
.lct-info-wrap .logo-wrap:before {content: ""; display: block; top: 0; left: 0; width: 8px; height: 8px; background: var(--color-primary);}
.lct-info .address {padding: var(--space-40) 0; font-size: var(--font-size-20); line-height: 1.7em; letter-spacing: -0.02em;}
.lct-info dl {margin-bottom: var(--space-24);}
.lct-info dl:last-child {margin-bottom: 0;}
.lct-info dl dt {width: 120px; font-size: var(--font-size-18); line-height: 1.777em; letter-spacing: -0.02em;}
.lct-info dl dd {color: #676767; font-size: var(--font-size-18); line-height: 1.777em; letter-spacing: -0.02em;}