@charset "utf-8";
/* sub공통 */
.subtit { font-size: 60px; color: #39302d; line-height: 1em; font-weight: 400; font-family: "DM Serif Display", serif;}

/* 회사소개 */
.id-sec1 { padding-bottom: 150px; }
.id-sec1 p { font-size: 16px; font-weight: 300; line-height: 1.556em; color: #555; margin-top: 25px;}
.id-sec1-box {display: flex; justify-content: flex-end; width: 100%;}
.id-swiper { position: relative; width: 100%; overflow: hidden;}
.id-swiper-slide img { width: 100%; display: block;}
.id-btbox { display: flex; gap: 40px; justify-content: flex-end; margin: 15px 0 22px;}
.id-swpbox { width: 63%; position: relative; }
.id-swiper-button-next::after, .id-swiper-button-prev::after {display: none;}
.id-swiper-button-next, .id-swiper-button-prev { width: 18px; height: 17px; background-repeat: no-repeat; background-size: contain; background-position: center; position: relative; top: auto; margin-top: 0;}
.id-swiper-button-prev { background-image: url(../images/sub/sub1-left.png); left: auto;}
.id-swiper-button-prev::before { content: ""; position: absolute; right: -20px; width: 1px; height: 20px; background: #adaaa9; top: 0;}
.id-swiper-button-next { background-image: url(../images/sub/sub1-right.png); right: auto;}
.id-sec2 { background: url(../images/sub/sub1-bg.jpg) center no-repeat; background-size: cover; padding: 65px 0 55px;}
.id-sec2-list { display: flex;}
.id-sec2-list li { width: calc(100%/3); text-align: center; color: #fff;}
.id-sec2-list li .tit { font-size: 24px; font-weight: 600; letter-spacing: -.02em; line-height: 1.2em; margin: 25px 0 20px;}
.id-sec2-list li .txt { font-size: 16px; font-weight: 200; letter-spacing: -.02em; line-height: 1.5em;}
.id-sec3 { padding-top: 120px;}
.id-sec3 .id-opbox { margin-bottom: 55px;}
.id-sec3 .id-opbox .tit { font-size: 28px; line-height: 1em; font-weight: 500; color: #222; margin-bottom: 35px;}
.id-sec3 .id-opbox:last-child { margin-bottom: 0;}
.id-op-list { display: flex; gap: 20px; flex-wrap: wrap;}
.id-op-list li { width: calc(100%/5 - 16px); text-align: center; font-weight: 500; letter-spacing: -.02em; line-height: 1.2em; color: #222;}
.id-op-list li .thumb {position:relative; padding-bottom:36%; margin-bottom:15px; overflow:hidden; background: #e9e9e9;}
.id-op-list li .thumb 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;}
.id-op-list li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; }

/* 외벽시스템 */
.wall-sec1 { padding-bottom: 150px; display: flex; align-items: center;}
.wall-left { width: 67%;}
.wall-right { width: 33%; padding-left: 40px;}
.wall-right strong { display: block; font-size: 18px; font-weight: 600; line-height: 1.2em; color: #d01818; margin: 35px 0 15px;}
.wall-right p { font-size: 16px; font-weight: 300; line-height: 1.556em; color: #555; margin-bottom: 30px;}
.wall-right p:last-child { margin-bottom: 0; }
.wall-sec2 { text-align: center;}
.wall-tit { font-size: 28px; font-weight: 600; line-height: 1em; color: #222; text-align: center; margin-bottom: 60px;} 
.wall-list { display: flex; gap: 30px; flex-wrap: wrap;}
.wall-list li { width: calc(100%/3 - 20px); border-radius: 20px; overflow: hidden; background: url(../images/sub/sub2-listbg.jpg) center no-repeat; background-size: cover; text-align: center; padding: 45px 10px;}
.wall-list li .num { color: #afafaf; font-size: 18px; font-weight: 800; letter-spacing: -.02em; line-height: 1em; margin: 28px 0 10px;}
.wall-list li .txt { font-size: 18px; font-weight: 500; letter-spacing: -.02em; line-height: 1.2em; color: #fff;}
.bt-fx { display: flex; align-items: center; justify-content: center;}
.wall-link { margin-top: 60px; font-size: 16px; font-weight: 500; letter-spacing: -.02em; line-height: 1em; color: #222; text-decoration: underline; text-underline-position: under; display: inline-block; font-family: "Poppins", sans-serif; text-align: center;}
.bt-fx .wall-link { background: transparent; border: none;}

/* 문의 */
.root_daum_roughmap .border1 { border: none !important; background: none !important;}
.root_daum_roughmap .border2 { border: none !important; background: none !important;}
.root_daum_roughmap .border3 { border: none !important; background: none !important;}
.root_daum_roughmap .border4 { border: none !important; background: none !important;}
.contact-sec1 { padding-bottom: 150px;}
.lct { display: flex; justify-content: flex-end; align-items: center; gap: 50px; margin-right: 60px; margin-top: -40px; z-index: 1; position: relative;}
.lct-left { padding-top: 50px;}
.lct-left h4 { font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; color: #a7a7a7; margin-bottom: 10px;}
.lct-left h3 { font-size: 28px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #222; }
.lct-right { color: #fff; padding: 40px; background: #a39d96; width: 44%;}
.lct-right ul li { position: relative; margin-bottom: 15px;}
.lct-right ul li:last-child { margin-bottom: 0;}
.lct-right ul li .tit { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 600; letter-spacing: -.03em; line-height: 1em; position: absolute; left: 0; }
.lct-right ul li .txt { padding-left: 120px; font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.2em;}
.ctt-box { margin-bottom: 60px;}
.ctt-tit { font-size: 24px; font-weight: 600; line-height: 1.2em; color: #222; margin-bottom: 40px;}