@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

.common_page{font-size:15px;line-height:1.8;letter-spacing:-.3px;color:#666;font-family:'notokr-regular'}
.common_page .pl{white-space:pre-line;word-break:break-all}
.common_page .eng_tit{font-size:13px;font-weight:700;letter-spacing:0;color:#7826e2;font-family:'Exo 2'}
.common_page .big_txt{font-size:30px;line-height:40px;color:#222;font-family:'notokr-light'}
.common_page .big_txt span{font-family:'notokr-bold'}
    
/* 회사개요 및 지사정보 */
#p33 .co_overview{display:flex;padding-bottom:120px;background:url('/sh_page/img/p33_bg.jpg') no-repeat center bottom}
#p33 .co_overview .l_box{width:430px;padding-left:50px}
#p33 .co_overview .l_box .eng_tit{margin-bottom:28px}
#p33 .co_overview .r_box{width:calc(100% - 430px);padding:0 50px 50px;background:#fff}
#p33 .co_overview .r_box dl{display:flex;padding:15px 0}
#p33 .co_overview .r_box dl:first-child{padding-top:6px}
#p33 .co_overview .r_box dl+dl{border-top:1px dotted #e1e1e1}
#p33 .co_overview .r_box dl dt span{display:block;width:110px;border-radius:50px;text-align:center;line-height:40px;color:#fff;background:#333;font-family:'notokr-medium'}
#p33 .co_overview .r_box dl dd{width:calc(100% - 110px);padding:5px 0 0 15px}
#p33 .of_tit{padding-left:15px;border-left:3px solid #7826e2;line-height:1;font-weight:700;letter-spacing:0;color:#222;font-family:'Exo 2'}
#p33 .of_tit span{margin-left:10px;font-weight:normal;color:#888;font-family:'notokr-medium'}
#p33 .branch_of{padding:60px 50px 51px;background:#f5f5f5}
#p33 .branch_of .of_list{margin-top:30px}
#p33 .branch_of .of_list li{display:flex;position:relative;padding:14px 0 14px 18px}
#p33 .branch_of .of_list li+li{border-top:1px solid #e1e1e1}
#p33 .branch_of .of_list li:before{position:absolute;left:0;top:26px;content:'';width:3px;height:3px;border-radius:100px;background:#7826e2}
#p33 .branch_of .of_list li .tit{width:99px;color:#333;font-family:'notokr-bold'}
#p33 .branch_of .of_list li .add{width:calc(100% - 99px)}
#p33 .cer_box{padding:60px 50px 0}
#p33 .cer_list{display:flex;margin-top:50px}
#p33 .cer_list li{width:285px;text-align:center}
#p33 .cer_list li+li{margin-left:20px}
#p33 .cer_list li .img{width:100%}
#p33 .cer_list li .img img{width:100%}
#p33 .cer_list li .tit{margin-top:13px;color:#333;font-family:'notokr-medium'}

/* 회사연혁 */
#p34 .eng_tit{margin-bottom:19px;text-align:center}
#p34 .big_txt{text-align:center}
#p34 .his_wrap{margin-top:44px;padding:220px 50px 0;background:url('/sh_page/img/p34_top.jpg') no-repeat center top}
#p34 .his_wrap .his_box{background:#fff}
#p34 .his_box dl{display:flex;position:relative;z-index:1;padding:47px 50px 54px}
#p34 .his_box dl:before,#p34 .his_box dl:after{position:absolute;left:53.5px;content:'';z-index:-1;width:1px;background:#e1e1e1}
#p34 .his_box dl:before{top:0;height:66px}
#p34 .his_box dl:first-child:before{display:none}
#p34 .his_box dl:after{bottom:0;height:calc(100% - 66px)}
#p34 .his_box dl:last-child:after{display:none}
#p34 .his_box dl:nth-child(2n){background:#f5f5f5}
#p34 .his_box dl dt{position:relative;width:180px;padding-left:37px;font-size:25px;font-weight:700;letter-spacing:0;color:#7826e2;font-family:'Exo 2'}
#p34 .his_box dl dt:before{position:absolute;left:0;top:19px;content:'';width:7px;height:7px;border-radius:100px;border:2px solid #7826e2;background:#fff}
#p34 .his_box dl dd{width:calc(100% - 180px);padding-top:7px}
#p34 .his_box dl dd ul li{display:flex;line-height:27px}
#p34 .his_box dl dd ul li .day{font-weight:700;letter-spacing:0;color:#222;font-family:'Exo 2'}
#p34 .his_box dl dd ul li .txt{padding-left:20px}

/* 조직도 */
#p35{text-align:center}
#p35 .eng_tit{margin-bottom:26px}

/* 사업소개 공통 */
.business_page .busi_box{padding-bottom:60px}
.business_page .busi_box:last-child{padding-bottom:0}
.business_page .busi_box .box_tit{font-size:16px;background:#f5f5f5}
.business_page .busi_box .box_tit .num{display:inline-block;width:60px;height:60px;text-align:center;line-height:60px;font-weight:700;letter-spacing:0;color:#fff;background:#333;font-family:'Exo 2'}
.business_page .busi_box .box_tit .tit{padding-left:30px;color:#333;font-family:'notokr-medium'}
.business_page .busi_box .box_cont{padding:0 50px}
.business_page .dot_list{padding:43px 0}
.business_page .dot_list li{position:relative;padding-left:18px}
.business_page .dot_list li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#7e30e3}
.business_page .step_tit{color:#333;font-family:'notokr-bold'}
.business_page .step_tit span{display:inline-block;margin-right:15px;border:1px solid #7e30e3;border-radius:50px;padding:0 10px;font-size:13px;line-height:25px;font-weight:600;letter-spacing:0;color:#7e30e3;font-family:'Exo 2'}
.business_page .step_list{display:flex;flex-wrap:wrap;margin-top:30px}
.business_page .step_list li{position:relative;padding:0 20px;border:1px solid #e1e1e1;border-radius:80px;line-height:50px;color:#333;background:#f5f5f5;font-family:'notokr-medium'}
.business_page .step_list li+li{margin-left:50px}
.business_page .step_list li:before{position:absolute;right:-29px;top:0;font-size:15px;content:'\f0da';color:#888;font-family:FontAwesome}
.business_page .step_list li:last-child:before{display:none}
.business_page .img_list{display:flex;justify-content:space-between;margin-top:50px}
.business_page .img_list li{width:calc(100%/4 - 7.5px)}
.business_page .img_list li img{width:100%}
.business_page .table_wrap{margin-top:50px}
.business_page .table_wrap table{width:100%;border-top:1px solid #e1e1e1;border-spacing:0;text-align:center}
.business_page .table_wrap table th{padding:14px 0;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;font-weight:normal;color:#333;background:#f8f2ff;font-family:'notokr-medium'}
.business_page .table_wrap table th:last-child{border-right:none}
.business_page .table_wrap table td{padding:14px 0;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.business_page .table_wrap table td:last-child{border-right:none}

/* 건축내외부도장 */
#p39 .step_list li:nth-child(6){margin-right:50px}
#p39 .step_list li:nth-child(7){margin-left:0}
#p39 .step_list li:nth-child(n + 7){margin-top:10px}
#p39 .busi_box:nth-child(2) .img_list{margin-top:0}