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

.doc-tit {position:relative; margin-bottom:18px; padding-left:30px; font-size:24px; line-height:1.3em; font-weight:500; color:#242424;}
.doc-tit:after {content:""; position:absolute; top:5px; left:0; width:20px; height:20px; background:url('../images/sub/dot1.png') 0 0 no-repeat; background-size:100% 100%;}

.doc-cnt {margin-bottom:50px;}
.doc-cnt:last-child {margin-bottom:0;}

.business-field .explain {background:#f8f8f8; padding:75px 0 40px; margin-bottom:80px;}
.business-field .explain.explain2 {padding-top:40px;}
.business-field .explain .title {margin-bottom:10px;}
.business-field .explain .title h3 {font-size:32px; line-height:1em; color:#2c2c2c; margin-bottom:18px;}
.business-field .explain .title p {margin-bottom:15px; font-size:19px; line-height:36px; color:#2c2c2c;}
.business-field .explain .title p:last-child {margin-bottom:0;}
.business-field .explain .list > ul {display:flex; flex-wrap:wrap; margin:0 -30px;}
.business-field .explain .list > ul > li {width:33.333333%; border-top:1px solid #dfdfdf; padding:38px 30px;}
.business-field .explain .list > ul > li:nth-child(1),
.business-field .explain .list > ul > li:nth-child(2),
.business-field .explain .list > ul > li:nth-child(3) {border-top:0;}
.business-field .explain .list > ul > li .tt {font-size:24px; line-height:1.3em; font-weight:600; color:#e02128; margin-bottom:14px;}
.business-field .explain .list > ul > li p {font-size:18px; line-height:32px; font-weight:300; color:#505050;}
.business-field .explain .list > ul > li ul li {display:flex; font-size:18px; line-height:32px; font-weight:300; color:#505050;}
.business-field .explain .list > ul > li ul li .tt2 {padding-right:5px;}
.business-field .explain .list > ul > li ul li p {flex:1 auto; width:1%; padding-left:5px;}
.business-field .group {margin-bottom:90px;}
.business-field .group:last-child {margin-bottom:0;}
.business-field .sub-tit {margin-bottom:22px;}
.business-field .sub-tit .tt {font-size:32px; line-height:1.3em; font-weight:700; color:#2c2c2c;}
.business-field .sub-tit p {margin-top:12px; font-size:19px; line-height:36px; color:#2c2c2c;}
.business-field .sub-tit .num-txt {margin-top:20px;}
.business-field .sub-tit .num-txt ul li {display:flex; align-items:center; margin-bottom:20px; font-size:19px; line-height:1.4em;}
.business-field .sub-tit .num-txt ul li:last-child {margin-bottom:0;}
.business-field .sub-tit .num-txt ul li .num {flex:1 1 30px; max-width:30px; height:30px; line-height:30px; background:#e02128; text-align:center; color:#fff; font-size:18px; font-weight:600; margin-right:11px; border-radius:7px;}
.business-field .sub-tit .num-txt ul li .txt {flex:1 auto; width:1%;}
.business-field .sub-tit .num-txt ul li .txt strong {font-weight:500;}
.business-field .sub-tit .hyphen-list ul li {position:relative; padding-left:12px; font-size:19px; line-height:36px; color:#2c2c2c;}
.business-field .sub-tit .hyphen-list ul li:after {content:""; position:absolute; top:18px; left:0; width:4px; height:1px; background:#2c2c2c;}
.business-field .pic {line-height:0;}
.business-field .pic2 {margin:40px 0 80px;}
.business-field .pic-list {margin-bottom:30px;}
.business-field .pic-list ul {display:flex;}
.business-field .pic-list ul li {width:50%;}
.business-field .pic-list2 {margin-bottom:20px;}
.business-field .pic-list2 ul {display:flex; flex-wrap:wrap; margin:-10px;}
.business-field .pic-list2 ul li {width:33.333333%; padding:10px;}
.business-field .additional {margin-bottom:22px;}
.business-field .additional:last-child {margin-bottom:0;}
.business-field .additional .video-zone {max-width:793px;}
.business-field .additional .thumb {width:100%;}
.business-field .additional .thumb .img {position:relative; width:100%; height:0; padding-bottom:56%; overflow:hidden;}
.business-field .additional .thumb .img 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;}
.business-field .additional .thumb .img2 {line-height:0;}
.business-field .additional .txt {margin-bottom:15px;}
.business-field .additional .txt .tt {margin-bottom:10px; font-size:22px; line-height:1.3em; font-weight:600; color:#e02128;}
.business-field .additional .txt .tt strong {color:#2c2c2c; font-size:32px; line-height:1.3em;}
.business-field .additional .txt p {font-size:16px; line-height:32px; font-weight:300; color:#505050;}
.business-field .additional .txt ul li {font-size:16px; line-height:32px; font-weight:300; color:#505050;}
.business-field .additional .txt .notice {margin-top:15px; font-size:15px; line-height:28px; font-weight:300;}
.business-field .additional .txt .notice dl dt {color:#0b5bc7;}
.business-field .additional .txt .notice dl dd {color:#505050;}
.business-field .pic-list3 ul {display:flex; flex-wrap:wrap; margin:-10px;}
.business-field .pic-list3 ul li {width:50%; padding:10px;}
.business-field .director {border-top:1px solid #a8a8a8; border-bottom:1px solid #dfdfdf;}
.business-field .director ul {display:flex; padding:40px 32px;}
.business-field .director ul li {display:flex; align-items:center; margin-right:40px;}
.business-field .director ul li .icon {flex:1 1 100px; max-width:100px; margin-right:18px; line-height:0;}
.business-field .director ul li .txt {flex:1 auto; width:1%;}
.business-field .director ul li .txt dl dt {font-size:14px; line-height:1.3em; font-weight:500; color:#878787; margin-bottom:6px;}
.business-field .director ul li .txt dl dd {font-size:20px; line-height:1.3em; font-weight:500; color:#2c2c2c;}
.business-field .txt-list .col {margin-bottom:28px;}
.business-field .txt-list .col:last-child {margin-bottom:0;}
.business-field .txt-list .tt {font-size:22px; line-height:1.3em; font-weight:600; color:#e02128; margin-bottom:12px;}
.business-field .txt-list .txt {font-size:17px; line-height:32px; font-weight:300; color:#505050;}
.business-field .txt-list .txt ul li {position:relative; padding-left:10px; margin-bottom:8px;}
.business-field .txt-list .txt ul li:after {content:""; position:absolute; top:14px; left:0; width:4px; height:4px; border-radius:50%; background:#505050;}
.business-field .txt-list .txt ul li:last-child {margin-bottom:0;}
.business-field .pic-list4 {margin:20px 0;}
.business-field .pic-list4 ul {display:flex; flex-wrap:wrap; margin:-15px -10px;}
.business-field .pic-list4 ul li {width:25%; padding:15px 10px; text-align:center;}
.business-field .pic-list4 ul li .img {margin-bottom:15px;}
.business-field .pic-list4 ul li p {font-size:17px; line-height:26px; color:#2c2c2c;}
.business-field .pic-list4 .tt {margin-top:15px; text-align:center; font-size:17px; line-height:26px; color:#2c2c2c;}
.business-field .pic-list5 {display:flex; margin:0 -10px;}
.business-field .pic-list5 .box {width:50%; padding:0 10px;}
.business-field .pic-list5 .box1 ul {display:flex; flex-wrap:wrap; margin:-15px -10px;}
.business-field .pic-list5 .box1 ul li {width:50%; padding:15px 10px; text-align:center;}
.business-field .pic-list5 .box1 ul li .img {margin-bottom:15px;}
.business-field .pic-list5 .box1 ul li p {font-size:17px; line-height:26px; color:#2c2c2c;}
.business-field .pic-list5 .box2 {text-align:center;}
.business-field .pic-list5 .box2 .img {margin-bottom:15px;}
.business-field .pic-list5 .box2 p {font-size:17px; line-height:26px; color:#2c2c2c;}
.business-field .details-field {margin-bottom:80px;}
.business-field .details-field > ul {display:flex; flex-wrap:wrap; margin:-10px;}
.business-field .details-field > ul > li {width:calc(50% - 20px); margin:10px; border:1px solid #dfdfdf; min-height:215px; padding:35px 38px;}
.business-field .details-field > ul > li .tt {font-size:22px; line-height:1.3em; font-weight:600; color:#e02128; margin-bottom:12px;}
.business-field .details-field > ul > li .txt {font-size:17px; line-height:32px; font-weight:300; color:#505050;}
.business-field .details-field > ul > li .txt ul li {position:relative; padding-left:10px; margin-bottom:8px;}
.business-field .details-field > ul > li .txt ul li:after {content:""; position:absolute; top:14px; left:0; width:4px; height:4px; border-radius:50%; background:#505050;}
.business-field .details-field > ul > li .txt ul li:last-child {margin-bottom:0;}
.business-field .bt-pdf {margin:-30px 0 60px; text-align:center;}
.business-field .bt-pdf a {display:inline-block; min-width:197px; height:60px; background:#e02128; font-size:18px; line-height:60px; padding:0 15px; color:#fff;}

.greeting .title {position:relative; padding-top:156px; z-index:1; margin-bottom:80px;}
.greeting .title .img {position:relative; z-index:1;}
.greeting .title .tit {position:absolute; top:0; left:0; width:100%; z-index:2; padding-top:22px; text-align:center;}
.greeting .title .tit .tt {text-align:right; font-size:50px; line-height:1em; font-weight:600; color:#0b5bc7; margin-bottom:30px;}
.greeting .title .tit .tt span {color:#178e52;}
.greeting .title .tit h3 {font-family: 'Inter'; font-size:77px; line-height:1em; font-weight:800; color:#2c2c2c;}
.greeting .title .tit h3 span {color:#e02128;}
.greeting .in-txt {display:flex;}
.greeting .in-txt .pic {order:2; flex:1 1 448px; max-width:448px; text-align:right; line-height:0;}
.greeting .in-txt .txt {order:1; flex:1 auto; width:1%; padding-right:62px;}
.greeting .in-txt .txt .tit {margin-bottom:35px; font-size:24px; line-height:1.3em; font-weight:500; color:#2c2c2c;}
.greeting .in-txt .txt .tit strong {display:inline-block; margin-bottom:15px; font-size:34px;}
.greeting .in-txt .txt p {margin-bottom:22px; font-size:21px; line-height:38px; color:#2c2c2c}
.greeting .in-txt .txt p:last-child {margin-bottom:0;}
.greeting .in-txt .txt p strong {font-weight:500;}
.greeting .in-txt .txt p .f-c1 {color:#178e52;}
.greeting .in-txt .txt p .f-c2 {color:#e02128;}
.greeting .in-txt .txt p .f-c3 {color:#0b5bc7;}
.greeting .in-txt .txt .ceo {margin-top:63px; text-align:right; vertical-align:top;}
.greeting .in-txt .txt .ceo strong {display:inline-block; font-size:17px; line-height:1.3em; font-weight:500; color:#2c2c2c; margin-right:35px; vertical-align:middle;}
.greeting .in-txt .txt .ceo img {display:inline-block; vertical-align:middle;}

.introduce .list {margin-bottom:30px;}
.introduce .list ul {display:flex; border:1px solid #dfdfdf;}
.introduce .list ul li {width:25%; height:260px; border-left:1px solid #dfdfdf; text-align:center; padding-top:50px;}
.introduce .list ul li:first-child {border-left:0;}
.introduce .list ul li .icon {line-height:0; margin-bottom:20px;}
.introduce .list ul li .tt {font-size:18px; line-height:1.3em; color:#2c2c2c; margin-bottom:8px;}
.introduce .list ul li p {font-size:28px; line-height:1.3em; font-weight:600; color:#2c2c2c;}
.introduce .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #a8a8a8;}
.introduce .table table tbody th {height:60px; border:1px solid #dfdfdf; border-top:0; background:#fafafa; font-size:19px; font-weight:500; color:#2c2c2c;}
.introduce .table table tbody th:first-child {border-left:0;}
.introduce .table table tbody th:last-child {border-right:0;}
.introduce .table table tbody td {padding:15px 0 15px 30px; border:1px solid #dfdfdf; border-top:0; font-size:19px; line-height:1.4em; font-weight:300; color:#505050;}
.introduce .table table tbody td:first-child {border-left:0;}
.introduce .table table tbody td:last-child {border-right:0;}

.local .group2 {padding-top:35px;}
.local iframe {width:100%;}
/* .local .group:last-child {margin-bottom:0;} */
.local .title {margin-bottom:25px; font-size:22px; line-height:1.3em; font-weight:600; color:#e02128;}
.local .list {margin-top:17px;}
.local .list ul li {border-top:1px solid #dfdfdf; padding:40px 0;}
.local .list ul li:first-child {border-top:0;}
.local .list ul li .tit {display:flex; align-items:center; margin-bottom:8px;}
.local .list ul li .tit .num {flex:1 1 30px; max-width:30px; height:30px; line-height:30px; text-align:center; background:#e02128; margin-right:10px; font-size:18px; font-weight:600; color:#fff;}
.local .list ul li .tit .tt {flex:1 auto; width:1%; font-size:22px; line-height:1.4em; font-weight:600; color:#2c2c2c;}
.local .list ul li p {font-size:16px; line-height:40px; color:#505050; font-weight:300;}
.local .list ul li p strong {color:#178e52; font-weight:500;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {width:100% !important;}

.recurit-wrap .title {display:flex; flex-direction:column; justify-content:center; width:100%; height:400px; margin-bottom:50px; text-align:center; background:url('../images/sub/recurit_tt_bg.jpg') 0 0 no-repeat; background-size:cover;}
.recurit-wrap .title p {font-size:22px; line-height:42px; color:#fff; letter-spacing:-0.03em; margin-bottom:22px;}
.recurit-wrap .title p:last-child {margin-bottom:0;}
.recurit-wrap .title p strong {font-size:42px; line-height:1.3em; font-weight:600; letter-spacing:-0.04em;}
.recurit-wrap .title p span {display:inline-block; border-bottom:1px solid #fff;}
.recurit-wrap .info {display:flex;}
.recurit-wrap .info .box {position:relative; width:50%; padding:25px 0; text-align:center;}
.recurit-wrap .info .box:last-child:after {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#dfdfdf;}
.recurit-wrap .info .icon {margin-bottom:22px; line-height:0;}
.recurit-wrap .info .tt {font-size:18px; line-height:1.3em; font-weight:600; margin-bottom:12px;}
.recurit-wrap .info .tt.f-c1 {color:#0b5bc7;}
.recurit-wrap .info .tt.f-c2 {color:#178e52;}
.recurit-wrap .info p {font-size:20px; line-height:34px; color:#2c2c2c;}

.quality .group {margin-bottom:80px;}
.quality .group:last-child {margin-bottom:0;}
.quality .title {margin-bottom:28px;}
.quality .title h3 {font-size:32px; line-height:1.3em; color:#2c2c2c; margin-bottom:20px;}
.quality .title p {font-size:19px; line-height:1.4em; color:#2c2c2c;}
.quality .img {line-height:0;}
.quality .txt-box {margin:0 auto; max-width:919px; width:100%; text-align:center; padding:28px 40px; background:#e02128;}
.quality .txt-box p {font-size:19px; line-height:32px; font-weight:500; color:#fff;}
.quality .txt-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.quality .txt-list ul li {width:calc(50% - 20px); margin:10px; border:1px solid #dfdfdf; padding:35px 40px;}
.quality .txt-list ul li .tt {font-size:22px; line-height:1.4em; font-weight:600; color:#e02128; margin-bottom:12px;}
.quality .txt-list ul li p {font-size:17px; line-height:30px; font-weight:300; color:#505050;}

.quality .txt-list.list2 ul li {width:calc(33.333333% - 20px);}

.quality .txt {margin-top:28px; font-size:19px; line-height:1.4em; color:#2c2c2c;}

.ethics-manage .pic {position:relative; line-height:0; z-index:1;}
.ethics-manage .title {position:relative; margin:-46px auto 55px; max-width:631px; width:100%; background: linear-gradient(to right, #0b61bd, #178e52, #cf2b2b); padding:22px 0; text-align:center; font-size:38px; line-height:1.3em; font-weight:600; color:#fff; z-index:2;}
.ethics-manage .txt {text-align:center;}
.ethics-manage .txt .tt {margin-bottom:30px; font-size:28px; line-height:1.3em; font-weight:500; color:#2c2c2c;}
.ethics-manage .txt p {font-size:19px; line-height:36px; color:#2c2c2c; margin-bottom:30px;}
.ethics-manage .txt p:last-child {margin-bottom:0;}
.ethics-manage .txt p strong {font-weight:500;}
.ethics-manage .txt p .f-c1 {color:#0b5bc7;}
.ethics-manage .txt p .f-c2 {color:#178e52;}
.ethics-manage .txt p .f-c3 {color:#e02128;}
.ethics-manage .btn {margin-top:50px;}
.ethics-manage .btn a {display:block; margin:0 auto; width:200px; height:60px; background:#2c2c2c; text-align:center; font-size:20px; line-height:60px; color:#fff; font-weight:500;}

.ethics-report .title {margin-bottom:20px; font-size:32px; line-height:1.3em; font-weight:700; color:#2c2c2c;}
.ethics-report .txt {margin-bottom:25px;}
.ethics-report .txt p {font-size:19px; line-height:1.4em; color:#2c2c2c; margin-bottom:8px;}
.ethics-report .txt .tt {font-size:22px; line-height:1.4em; font-weight:600; color:#e02128;}
.ethics-report .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #a8a8a8;}
.ethics-report .table table tbody th {height:90px; padding:22px 0; border:1px solid #dfdfdf; border-top:0; background:#fafafa; text-align:center; font-size:19px; font-weight:500; color:#2c2c2c;}
.ethics-report .table table tbody th:first-child {border-left:0;}
.ethics-report .table table tbody th:last-child {border-right:0;}
.ethics-report .table table tbody td {height:90px; padding:22px 30px; border:1px solid #dfdfdf; border-top:0; font-size:19px; line-height:34px; font-weight:300; color:#505050;}
.ethics-report .table table tbody td:first-child {border-left:0;}
.ethics-report .table table tbody td:last-child {border-right:0;}
.ethics-report .table table tbody td ul li {position:relative; padding-left:12px;}
.ethics-report .table table tbody td ul li a { text-decoration: underline; text-underline-position: under; color: #3168ff;}
.ethics-report .table table tbody td ul li:after {content:""; position:absolute; top:17px; left:0; width:4px; height:1px; background:#505050;}
.ethics-report .btn {margin-top:50px;}
.ethics-report .btn a {display:block; margin:0 auto; width:242px; height:60px; background:#2c2c2c; text-align:center; font-size:20px; line-height:60px; color:#fff; font-weight:500;}

.report-tit .title {margin-bottom:25px; font-size:32px; line-height:1.3em; font-weight:700; color:#2c2c2c;}
.report-tit .txt {border:1px solid #ddd; background:#fafafa; padding:30px;}
.report-tit .txt .tt {font-size:22px; line-height:1.3em; font-weight:600; color:#e02128; letter-spacing:-0.025em; margin-bottom:10px;}
.report-tit .txt p {font-size:17px; line-height:34px; font-weight:300; color:#2c2c2c;}
.report-tit .txt ul li {position:relative; padding-left:12px; font-size:17px; line-height:34px; font-weight:300; color:#2c2c2c;}
.report-tit .txt ul li:after {content:""; position:absolute; top:17px; left:0; width:4px; height:1px; background:#2c2c2c;}
.anonymity-check {margin:18px 0 60px; text-align:center;}
.anonymity-check .item {display:inline-block; margin:0 16px 0 0;}
.anonymity-check .item:last-child {margin-right:0;}