@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-tit { margin-bottom: 50px; } 
.doc-tit h2 { font-size: 30px; font-weight: 600; letter-spacing: -0.03em; color: #242424; } 

.about { font-size: 18px; } 
.about .group-intro { padding-top: 140px; } 
.about .group-intro .intro-area { text-align: center; padding-bottom: 220px; } 
.about .group-intro .intro-area .img { margin-bottom: 100px; display: inline-block; } 
.about .group-intro .intro-area p { line-height: 1.944em; font-weight: 300; letter-spacing: -0.02em; } 
.about .group-project { padding: 150px 0 130px; } 
.about .group-project .flex-area { display: flex; justify-content: space-between; } 
.about .project-list { margin-bottom: 50px; } 
.about .project-list:last-child { margin-bottom: 0; } 
.about .group-project .project-list .tit { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; color: #242424; margin-bottom: 20px; } 
.about .project-list p { font-size: 18px; letter-spacing: -0.02em; line-height: 1.666em; } 
.about .group-contact .doc-tit { margin-bottom: 30px; } 
.about .contact-info { padding-top: 20px; display: flex; justify-content: space-evenly; } 
.about .contact-info dl { display:flex; padding-right: 40px; } 
.about .contact-info dl:last-child { padding-right: 0; } 
.about .contact-info dt { min-width:45px; padding-left:34px; padding-right: 5px; position: relative; } 
.about .contact-info .ico::before { content: ""; position: absolute; top: 3px; left: 0; width: 25px; height: 25px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } 
.about .contact-info .ico.address::before { background-image: url(../images/sub/ico-address.png); } 
.about .contact-info .ico.tel::before { background-image: url(../images/sub/ico-tel.png); } 
.about .contact-info .ico.fax::before { background-image: url(../images/sub/ico-fax.png); } 
.about .contact-info .ico.email::before { background-image: url(../images/sub/ico-email.png); } 
.about .contact-info dd { flex:1 1 auto; min-width:0; width:1%; } 

.works .inner-tab ul { display: flex; margin-bottom: 40px; } 
.works .inner-tab ul li { width: auto; padding-right: 26px; } 
.works .inner-tab ul li:last-child { padding-right: 0; } 
.works .inner-tab ul li.active a { color: #242424; font-weight: 700; } 
.works .inner-tab ul li a { letter-spacing: -.03em; display: flex; color: #a8a8a8; } 

.btn-more { display: flex; justify-content: center; align-items: center; margin-top: 70px; } 
.btn-more a { display:flex; align-items:center; width:135px; height:50px; border-radius:7px; border:1px solid #ddd; text-align: center; letter-spacing: -0.03em; justify-content: center; } 

.group-btn { margin-bottom: 30px; } 
.group-btn .btn-wrap { margin: 0 -6px; display: flex; justify-content: end; } 
.group-btn .btn { padding: 0 6px; display: block; height: 13px; } 

.work-detail { overflow: hidden; } 
.work-detail .group-flex { overflow: hidden; } 
.work-detail .group-flex .txt-area { position: fixed; max-width: 460px; width: 100%; } 
.work-detail .group-flex .img-area { width: 67%; float: right; } 
.work-detail .group-flex .txt-area .tit { font-size: 27px; font-weight: 600; letter-spacing: -0.03em; line-height: 1.111em; margin-bottom: 40px; color: #242424; } 
.work-detail .txt-area .info-wrap dl { display: flex; font-size: 15px; } 
.work-detail .txt-area .info-wrap dl dt { font-weight: 600; min-width: 90px; } 
.work-detail .txt-area .info-wrap dl dd { padding: 0 5px; flex: 1 1 auto; min-width: 0; width: 1%; } 
.work-detail .img-area .img { margin-bottom: 40px; } 
.work-detail .img-area .img:last-child { margin-bottom: 0; } 
.work-detail .contain { padding: 0; overflow: hidden; } 

.news { letter-spacing: -0.03em; } 
.news .doc-tit { margin-bottom: 0; } 

.news .board-search { display: flex; margin-bottom: 30px; justify-content: space-between; } 
.news-detail .doc-tit { text-align: center; } 
.news-detail .doc-tit .date { line-height: 1.470em; margin-bottom: 8px; } 
.news-detail .doc-tit h2 { font-weight: 700; line-height: 1.166em; } 
.news-detail .group-btn { margin-bottom: 20px; } 
.news-detail .group-cnt .txt-area { padding-top: 30px; } 
.news-detail .scroll-top.type2 { bottom: 170px; }