@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.blue{color:#0c4da2 !important;}	
.greeting .con-box{display:flex;border-bottom:1px solid #ddd;padding-bottom:50px;margin-bottom:36px;}
.greeting .con-box .txt-box{max-width:680px;padding:49px 20px 0 60px;position:relative;}
.greeting .con-box .txt-box:before{content:'';width:129px;height:193px;background:url('../images/sub/greeting_deco.png');position:absolute;left:0;top:0;z-index:-1;}
.greeting .con-box .top-txt{font-size:28px;color:#242424;line-height:1.286em;margin-bottom:32px;}
.greeting .con-box .top-txt span{font-weight:800;}
.greeting .con-box .txt{font-weight:300;margin-bottom:78px;}
.greeting .con-box .ceo{font-size:18px;}
.greeting .con-box .ceo span{font-size:20px;font-weight:700;letter-spacing:9px;margin-left:9px;} 
.greeting .con-box .img{flex:1 1 auto;min-width:0;width:1%;}
.greeting .eng-box .top-txt{font-size:20px;font-weight:300;margin-bottom:37px;}
.greeting .eng-box span{font-weight:700;}
/* .greeting .eng-box span.red{font-weight:300;color:#e00025;} */
.greeting .eng-box .txt{margin-bottom:33px;font-weight:300;}
.greeting .eng-box .ceo{font-size:18;}
.greeting .eng-box .ceo span{font-size:20px;font-weight:700;margin-left:11px;word-spacing:3px;}

.history{position:relative;}
.history:after{content:'';background:url('../images/sub/history_bg.png')no-repeat 100% 0%/contain;width:1053px;height:823px;position:absolute;right:0px;bottom:-320px;}
.history .con{position:relative;margin-left:130px;}
.history .con:after{content:'';width:1px;height:95%;background-color:#ddd;position:absolute;left:218px;top:22px;z-index:-1;opacity:.5;}
.history .year{font-size:60px;line-height:1em;font-weight:800;position:relative;color:#0c4da2;}
.history .row:nth-child(even) .year{color: #989898;}
.history .row:nth-child(even) .year:before{background-color:#989898;}
.history .row:nth-child(even) .year:after{border-color:rgba(152,152,152,.3);}
.history .year:before{content:'';width:14px;height:14px;background-color:#0c4da2;position:absolute;border-radius:50%;right:-80px;top:19px;}
.history .year:after{content:'';width:50px;height:50px;border:1px solid rgba(12,77,162,.3);position:absolute;right:-98px;top:1px;border-radius:50%;}
.history .row{display:flex;margin-bottom:94px;}
.history .row:last-child{margin-bottom:0;}
.history .year{margin-right:203px;}
.history .info{margin-top:13px;position:relative;}
.history .info:before{content:'';width:90px;height:1px;background-color:#0c4da2;position:absolute;left:-130px;top:12px;z-index:-1;}
.history .row:nth-child(even) .info:before{background-color:#989898;}
.history .info li{display:flex;position:relative;margin-bottom:26px;}
.history .info li:last-child{margin-bottom:0;}
.history .info li .month{font-size:20px;font-weight:800;position:absolute;left:0;}
.history .info li .txt-box{margin-left:42px;}
.history .info li .txt-box .nanum{font-size:18px;font-weight:400;}
.history .info li .txt-box p{font-weight:300;}

.mission .txt-box{display:flex;margin-top:34px;}
.mission .txt-box .txt{width:33.3333%;text-align:center;font-weight:300;}

.equipment .type-box{display:flex;margin-right:-18px;margin-bottom:40px;}
.equipment .type-box .box{width:calc(50% - 18px);margin-right:18px;border:1px solid #ddd;padding:25px;}
.equipment .type-box .box .tit{color:#242424;font-weight:800;color:#242424;font-size:20px;margin-bottom:5px;}
.equipment .type-box .box ul li{line-height:2.250em;padding-left:9px;position:relative;}
.equipment .type-box .box ul li:before{content:'';width:4px;height:4px;background-color:#0c4da2;border-radius:50%;position:absolute;left:0;top:17px;}
.equipment .equipments{display:flex;margin-right:-18px;}
.equipment .equipments .box{width:calc(50% - 18px);margin-right:18px;text-align:center;}
.equipment .equipments .box .img{border:1px solid #ddd;}
.equipment .equipments p{font-size:18px;font-weight:700;margin-top:15px;}

.location .root_daum_roughmap {width:100% !important; height:420px !important;}
.location .root_daum_roughmap .wrap_map {height:420px !important;}
.location .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .roughmap_lebel_text:after {content:"프로인(주)"; font-size:12px; line-height:15px;}
.location .info-box{background-color:#0c4da2;color:#fff;padding:58px 50px 79px;display:flex;}
.location .logo{padding-right:40px;position:relative;margin-right:75px;display:flex;align-items:center;}
.location .logo:after{content:'';width:1px;height:80px;background-color:rgba(255,255,255,.5);position:absolute;right:0;top:50%;margin-top:-40px;}
.location .address{font-weight:200;position:relative;margin-right:110px;}
.location .address:before{content:'';width:13px;height:19px;background:url('../images/sub/icon_location.png')no-repeat 50% 50%/contain;position:absolute;left:-35px;top:5px;}
.location .num-area{font-weight:200;}
.location .num-area .tel{position:relative;margin-bottom:23px;}
.location .num-area .tel:after{content:'';width:18px;height:18px;background:url('../images/sub/icon_tel.png')no-repeat 50% 50%/contain;position:absolute;left:-38px;top:6px;}
.location .num-area .fax{position:relative;}
.location .num-area .fax:after{content:'';width:22px;height:19px;background:url('../images/sub/icon_fax.png')no-repeat 50% 50%/contain;position:absolute;left:-42px;top:6px;}