@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.introduce h3 {text-align:center; font-size:32px; line-height:32px; font-weight:700;}
.introduce .img {margin-bottom:110px;}

.mean h3 {color:#183883; margin-bottom:45px;}
.mean h3 span {color:#ee9b11;}

.project-detail h3 {margin-bottom:32px;}
.vision	h3 {margin-bottom:50px;}
.chart h3 {margin-bottom:35px;}
.inner-pic h3 {margin-bottom:35px;} 

.inner-pic .items {margin:0 -10px; display:flex; flex-wrap:wrap;}
.inner-pic .items .item {margin:0 10px 20px; border:1px solid #dfdfdf; height:100%;}
.inner-pic .items .item:nth-last-child(-n+2) {margin-bottom:0;}

.history-img {font-family:'Montserrat', sans-serif; font-size:90px; display:table-cell; vertical-align:middle; letter-spacing:0.04em; font-weight:600; text-align:center; width:910px; height:194px; background:url('../images/sub/history.jpg')0 0 no-repeat; color:#fff;}
.history-img p {margin-top:24px;}
.history-img p span {color:#ee9b11;}

.history {position:relative; padding-top:60px; overflow:hidden;}
.history .group {position:relative; padding-bottom:50px;}
.history .group:before {content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#ccc;}
.history .group:last-child {margin-bottom:0; padding-bottom:0;}
.history .group:last-child::before {display:none;}
.history .group h3 {position:relative; font-size:24px; font-weight:700;}
.history .group h3:before {content:""; position:absolute; top:0; width:33px; height:33px; background:#fff; border:10px solid #183883; border-radius:100%;}
.history .group ul li {position:relative; color:#505050; font-size:14px; line-height:2.875em;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(odd) h3 {padding-left:35px; line-height:1.4em;}
.history .group:nth-child(odd) h3:before {left:-16px;}
.history .group:nth-child(odd) ul {padding-left:35px;}
.history .group:nth-child(odd) ul li .month {left:0;}
.history .group:nth-child(even) {padding-right:50%; text-align:right;}
.history .group:nth-child(even) h3 {padding-right:35px;}
.history .group:nth-child(even) h3:before {right:-16px; border-color:#ee9b11;}
.history .group:nth-child(even) ul {padding-right:35px;}
.history .group:nth-child(even) ul li .month {right:0;}

.local {display:flex; text-align:center; line-height:1.8em; letter-spacing:-0.04em; border:1px solid #dfdfdf; margin-top:42px;}
.local h3 {font-size:22px; font-weight:500; margin-bottom:17px;}
.local p {font-weight:300;}
.local .address {width:50%; padding:26px 30px; border-right:1px solid #dfdfdf;}
.local .address p {text-align:left; font-size:14px;}
.local .number {width:25%; padding:60px 30px; border-right:1px solid #dfdfdf;}
.local .number:last-child {border-right:none;}
.local .number p {font-size:18px;}
.local .icon {margin-bottom:5px;}

.contact {display:flex; position:relative; text-align:center; line-height:30px; letter-spacing:-0.04em; margin:0 -15px; vertical-align:middle;}
.contact h3 {font-size:28px; font-weight:500; position:relative; margin-bottom:25px;}
.contact h3:after {position:absolute; content:""; height:82px;}
.contact2 {position:relative; display:block;}
.contact2 .img {margin-bottom:30px;}
.contact2 .img2 {display:none;}
.contact .inquire {display:none; position:absolute; left:50%; transform:translateX(-50%); width:117px; height:50px; line-height:49px; border:1px solid #fff; font-weight:300;}
.contact2 {width:33.3333%; background:url('../images/sub/contact_bg1.jpg')0 0 no-repeat; height:420px; margin:0 15px; padding:135px 0;}
.contact2:hover {background-image:url('../images/sub/contact_bg2.jpg'); color:#fff;}
.contact2:hover .img1{display:none;}
.contact2:hover .img2{display:block;}
.contact2:hover .inquire{display:block;}

.product-menu ul {display:flex ;flex-wrap:wrap; border:1px solid #dfdfdf; border-top:2px solid #ee9b11; background-color:#fafafa; padding:30px 15px; line-height:32px; margin-bottom:40px;}
.product-menu ul li {width:33.3333%; margin-bottom:3px; padding:0 15px; font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-menu ul li a {display:block;}
.product-menu .active {color:#ee8911; font-weight:700;}

.product {display:flex; flex-wrap:wrap;}
.product .detail {display:flex; width:50%; border:1px solid #dfdfdf; margin-top:-1px; margin-left:-1px; padding:45px 40px; position:relative;}
.product .detail .img {width:40%; position:relative; padding-bottom:32%; margin-bottom:10px; overflow:hidden;}
.product .detail .img 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:contain;}
.product .detail .txt {width:60%; padding-left:40px; margin-top:5px;}
.product .detail .txt h3 {font-weight:500; font-size:18px;}
.product .detail .txt a {display:block; width:110px; height:41px; background-color:#ee9b11; color:#fff; line-height:41px; text-align:center; border-radius:5px; position:absolute; bottom:42px; padding-left:25px; font-size:14px; font-weight:500;}
.product .detail .txt a:after {position:absolute; content:""; width:18px; height:15px; background:url('../images/sub/detail_icon.png')0 0 no-repeat; left:19px; top:13px;}

.product-item .detail {padding:20px; margin-bottom:20px; width:100%; margin-left:0; height:200px;}
.product-item .detail:last-child {margin-bottom:0;}
.product-item .detail .img-box {width:160px; height:160px; position:relative;}
.product-item .detail .img-box:after {position:absolute; content:''; width:100%; height:100%; top:0; left:0; border:1px solid #dfdfdf;}
.product-item .detail .img-box .img {width:auto; padding-bottom:100%; margin-bottom:0;}
.product-item .detail .txt {width:auto; flex:1;}
.product-item .detail .txt a {bottom:20px; right:30px;}
.product-item .detail .cnt {padding-right:130px; color:#505050; line-height:2em; height:8em; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.product-item a.detail .cnt {padding-right:0;}

.talent-img {margin-bottom:37px; border-bottom:1px solid #dfdfdf; padding:6px 0 30px 0;}