@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:500px !important;}
.root_daum_roughmap .wrap_map {height:500px !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"상진산업건설"; font-size:12px; line-height:15px;}


.doc-tit {position:relative; width: fit-content; margin: 0 auto var(--margin-50); font-weight:700; font-size: var(--font-size-40); letter-spacing: -0.02em; color: #242424; text-align:center;} 
.doc-tit::after {content: ""; position: absolute; top: -4px; right: -4px; width: 8px; height: 8px; background-color: rgba(237, 28, 36, 0.8);} 

.doc-cnt {padding:var(--padding-80) 0;} 
.doc-cnt:last-child {padding-bottom:0;} 
.doc-cnt.bg-grey {background-color: #f4f4f4;} 

.bullet-item .bullet-list {position:relative; padding-left:9px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:7px; width:3px; height:3px; border-radius:50%; background:#242424;}


/* 회사소개 */
.greeting-cont {max-width:1920px; width:100%; margin:0 auto;}
.greeting-cont .imgbox {flex:1 0 930px; max-width:930px;}
.greeting-cont .textbox {flex:1 0 auto; width:1%; padding:45px 30px 0 59px; padding-top:45px; position:relative; background:url(../images/sub/greeting-icon.png) no-repeat right 100px top;}
.greeting-cont .textbox .inner {width:570px;}
.greeting-cont .textbox .title-box {display:inline-block; margin-bottom:clamp(15px, 2vw, 35px); position:relative; font-size: clamp(1.3em, 2vw, 40px); font-weight:600; line-height:52px; color:#2c2c2c; line-height:1.5;}
.greeting-cont .textbox .title-box::before {position:absolute; content: ''; left:-90px; top:-14px; width:90px; height:4px; background:var(--color-1);}
.greeting-cont .textbox .title-box::after {position:absolute; content: ''; right:-70px; bottom:-14px; width:90px; height:4px; background:var(--color-3);}
.greeting-cont .textbox .text {padding-top:clamp(10px, 2vw, 20px); font-size:clamp(1em, 2vw, 18px); color:#505050; line-height:30px; line-height:1.5;}
.greeting-cont .textbox .text:nth-child(2) {padding-top:0;}
.greeting-cont .textbox .flxWrap {align-items:flex-end; justify-content:flex-end; margin-top:20px;}
.greeting-cont .textbox .name {padding-right:20px; font-size:clamp(1em, 2vw, 20px); color:#2c2c2c; font-weight:500; line-height:1.1;}

.bg-box {max-width:1720px; width:100%; margin:0 auto;}
.history-cont {padding-top:clamp(1.5em, 5.3vw, 100px);}
.history-cont .titlebox {flex:1 0 auto; width:1%; padding-right:30px;}
.history-cont .year-tit {display:block; font-size:clamp(1em,2vw,18px); font-weight:bold; color:var(--color-3);}
.history-cont .year-des {padding-top:clamp(10px,2vw,13px); font-size:clamp(1.3em,2vw,32px); font-weight:bold; color:#242424; line-height:1.4;} 
.history-cont .history-item {flex:1 0 600px; max-width:600px; border-top:1px solid #2c2c2c;}
.history-cont .history-list {display:flex; padding:clamp(20px,2vw,35px) 0; border-bottom: 1px dashed #ddd;}
.history-cont .year {flex:1 0 117px; max-width:117px; font-size:clamp(1.2em,2vw,28px); font-weight:bold; color:#242424; line-height:1.3;}
.history-cont .bullet-item {margin-top:0.2em;}
.history-cont .bullet-list {padding-left:13px; font-weight:500; color:#242424;}

.addinfo-item {padding-bottom:clamp(1.5em,1vw,40px); margin-right:-9px;}
.addinfo-list {flex:1 0 25%; max-width:25%; padding-right:9px;}
.addinfo-list .inner {padding:clamp(1.5em,1vw,40px) 10px; background:#f9f9f9; text-align:center; border-radius:10px;}
.addinfo-list .inner span {display:block; color:#242424; line-height:1.1;}
.addinfo-list .inner .tit {padding-top:clamp(8px,1vw,20px); font-size:clamp(1.1em,2vw,20px); font-weight:bold;}
.addinfo-list .inner .dec {padding-top:clamp(10px,1vw,24px); font-size:clamp(1em,2vw,18px);}


/* 사업분야 */
.busi-cont .gallery-list .thumb-bg {position:relative; overflow: hidden;}
.busi-cont .gallery-list .thumb-bg::before {position:absolute; content: ''; left:0; bottom:0; width:100%; height:0; background:rgba(0,47,103,0.8); z-index:10; transition: all 0.4s;}
.busi-cont .gallery-list .thumb-bg::after {position:absolute; content: ''; left:50%; bottom:-50%; transform: translate(-50%, 50%); width:60px; height:60px; background:url(../images/sub/plus.png) no-repeat; z-index:11; transition: all 0.4s;}
.busi-cont .gallery-list ul li>a:hover .thumb-bg::before {height: 100%;}
.busi-cont .gallery-list ul li>a:hover .thumb-bg::after {bottom:50%;}


/* 고객센터 */
input[type=file]::file-selector-button  {display:none;}

.qna-contain .btn-pack.focus {background:#555; border:1px solid #555;}