@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:420px !important;}
.root_daum_roughmap .wrap_map {height:420px !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:9px; width:5px; height:1px; background:#242424;}


/* 회사소개 */
.greeting {display:flex; align-items:center; margin-bottom:60px;}
.greeting .img-box {flex:1 0 470px; max-width:470px; position:relative; z-index:1;}
.greeting .img-box::before {position:absolute; content:''; bottom:-60px; right:-60px; min-width:1280px; width:100%; height:300px; background:#1b3063; opacity:0.05; border-bottom-right-radius:60px; z-index:-1;}
.greeting .text-box {flex:1 0 auto; width:1%; padding-left:160px;}
.greeting .text-box .sub-tit {display:block; color:#1b3063; font-weight:500;}
.greeting .text-box .tit {display:block; padding:5px 0 30px; color:#242424; font-size:30px; font-weight:bold;}
.greeting .text-box .txt {padding-top:25px; color:#454545;}
.greeting .text-box .txt:nth-child(3) {padding-top:0;}
.greeting .text-box .sign {display:block; padding-top:30px; color:#242424; font-size:18px; font-weight:bold;}

.history {display:flex; padding-top:60px; border-top:2px solid #333;}
.history .tit-wrap {width:45%; padding-right:30px;}
.history .tit-wrap .tit {font-family:var(--font-mont); margin-bottom:22px; font-size:var(--f33); font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.history .tit-wrap .tit strong {font-family:var(--font-mont); font-weight:bold; font-size:var(--f40); color:var(--color-1); text-transform:uppercase;}
.history .tit-wrap .txt {font-size:18px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.history .tit-wrap .txt strong {font-weight:600; color:#242424;}
.history .cnt {flex:1 1 auto; min-width:0; width:1%;}
.history .cnt .group {position:relative; padding-left:70px; padding-bottom:50px;}
.history .cnt .group:last-child {padding-bottom:0;}
.history .cnt .group:before {content:''; position:absolute; width:1px; height:100%; left:0; top:6px; background:#ddd;}
.history .cnt .group:after {content:''; position:absolute; width:20px; height:20px; background:url('../images/sub/bullet01.png') no-repeat 50% 50%; background-size:contain; top:6px; left:0; margin-left:-10px;}
.history .cnt .year {position:relative; margin-bottom:0.7em; font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.history .cnt .year:before {content:''; position:absolute; width:40px; height:1px; background:#ddd; left:-50px; top:50%; margin-top:-0.5px;}
.history .col {display:flex;}
.history .col .month {min-width:58px; font-weight:500; color:var(--color-1); letter-spacing:-0.02em; line-height:2.1em;}
.history .col ul {flex:1 1 auto; min-width:0; width:1%;}
.history .col ul li {position:relative; padding-left:25px; font-weight:400; line-height:2.1em; letter-spacing:-0.03em; color:#686868;}
.history .col ul li:before {content:''; position:absolute; width:5px; height:5px; background:#ddd; border-radius:100%; left:0; top:14px;}

.location .wrap {display:flex; justify-content:space-between;}
.location .wrap .in {width:48.5%;}
.directions {margin-top:22px;}
.directions .address-info .comp {color:var(--color-1); font-weight:600;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#1a2143;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}
.directions .contact-info dt path {fill:#ffb141;}
.root_daum_roughmap .wrap_controllers {display:none;}

/* 사업영역 */
.title-area {padding:0 0 54px 30px; margin-bottom:54px; border-bottom:1px solid #ddd;}
.title-area.non-pd {padding-bottom:0; margin-bottom:40px; border-bottom:0;}
.title-area .title {color:#242424; font-size:28px; font-weight:500; line-height:1.2;}
.title-area .title strong {font-weight:bold;}
.title-area .des {padding-top:14px; color:#454545;}
.text-area .area-tit {position:relative; padding-left:30px; font-size:20px; color:#242424; font-weight:600; line-height:1.1;}
.text-area .area-tit::before {position:absolute; content:''; left:0; top:10px; width:20px; height:1px; background:var(--color-1);}
.text-area .area-sub {display:block; padding-top:18px; color:#454545; font-size:16px; font-weight:400;}
.character-wrap {margin-top:52px; padding-left:30px;}
.character-item {display:flex; padding-top:50px;}
.character-item:first-child {padding-top:0;}
.character-item .icon-box {flex:1 0 59px; max-width:59px; height:fit-content;}
.character-item .text-box {flex:1 0 auto; width:1%; padding-left:17px;}
.character-item .text-box .tit {font-size:20px; font-weight:600; color:#242424; line-height:1.1;}
.character-item .text-box .txt {padding-top:6px; color:#454545;}

.process-wrap {padding-left:30px;}
.process-item {display:flex; margin:70px -25px 0;}
.process-item .process-list {flex:1 0 25%; max-width:25%; padding:0 25px;}
.process-item .process-list .inner {display:flex; align-items:center; justify-content:center; position:relative; padding:44px 10px 40px; height:105px; text-align:center; border-radius:10px; background:#f7f7f7;}
.process-item .process-list .inner:after {position:absolute; content:''; right:-30px; top:50%; transform:translateY(-50%); width:13px; height:18px; background-repeat:no-repeat; background-size:cover;}
.process-item .process-list:last-child .inner:after {right:50%; top:inherit; bottom:-35px; transform:rotate(90deg);}
.process-item .process-list.odd .inner:after {background-image:url(../images/sub/arrow-1.png);}
.process-item .process-list.even .inner:after {background-image:url(../images/sub/arrow-2.png);}
.process-item .process-list .step-num {display:flex; align-items:center; justify-content:center; position:absolute; top:-20px; left:50%; transform:translateX(-50%); width:120px; height:40px; border-radius:20px; color:#fff; font-weight:600; font-size:18px;}
.process-item .process-list.odd .step-num {background:var(--color-1);}
.process-item .process-list.even .step-num {background:var(--color-2);}
.process-item .process-list .step-txt  {color:#454545;}
.process-item.reverse {flex-direction:row-reverse;}
.process-item.reverse .process-list .inner:after {right:initial; left:-30px; transform:translateY(-50%) rotate(180deg);}
.process-item.reverse .process-list:last-child .inner:after {display:none;}

.listImg-wrap {margin-top:57px; padding-top:57px; border-top:1px solid #ddd;}
.listImg-wrap:first-child {margin-top:0; padding-top:0; border-top:0;}
.listImg-wrap .inner {display:flex; justify-content:space-between;}
.listImg-wrap .character-item {align-items:center;}
.listImg-wrap .text-box {flex:1 0 auto; width:1%;}
.listImg-wrap .img-box {flex:1 0 603px; max-width:603px; padding-left:20px;}
.listImg-wrap .img-box img {margin-top:30px;}
.listImg-wrap .img-box img:first-child {margin-top:0;}

/* 보유장비 */
.listImg-contain .item-box {display:flex; margin:40px -22.5px 0; padding-left:30px;}
.listImg-contain .item-list {flex:1 0 33.33%; max-width:33.33%; padding:0 22.5px;}
.listImg-contain .item-box.tpye2 {margin-left:0;margin-right:0;}
.listImg-contain .item-box.tpye2 .item-list {flex:1 0 100%; max-width:100%; padding:0;}