@charset "utf-8";

/*공통*/
/*greeting*/
.greeting .bg-box {margin-bottom:35px;}
.greeting .bg {text-align:center; height:400px; width:100%; background:url("../images/sub/greeting_bg.jpg") no-repeat 50% 50%;}
.greeting .bg-box h3 {position:relative; text-align:center; margin-top:-44px; font-size:32px; font-weight:700; line-height:1.2em; color:#fff;}
.greeting .bg-box h3 span {display:inline-block; padding:20px 40px; background:linear-gradient(to left, #015eea, #00c0fa);}
.greeting .cnt {text-align:center;}
.greeting .group {margin-bottom:35px;}
.greeting .tit {font-size:28px; font-weight:700; color:#1d2088; letter-spacing:-0.04em; line-height:1.2em; margin-bottom:20px;}
.greeting .txt {font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#2c2c2c;}
.greeting .sign {display:flex;align-items: center; justify-content: center;}
.greeting .sign p {font-size:17.98px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#2c2c2c; margin-right:15px;}

/*history*/
.history .group {position:relative; display:flex; padding-bottom:44px;}
.history .group:before {content:""; position:absolute; height:100%; left:50%; width:1px; background:#dfdfdf;}
.history .group:last-child::before {display:none;}
.history .group > ul {width:50%; padding-right:114px; text-align:right; padding-top:22px;}
.history .group > ul > li {position:relative;display:flex; font-size:16px; font-weight:300; line-height:1.6em; letter-spacing:-0.03em; margin-bottom:15px;}
.history .group > ul > li:before {content:""; position:absolute; width:1px; height:100%; left:8px; background:#dfdfdf; top:25px;}
.history .group > ul > li:first-child::after {content:""; position:absolute; width:40px; height:1px; background:#dfdfdf; top:15px; left:-40px;}
.history .group > ul > li:last-child {margin-bottom:0;}
.history .group > ul > li:last-child::before {display:none;}
.history .group:nth-child(odd) {flex-direction: row-reverse;}
.history .group:nth-child(odd) > ul {padding-left:114px; padding-right:0; text-align:left;}
.history .group:nth-child(even) > ul > li {display:flex; flex-direction: row-reverse;}
.history .group:nth-child(even) > ul > li:before {left:unset; right:8px;}
.history .group:nth-child(even) > ul > li:first-child::after {left:unset; right:-40px;}

.history .group .year {position:absolute; z-index:2; left:50%; transform:translateX(-50%); font-size:28px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#1d2088; padding:16px 50px; background:#fff; border:4px solid #1d2088; border-radius:50px; display:inline-block;}
.history .group .month {position:relative; display:block; padding-left:28px; margin-right:40px; font-size:18px; font-weight:500; line-height:1.6em; letter-spacing:-0.03em; color:#2c2c2c;}
.history .group .month:before {content:""; position:absolute; width:18px; height:18px; border:5px solid #1d2088; border-radius:100%; background:#fff; left:0; top:7px;}
.history .group:nth-child(even) .month {margin-right:0; margin-left:40px; padding-right:28px; padding-left:0;}
.history .group:nth-child(even) .month:before {right:0; left:unset;}

/*org*/
#container.type2 {background:url("../images/sub/org_bg.gif") no-repeat 50% 50%; background-size:cover;}
.sub-title.type2 {margin-top:0; padding-top:100px;}
.org {text-align:center;}

/*certification*/
.board-search .search form {display:flex;}
.dis-inflex {display:inline-flex !important; align-items: center; justify-content: center;}
.certification .total-page span {color:#505050;}
.certi ul {display:flex; flex-wrap:wrap; margin:0 -14px;}
.certi li {text-align:center; width:25%; padding:0 14px; margin-bottom:25px;}
.certi ul li .thumb {position:relative; padding-bottom:141%; margin-bottom:12px; overflow:hidden;}
.certi ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.certi ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.certi ul li .tit {font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}

/*location*/
.location  .root_daum_roughmap {width:100% !important; height:447px !important;}
.location  .root_daum_roughmap .wrap_map {height:447px !important;}
.local {margin-bottom:25px;}
.local-info ul {display:flex;}
.local-info li {display:flex; padding-right:45px;}
.local-info li span {display:block; font-size:16px; font-weight:300; line-height:1.4em; letter-spacing:-0.03em; color:#2c2c2c;}
.local-info li span:first-child {font-weight:500; color:#1d2088;}
.local-info .icon {display:flex;align-items: center;justify-content: center; margin-right:10px;}
.local-info .local-place {padding-left:27px; position:relative; font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#2c2c2c;}
.local-info .local-place:before {content:""; position:absolute; width:18px; height:18px; border-radius:100%; border:5px solid #1d2088; left:0; top:2px;}
.local-info p {font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#2c2c2c; margin-bottom:10px;}

.map1 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.map1 .roughmap_lebel_text:after {content:"이천 본사"; font-size:12px; line-height:15px;}

.map2 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.map2 .roughmap_lebel_text:after {content:"성민텍(주)"; font-size:12px; line-height:15px;}

/*business*/
.business .biz-cate {margin-bottom:60px;}
.business .biz-cate ul {display:flex; margin:0 -15px -30px -15px;}
.business .biz-cate li {width:20%; padding:0 15px; text-align:center; margin-bottom:30px;}
.business .biz-cate .num {position:relative; display:block; width:38px; height:38px; border-radius:100%; margin:0 auto -19px auto; background:#1d2088; color:#fff; font-size:18px; font-weight:500; line-height:38px; letter-spacing:-0.03em; z-index:2;}
.business .biz-cate .cnt {border:1px solid #dfdfdf; padding-top:45px; min-height:150px;}
.business .biz-cate .tit {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#505050; margin-bottom:5px;}
.business .biz-cate .txt {font-size:15px; line-height:1.7em; font-weight:300; letter-spacing:-0.03em; color:#878787;}

.business .group-tit {position:relative; padding-left:30px; font-size:20px; font-weight:500; line-height:1.2em; color:#2c2c2c; margin-bottom:30px;}
.business .group-tit:before {content:""; position:absolute; width:18px; height:18px; border-radius:100%; border:5px solid #1d2088; left:0; top:4px;}
.business .group ul {display:flex; flex-wrap:wrap; margin-left:-30px; margin-bottom:-30px;}
.business .group li {width:calc(20% - 30px); margin-left:30px; margin-bottom:30px;}
.business .group li .img {position:relative;}
.business .group li .tit {position:absolute; left:0; width:100%; bottom:0; text-align:center; color:#fff; background:rgba(0,0,0,0.4); padding:5px 0; font-size:16px; font-weight:300; line-height:1.5em; letter-spacing:-0.03em;}

/*machine*/
.machine ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px -15px;}
.machine ul li {text-align:center; width:20%; padding:0 15px; margin-bottom:30px;}
.machine ul li .img {margin-bottom:16px;}
.machine ul li .tit {font-size:16px; font-weight:300; line-height:1.5em; color:#2c2c2c;}

/*policy*/
.policy .bg-box {display:flex; align-items: center; padding-left:100px; height:320px; width:100%; background:url("../images/sub/policy_bg.jpg") no-repeat 50% 50%; background-size:cover; margin-bottom:50px;}
.policy .bg-box p {font-size:20px; font-weight:300; line-height:1.6em; letter-spacing:-0.04em; color:#fff;}
.policy .bg-box p strong {font-weight:700;}

.policy-list ul {display:flex; flex-wrap:wrap; margin-bottom:-55px;}
.policy-list ul li {width:50%; display:flex; align-items: center; margin-bottom:55px;}
.policy-list .icon {width:100px; height:100px; background:#e8e8f3; border-radius:100%; display:flex;align-items: center; justify-content: center; margin-right:20px;}
.policy-list .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}
.policy-list .tit {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#1d2088; margin-bottom:5px;}
.policy-list .txt {font-size:16px; font-weight:300; line-height:1.5em; letter-spacing:-0.03em; color:#2c2c2c;} 

.safty .bg-box {background:url("../images/sub/safty_bg.jpg") no-repeat 50% 50%;}