@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.greeting {text-align:center; font-size:20px;line-height:1.7em;}
.greeting .img {height:400px; color:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:76px;background:url('../images/sub/greeting.jpg') 50% 50% no-repeat; background-size:cover;}
.greeting .img .tit {font-size:90px; line-height:1.4em;font-family: 'Handletter',sans-serif;}
.greeting .img p {font-size:22px; line-height:1.4em;}
.greeting .cnt {margin-bottom:30px;}
.greeting  strong {font-weight:600;}
.greeting .cnt .c1 {color:#e60012}
.greeting .cnt .c2 {color:#1d2088}
.greeting .names {color:#2c2c2c; display:flex; align-items:center; justify-content:center;}
.greeting .names .name {margin-left:10px;}

.history .img {height:400px; color:#fff; position:relative; background:url('../images/sub/history.jpg') 50% 50% no-repeat; background-size:cover; margin-bottom:100px;}
.history .img .tit {position:absolute; bottom:20px; left:36px; font-size:56px; line-height:1.4em; font-weight:800;}
.history .group {display:flex; margin-bottom:60px;}
.history .group:last-child {margin-bottom:0;}
.history .group .years {width:400px; font-size:56px; line-height:1.4em; color:#2c2c2c;font-weight:800;}
.history .group .info {flex:1 1 auto; min-width:0; width:1%; border-left:2px solid #dfdfdf; padding-left:60px;}
.history .group .item {border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;}
.history .group .item .year {font-size:30px; line-height:1.4em; color:#2c2c2c;font-weight:700; margin-bottom:10px;}
.history .group .item ul li {display:flex; margin-bottom:10px;}
.history .group .item ul li:last-child {margin-bottom:0;}
.history .group .item ul li .month {width:50px; color:#2c2c2c; font-size:20px; line-height:1.444em; font-weight:500;}
.history .group .item ul li .txt {flex:1 1 auto; min-width:0; width:1%; font-size:18px; line-height:1.444em;}
.history .group .item:last-child {margin-bottom:0;}

.root_daum_roughmap {width:100% !important; height:480px !important;}
.root_daum_roughmap .wrap_map {height:480px !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"우신산업(주)"; font-size:12px; line-height:15px;}

.location-info {margin-top:40px;}
.location-info ul {display:flex;}
.location-info ul li {width:33.333333%; border:1px solid #dfdfdf; border-left:0; padding:35px 35px 40px; background-repeat:no-repeat; background-position:85% 100%;}
.location-info ul li:first-child {border-left:1px solid #dfdfdf;}
.location-info ul li:nth-child(1) {background-image:url('../images/sub/icon_addr.png');}
.location-info ul li:nth-child(2) {background-image:url('../images/sub/icon_tel.png');}
.location-info ul li:nth-child(3) {background-image:url('../images/sub/icon_fax.png');}
.location-info ul li h3 {font-size:18px; line-height:1.4em;font-weight:700; color:#1d2088; margin-bottom:16px;}
.location-info ul li .txt {font-size:20px; line-height:1.4em; color:#2c2c2c;font-weight:500;}
.location-info ul li .txt.tel {font-size:26px;}

.business-img {margin-bottom:50px;}
.business-cnt {text-align:center;}
.business-cnt ul {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -10px -20px;} 
.business-cnt ul li {padding:0 10px; margin-bottom:20px; }
.business-cnt ul li .box {width:133px; height:133px; border:1px solid #e60012; font-size:18px; line-height:1.4em; color:#e60012;font-weight:500; border-radius:100%;display:flex; align-items:center; justify-content:center;}
.business-cnt ul li:nth-child(even) .box {color:#1d2088; border-color:#1d2088}
.business-cnt .txt {margin-top:40px; font-size:20px; line-height:1.7em;}

.cert-list ul {display:flex; flex-wrap:wrap; margin:0 -20px -30px;}
.cert-list ul li {width:25%; padding:0 20px; text-align:center; margin-bottom:30px;}
.cert-list ul li .pic {margin-bottom:10px;}
.cert-list ul li .pic img {width:100%}
.cert-list ul li .tit {font-size:16px; line-height:1.4em; color:#2c2c2c;font-weight:600;}

.ci-img {margin-bottom:30px;}
.ci-btns {display:flex; justify-content: space-between;}
.ci-btns .txt {font-size:20px; line-height:1.4em; color:#2c2c2c;}
.ci-btns .btns a {margin-left:10px; border:1px solid #878787; display:inline-flex; align-items:center; justify-content:center; min-width:220px; height:50px; font-size:16px; line-height:1.4em; color:#2c2c2c;font-weight:700;}
.ci-btns .btns .icon {width:20px; height:19px; background:url('../images/sub/icon_download.png') 50% 50% no-repeat; background-size:contain; margin-right:10px;}

.talent-img {height:400px; background:url('../images/sub/talent.jpg') 50% 50% no-repeat; padding-top:60px; background-size:cover; margin-bottom:75px;text-align:center;color:#fff;}
.talent-img .tt {font-size:80px; line-height:1.4em;font-weight:700; opacity:.25; margin-bottom:10px;}
.talent-img p {font-size:26px; line-height:1.4em; letter-spacing:.4em;}

.talent-cnt ul {display:flex; margin:0 -20px;}
.talent-cnt ul li {width:33.333333%; padding:0 20px; text-align:center; border-left:1px solid #dfdfdf;}
.talent-cnt ul li:first-child {border-left:0;}
.talent-cnt ul li .icon {margin-bottom:20px;}
.talent-cnt ul li .tit {font-size:22px; line-height:1.4em; color:#2c2c2c;font-weight:700; margin-bottom:10px;}
.talent-cnt ul li .cnt {font-size:16px; line-height:1.625em;}