@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');

.pagecommon{width:100%;max-width:1280px;margin:0 auto;font-size:15px;font-weight:300;color:#666;letter-spacing:-.3px;line-height: 26px;font-family:"Pretendard"}
.pagecommon .last{text-decoration:underline;font-weight:600}
.pagecommon .top_tit{padding-bottom:30px;text-align:center;border-bottom: 1px solid #e1e1e1;}
.pagecommon .top_tit p{font-weight:600;font-family:'Poppins';color: var(--primary)}
.pagecommon .top_tit .ko_tit{padding:20px 0 50px 0;font-size:30px;color:#111;font-weight:700}
.pagecommon .cnter_list{margin:70px 0 50px 0}
.pagecommon .cnter_list ul{display:grid;grid-template-columns: repeat(4, 1fr);gap:14px}
.pagecommon .cnter_list li{position: relative;padding: 60px 20px;background: #f7f7f7;text-align: center;border-radius:10px}
.pagecommon .cnter_list li .img{display:flex;align-items:center;justify-content:center;width:80px;height:80px;position:absolute;top:-41px;left:50%;transform:translateX(-50%);border-radius:50%}
.pagecommon .cnter_list li .en{padding-bottom:12px;font-weight:600;font-size:14px;font-family:'Poppins';color: var(--primary)}
.pagecommon .cnter_list li .ko{font-size:20px;font-weight:700;line-height: 30px;color:#222}
.pagecommon .last_txt{text-align:center}
.pagecommon .cont_area{margin-bottom:50px}
.pagecommon .br{white-space:pre-line}
.pagecommon .e_tit{font-weight:600;font-size:13px;font-family:'Poppins';color:#181b20;letter-spacing:0}
.pagecommon .k_tit{margin:20px 0 60px;font-size:30px;font-weight: 300;line-height:40px;color:#222}
.pagecommon .k_tit span{font-weight:700}
.pagecommon .txt_area span{color:#222;text-decoration:underline;font-family:'notokr-medium'}
.pagecommon .br{white-space:pre-line}
.pagecommon *{word-break:keep-all}

/*인테리어*/
.business .cont_area .tit_wrap{width:890px;margin:0 auto 45px}
.business .cont_area .tit_wrap .k_tit{margin:20px 0 30px}
.business .cont_area .txt_wrap .txt_area{width:88%;margin:0 auto;margin-top:-60px;padding:43px;background:#fff}
.business .cont_area .img_wrap{position:relative;z-index:-1}
.business .cont_area .img_wrap .box{position:absolute;top:0;right:20px;width:385px;height:400px;padding:170px 0 0 65px;font-size:13px;line-height:18px;font-family:'Poppins';background:rgba(0, 0, 0, .7);color:rgba(255, 255, 255, .7);letter-spacing:0}
.business .cont_area .img_wrap .box p{position:relative;padding:27px 0 15px;font-weight:600;font-size:17px;color:#fff}
.business .cont_area .img_wrap .box p:after{position:absolute;content:'';top:0;left:0;width:50px;height:1px;background:rgba(255, 255, 255, .3)}
.business .cont_area .txt_wrap .grh{width:87%;margin:-65px auto 0;padding:50px;background:#fff}
.business .cont_area .txt_wrap ul{overflow:hidden}
.business .cont_area .txt_wrap ul li{float:left;width:204px;height:204px;margin-top:20px;padding-top: 66px;border: 1px dashed rgb(22 25 29);border-radius:50%;text-align:center}
.business .cont_area .txt_wrap ul li:last-child{float:right;width:210px;height:210px;margin-top: 18px;padding-top: 76px;background: #16191d}
.business .cont_area .txt_wrap ul li:last-child span{font-weight:600;font-size:12px;font-family:'Poppins';color:rgba(255, 255, 255, .65)}
.business .cont_area .txt_wrap ul li:last-child p{font-size: 18px;font-family:'notokr-medium';color:#fff}
.business .cont_area .txt_wrap ul li  + li{margin-left:-9px}
.business .cont_area .txt_wrap ul li span{font-weight:600;font-size:12px;font-family:'Poppins';color:#aaaaaa;letter-spacing:0}
.business .cont_area .txt_wrap ul li p{margin-top:5px;font-size:17px;line-height:1.4;font-family:'notokr-bold';color:#222}

/* 인사말 */
#p33 .cont_area .e_tit{float:left;padding-left:10%;color:#181b20;font-size:13px;font-weight:600;font-family:'Poppins'}
#p33 .cont_area .k_tit{float:left;margin:0 0 45px 50px;color:#222;font-size:30px;font-weight: 300;line-height:40px}
#p33 .cont_area .k_tit span{font-weight:700}
#p33 .cont_area .box{width:690px;height:274px;float:right;position:relative;margin-top:-235px;z-index:-1;background:#262626}
#p33 .cont_area .box p{position:absolute;top:110px;right:65px;width:147px;text-align:center;color:#fff;font-weight:600;font-family:'Poppins'}
#p33 .cont_area .box:before{content:'';position:absolute;top:80px;right:110px;width:60px;height:1px;background:#464646}
#p33 .cont_area .txt_area{position:relative;width:80%;margin:-55px auto;padding:80px 0 0;font-size:15px;text-align:center}
#p33 .cont_area .txt_area span{color:#222;text-decoration:underline;font-weight: 500;}
#p33 .cont_area .txt_area p{color:#222;font-family:'notokr-medium'}
#p33 .cont_area .img_wrap{position:relative;z-index:1}

/* 회사연혁 */
#p34 .cont_area .e_tit{float:left;padding-left:10%;color:#181b20;font-size:13px;font-weight:600;font-family:'Poppins'}
#p34 .cont_area .k_tit{float:left;margin:0 0 45px 50px;color:#222;font-size:30px;font-weight: 300;line-height:40px}
#p34 .cont_area .k_tit span{font-weight:700}
#p34 .list_box{clear:both}
#p34 .list_box ul li{display:flex;align-items: center;gap:45px;padding-bottom:30px;font-size:16px;border-bottom:1px dashed #e1e1e1;}
#p34 .list_box ul li .num{position:relative;font-size: 21px;font-weight:600;color:#111}
#p34 .list_box ul li .num:after{position:absolute;content:'';right: -21px;top: 50%;transform: translateY(-50%);width:1px;height: 16px;background:#e1e1e1}

/* 조직도 */
#p35 .cont_area .e_tit{float:left;padding-left:10%;color:#181b20;font-size:13px;font-weight:600;font-family:'Poppins'}
#p35 .cont_area .k_tit{float:left;margin:0 0 70px 50px;color:#222;font-size:30px;font-weight: 300;line-height:40px}
#p35 .cont_area .k_tit span{font-weight:700}
#p35 img{display:block;margin:0 auto}

/* 리모델링 */
#p41 .cnter_list ul{grid-template-columns:repeat(2, 1fr)}
#p41 .cnter_list ul li:nth-child(1){margin-bottom:30px}
#p41 .cnter_list ul li:nth-child(2){margin-bottom:30px}

/* 에스티메이팅 */
#p42 .cnter_list ul{grid-template-columns:repeat(2, 1fr)}
#p42 .cnter_list ul li:nth-child(1){margin-bottom:30px}
#p42 .cnter_list ul li:nth-child(2){margin-bottom:30px}


/* 도면엔지니어링 */
#p43 .cnter_list ul{grid-template-columns:repeat(2, 1fr)}
#p43 .cnter_list ul li:nth-child(1){margin-bottom:30px}
#p43 .cnter_list ul li:nth-child(2){margin-bottom:30px}