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

.network-map {margin-bottom:60px;}

.network-info {}
.network-info .row {display:flex; justify-content:space-between; border-bottom:1px solid #dfdfdf; padding-bottom:45px; margin-bottom:45px;}
.network-info .gon-tit {flex:1 1 400px; max-width:400px; display:flex; align-items:center;}
.network-info .gon-tit .icon {width:60px;}
.network-info .gon-tit .info {padding-left:20px;}
.network-info .gon-tit .info .tit {font-size:22px; line-height:1.6em; font-weight:700; margin-bottom:5px;font-family: 'Inter', sans-serif;}
.network-info .gon-tit .info  p {font-size:16px; line-height:1.4em; color:#a8a8a8;}
.network-info .addr-info {flex:1 1 auto; width:1%; min-width:0; padding-left:20px;}
.network-info .addr-info ul {display:flex; justify-content:flex-end; margin:0 -40px;}
.network-info .addr-info ul li {padding:0 40px; font-size:16px; line-height:1.4em; color:#2c2c2c}
.network-info .addr-info ul li .icon-tit {padding-left:36px; position:relative; color:#a8a8a8; line-height:28px; margin-bottom:15px;}
.network-info .addr-info ul li .icon-tit:before {content:"";position:absolute; top:0; left:0; width:28px; height:28px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.network-info .addr-info ul li:nth-child(1) .icon-tit:before {background-image:url('../images/sub/icon_addr.png')}
.network-info .addr-info ul li:nth-child(2) .icon-tit:before {background-image:url('../images/sub/icon_tel.png')}
.network-info .addr-info ul li:nth-child(3) .icon-tit:before {background-image:url('../images/sub/icon_fax.png')}
.network-info .title {color:#ee1d23; font-size:22px; line-height:1.4em; font-weight:700; margin-bottom:15px;}
.network-info .line-list {font-size:16px; line-height:1.4em;}
.network-info .line-list ul {display:flex; flex-wrap:wrap; margin:0 -20px -15px;}
.network-info .line-list ul li {width:33.33333%; padding:0 20px; margin-bottom:15px;}
.network-info .line-list .tit {position:relative;  font-weight:700; margin-bottom:5px; padding-left:10px;}
.network-info .line-list .tit:before {content:"";position:absolute; top:9px; left:0; width:4px; height:4px; background:#ee1d23; border-radius:50%;}
.network-info .line-list p {margin-bottom:5px; padding-left:10px;}
.network-info .line-list p:last-child {margin-bottom:0;}


.vision-cnt {text-align:center;}
.vision-cnt .marker {margin-bottom:35px;}
.vision-cnt .cnt {margin-bottom:80px; font-size:18px; line-height:1.6em; color:#121212}
.vision-cnt .cnt ul {display:inline-block;}
.vision-cnt .cnt ul li {position:relative; text-align:left; padding-left:10px;}
.vision-cnt .cnt ul li:after {content:""; position:absolute; top:12px; left:0; width:4px; height:4px; background:#ee1d23; border-radius:50%;}

.greeting {}
.greeting .pic {text-align:center; margin-bottom:60px;}
.greeting .img {margin-bottom:50px;}
.greeting .cnt {margin-bottom:25px; font-size:16px ;line-height:1.6em; color:#121212}
.greeting .cnt:last-child {margin-bottom:0;}

.history {}
.history ul {display:flex; flex-wrap:wrap; margin:0 0 -60px -40px;}
.history ul li {position:relative; width:25%; padding-left:40px; margin-bottom:60px;}
.history ul li:after {content:"";position:absolute; top:66px; left:0; width:100%; height:1px; background:#2c2c2c; z-index:-1}
.history ul li .year {position:relative; text-align:center; font-size:24px; line-height:1.4em; color:#121212; font-weight:700; padding-bottom:50px; margin-bottom:25px;}
.history ul li .year:before {content:"";position:absolute; bottom:0; left:0; width:100%; height:30px; background:url('../images/sub/history_dot.png') 50% 50% no-repeat; background-size:contain;}
.history ul li .box {border:1px solid #dfdfdf; padding:26px 30px; min-height:278px;}
.history ul li .box>ul {margin:0; display:block}
.history ul li .box>ul>li {width:100%; padding:0 0 0 10px; margin-bottom:10px; font-size:14px ;line-height:1.4em; color:#121212}
.history ul li .box>ul>li:after {content:"";position:absolute; top:6px; left:0; width:4px; height:4px ;background:#ee1d23; border-radius:50%;}

.brochure {}
.brochure ul {display:flex; padding-left:1px; margin-bottom:60px;}
.brochure ul li {width:50%; border:1px solid #dfdfdf; margin-left:-1px;}
.brochure .btn {display:block; max-width:280px; width:100%; margin:0 auto; height:60px;text-align:center; border:1px solid #ee1d23; font-size:16px; line-height:58px; color:#ee1d23; font-weight:700;}
.brochure .btn:before {content:"";display:inline-block;vertical-align:top; width:20px; height:58px; background:url('../images/sub/icon_download.png') 50% 50% no-repeat; margin-right:10px;}

.rnd-head {text-align:center; color:#121212; font-size:16px; line-height:1.4em; margin-bottom:65px;}

.rnd-cnt {}
.rnd-cnt ul {display:flex; flex-wrap:wrap; margin-left:-40px; margin-bottom:-50px;}
.rnd-cnt ul li {width:50%; padding-left:40px; margin-bottom:50px;}
.rnd-cnt ul li:nth-child(1) {width:38%}
.rnd-cnt ul li:nth-child(2) {width:62%}
.rnd-cnt .tit {color:#121212; font-size:22px; line-height:1.4em; font-weight:700; margin-bottom:10px;}
.rnd-cnt .pic {position:relative;}
.rnd-cnt .pic:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd}

.ehs-cnt {max-width:800px; margin:0 auto 75px;}
.ehs-cnt ul {display:flex; margin-left:-145px;}
.ehs-cnt ul li {width:50%; padding-left:145px; text-align:center;}
.ehs-cnt ul li .icon {width:240px; height:240px; border-radius:100%; border:1px solid #ee1d23; background-size:contain; background-repeat:no-repeat;background-position:50% 50%; margin:0 auto 15px;}
.ehs-cnt ul li:nth-child(1) .icon {background-image:url('../images/sub/ehs_icon1.png')}
.ehs-cnt ul li:nth-child(2) .icon {background-image:url('../images/sub/ehs_icon2.png')}
.ehs-cnt ul li .tit {font-size:22px; line-height:1.4em; color:#121212; font-family: 'Inter', sans-serif; margin-bottom:15px;}
.ehs-cnt ul li .tit strong {font-weight:600; color:#ee1d23;}
.ehs-cnt ul li .cnt {font-size:14px; line-height:1.6em; color:#878787;}

.doc-wrap {margin-bottom:30px;}
.doc-wrap .doc-tit {margin-bottom:10px;}
.doc-wrap p {font-size:16px;line-height:1.4em; color:#121212;}
.doc-tit {font-size:22px; line-height:1.4em; color:#121212; margin-bottom:30px;}


.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:16px; line-height:1.5em; letter-spacing:-.03em; color:#121212;}
.table01 table thead th {padding:14px 5px; border:1px solid #dfdfdf; background:#fafafa; font-weight:700; }
.table01 table tbody th {padding:14px 5px; border:1px solid #dfdfdf; font-weight:700;}
.table01 table tbody td {padding:14px 5px; border:1px solid #dfdfdf; text-align:center; font-size:14px;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}
.table01.type2 table tbody td {font-size:16px;}

.ir-icon-cnt {padding:0 80px; margin-bottom:70px;}
.ir-icon-cnt ul {display:flex; margin:0 -40px;}
.ir-icon-cnt ul li {width:25%; padding:0 40px; text-align:center;}
.ir-icon-cnt ul li .icon {margin-bottom:15px;}
.ir-icon-cnt ul li .tit {font-size:16px; line-height:1.4em; color:#2c2c2c; font-weight:700; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #dfdfdf ;}
.ir-icon-cnt ul li p {font-size:26px; line-height:1.4em; font-weight:700; color:#2c2c2c}
.ir-icon-cnt ul li p span {font-weight:400; font-size:16px;}


.ethical-head {margin-bottom:75px; text-align:center;}
.ethical-head .tit {color:#ee1d23; font-size:18px; line-height:1.4em;font-weight:700; margin-bottom:25px;font-style:italic}
.ethical-head p {font-size:16px; line-height:1.4em; color:#121212;}

.ethical-cnt {}
.ethical-cnt .row {display:flex; margin-bottom:50px}
.ethical-cnt .row:last-child {margin-bottom:0;}
.ethical-cnt .photo {flex:1 1 300px; max-width:300px;}
.ethical-cnt .photo .pic {position:relative; height:0; padding-bottom:73.3%; overflow:hidden;}
.ethical-cnt .photo .pic img {position:absolute; top:50%; left:0; 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;}
.ethical-cnt .info {padding-top:10px; flex:1 1 auto; width:1%; padding-left:30px; font-size:14px; line-height:1.6em; color:#121212;}
.ethical-cnt .info .tit {font-size:16px; line-height:1.4em;font-weight:700; color:#ee1d23; margin-bottom:20px;}
.ethical-cnt .info ul li {position:relative; padding-left:10px;  margin-bottom:5px ;}
.ethical-cnt .info ul li:before {content:"";position:absolute; top:10px; left:0; width:3px; height:1px;background:#121212}
.ethical-cnt .info ul li:last-child {margin-bottom:0;}
.ethical-cnt .info p {padding-left:10px; margin-top:5px;}

.ethical-box {border:1px solid #ee1d23; display:flex; align-items:center; background:#fafafa; padding:65px 80px;margin-bottom:80px;}
.ethical-box .icon {flex:1 1 104px; max-width:104px;}
.ethical-box .info {flex:1 1 auto; width:1%; padding-left:66px;}
.ethical-box .info .tit {font-size:16px; line-height:1.4em;font-weight:700; color:#ee1d22; margin-bottom:20px;}
.ethical-box .info ul li {position:relative; padding-left:10px; font-size:16px; line-height:1.4em; color:#121212; margin-bottom:10px;}
.ethical-box .info ul li:before {content:"";position:absolute; top:10px; left:0; width:3px; height:1px;background:#121212}
.ethical-box .info ul li:last-child {margin-bottom:0;}

.human-head {padding:0 100px; margin-bottom:100px;  color:#121212}
.human-head .row {display:flex; align-items:center; margin:0 -30px;}
.human-head .col {width:50%; padding:0 30px; text-align:center;}
.human-head .group {display:flex; align-items:center; text-align:left; border-bottom:1px solid #dfdfdf; padding-bottom:15px; margin-bottom:15px;}
.human-head .group:last-child {padding-bottom:0; border-bottom:0; margin-bottom:0;}
.human-head .group .icon {flex:1 1 62px; max-width:62px;}
.human-head .group .info {flex:1 1 auto; width:1%; padding-left:15px;}
.human-head .group .tit {font-size:18px; line-height:1.4em;;font-weight:700; margin-bottom:5px;}
.human-head .group p {font-size:14px; line-height:1.4em;}

.human-step {margin-bottom:70px;}
.human-step ol {display:flex;  margin-left:-8px;}
.human-step ol li {position:relative; width:calc(24.2857% - 13px); display:table; margin-left:13px; border:1px solid #ee1d23; padding:36px 15px; text-align:center; font-size:14px ;line-height:1.6em; color:#121212;}
.human-step ol li p {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.human-step .num {position:absolute; top:-8px; left:-8px; width:34px; height:34px; background:#ee1d23; text-align:center; font-size:15px; line-height:34px; font-weight:700; color:#fff;}

.human-box ul {display:flex; margin-left:-27px;}
.human-box ul li {width:calc(25% - 27px); margin-left:27px; position:relative;}
.human-box ul li:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #dfdfdf; z-index:-1}
.human-box ul li .tit {position:relative; background:#221f1f; text-align:center; font-size:18px; line-height:1.4em; font-weight:700; color:#fff; padding:15px 5px;}
.human-box ul li .tit:after {content:"";position:absolute; bottom:-10px; left:50%; margin-left:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #221f1f;}
.human-box ul li .box {padding:28px;}
.human-box ul li .box ul{margin-left:0; display:block;}
.human-box ul li .box ul>li{position:relative; width:100%; margin-left:0;font-size:14px ;line-height:1.6em; color:#121212; padding-left:12px; margin-bottom:7px;}
.human-box ul li .box ul>li:last-child {margin-bottom:0;}
.human-box ul li .box ul>li:after {display:none}
.human-box ul li .box ul>li:before {content:"";position:absolute; top:8px; left:0; width:5px; height:5px; border-radius:50%; background:#ee1d23}