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

.gray-bg {background:#f2f2f2;}

.fz20 {font-size:20px !important;}

.sub-tab {margin-bottom:20px;}
.sub-tab .swiper-container {overflow-y:auto; overflow-x:hidden;}
.sub-tab ul {display:flex; border-bottom:2px solid #333;}
.sub-tab ul li {width:auto; min-width:170px; text-align:center; border:1px solid #c7c7c7; border-bottom:0; border-left:0;}
.sub-tab ul li:first-child {border-left:1px solid #c7c7c7;}
.sub-tab ul li a {display:block; position:relative; padding:0 15px; color:#888; font-weight:400; font-size:18px; line-height:52px; white-space:nowrap;}
.sub-tab ul li.active a {color:#333;}
.sub-tab ul li.active a:after {content:""; position:absolute; top:-1px; right:-1px; left:-1px; bottom:-2px; border:2px solid #333; border-bottom-color:#fff;}

.nation-tab {margin-bottom: 70px;}
.nation-tab ul {display: flex; justify-content:flex-end;}
.nation-tab ul li:not(:last-child) {margin-right: 9px;}
.nation-tab ul li a {display: flex; align-items:center; height: 40px; padding: 0 12px; border:1px solid #ccc; border-radius:6px;}
.nation-tab ul li a img {margin-right: 9px;}
.nation-tab ul li.active a {border-color:#000;}

.doc-tit {padding-left:30px; margin-bottom:20px; font-size:24px; line-height:1.3em; letter-spacing:-.03em; background:url("../images/sub/bullet2.png") 0 4px no-repeat}
.doc-tit2 {margin-bottom: 40px; text-align:center; font-size:28px; font-weight: 700; line-height:1.3em; letter-spacing:-.03em;}

.doc-txt {margin-bottom: 75px; text-align:center; font-size:20px; font-weight: 400; line-height:1.5em; color: #555; letter-spacing:0;}

.doc-cnt {margin-bottom:140px; color:#555;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt.indent {margin-left:30px;}
.doc-cnt .lg-txt {font-size:20px; line-height:1.5em;}

.sub-sec {padding: 110px 0;}

.hr-line {border-bottom:1px solid #999; margin-bottom:140px;}

.greetings {margin-bottom:65px;}
.greetings .title {text-align:center; color:#555; font-size:20px; line-height:1.5em; padding-top:20px; padding-bottom:145px; margin-bottom:50px; border-bottom:1px solid #ccc; background:url("../images/sub/greetings_bg.png") 50% 100% no-repeat;}
.greetings .title h3 {margin-bottom:20px;}
.greetings .title .c1 {color:#2ab42b;}
.greetings .title .c2 {color:#1f8adc;}
.greetings .content {max-width:1100px; margin:0 auto; font-size:18px; color:#555; line-height:1.556em; font-weight:300;}

#map {width:100%; height:480px;}

.customoverlay {position:relative;bottom:34px;width:135px;height:45px;float:left;}

.location-info {overflow:hidden; border:1px solid #ccc; border-top:0; padding:15px 70px; color:#555; font-size:18px; line-height:1.5em;}
.location-info .col {float:left; padding:15px 0;}
.location-info .wrap {position:relative; padding-left:90px;}
.location-info .wrap:before {content:""; position:absolute; top:7px; left:64px; width:1px; height:45px; background:#c2c2c2;}
.location-info .icon {position:absolute; top:7px; left:0;}
.location-info dt {font-weight:700; margin-bottom:2px;}
.location-info dd {font-weight:300;}
.location-info .addr {margin-right:35px;}
.location-info .tel {width:265px;}

.company-overview {margin-bottom:85px;}
.company-overview .img {margin-bottom:25px;}
.company-overview .table {margin-bottom:22px;}
.company-overview .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-bottom:2px solid #3c3c3c;}
.company-overview .table table thead th {height:55px; color:#fff; font-size:20px; font-weight:500; line-height:1.3em; border:0; background:#000; border-left:1px solid #000;}
.company-overview .table table thead tr th:first-child {border-radius:30px 0 0 30px; border-left:0;}
.company-overview .table table thead tr th:last-child {border-radius:0 30px 30px 0;}
.company-overview .table table tbody th {padding:4px 40px; vertical-align:top; border-right:1px solid #dedede; border-left:1px solid #dedede; text-align:left; font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.5em; color:#000;}
.company-overview .table table tbody td {padding:4px 40px; vertical-align:top; font-size:18px; font-weight:300; letter-spacing:-.03em; line-height:1.5em; color:#555;}
.company-overview .table table tbody td strong {font-size:20px; font-weight:500;}
.company-overview .table table tbody th:first-child {border-left:0;}
.company-overview .table table .blank {height:20px; padding:0;}
.company-overview .cnt {max-width:1120px; margin:0 auto; color:#555; font-size:18px; font-weight:300; line-height:1.6em; letter-spacing:-.02em;}
.company-overview .cnt ul li {padding-left:25px; background:url("../images/sub/check.png") 0 7px no-repeat;}

.history {padding-top:27px; background:url("../images/sub/his_bg.jpg") 50% 0 no-repeat; overflow:hidden;}
.history h2 {text-align:center; font-size:36px; font-weight:500; line-height:1.3em; margin-bottom:12px;}
.history .wrap {position:relative; padding:63px 0 0;}
.history .wrap:before {content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#b2b2b2;}
.history .wrap:after {content:""; position:absolute; top:0; left:50%; margin-left:-4px; width:9px; height:9px; background:#000; border-radius:100%;}
.history .wrap .group {position:relative; width:50%; padding-bottom:20px;}
.history .wrap .group:before {content:""; position:absolute; top:15px; width:59px; height:1px; background:#b2b2b2;}
.history .wrap .group:after {content:""; position:absolute; top:2px; width:26px; height:26px; background:#fff; border:6px solid #515151; border-radius:100%;}
.history .wrap .group h3 {font-size:28px; font-weight:800; line-height:1em; margin-bottom:7px;}
.history .wrap .group ul li {position:relative; color:#555; font-size:18px; line-height:1.5em; font-weight:300; letter-spacing:-.02em;}
.history .wrap .group ul li .month {position:absolute; top:0; color:#000; font-weight:700;}
.history .wrap .group:nth-child(odd) {margin-left:50%; padding-left:66px;}
.history .wrap .group:nth-child(odd)::before {left:0;}
.history .wrap .group:nth-child(odd)::after {left:-13px;}
.history .wrap .group:nth-child(odd) ul li {padding-left:42px;}
.history .wrap .group:nth-child(odd) ul li .month {left:0;}
.history .wrap .group:nth-child(even) {text-align:right; padding-right:66px;}
.history .wrap .group:nth-child(even)::before {right:0;}
.history .wrap .group:nth-child(even)::after {right:-13px;}
.history .wrap .group:nth-child(even) ul li {padding-right:42px;}
.history .wrap .group:nth-child(even) ul li .month {right:0;}

.certifications {text-align:center; color:#555; font-size:18px; font-weight:500; line-height:1.33em;}
.certifications ul {display:grid; grid-template-columns: repeat(4, 1fr); gap:40px 34px;}
.certifications ul li img {display:block; margin:0 auto 6px;}
.certifications ul li small {display:block; font-size:15px; font-weight:300; color:#868686; line-height:1.33em; margin-top:4px;}

.biz-nav {text-align:center; margin-bottom:60px; font-size:20px; font-weight:500; color:#999; line-height:1.5em;}
.biz-nav ul {display:inline-block; padding:11px 50px; vertical-align:top; border:1px solid #ddd; border-radius:30px;}
.biz-nav ul li {float:left; position:relative; padding:0 20px;}
.biz-nav ul li:before {content:""; position:absolute; top:50%; left:0; margin-top:-8px; width:1px; height:16px; background:#797979;}
.biz-nav ul li:first-child::before {display:none;}
.biz-nav ul li a {display:block;}
.biz-nav ul li a:hover,
.biz-nav ul li.active a {color:#000;}

.unmanned-security .img {text-align:center; margin-bottom:20px;}
.unmanned-security .cnt {margin-left:45px;}
.unmanned-security .cnt h4 {position:relative; padding-left:24px; margin-bottom:10px; color:#000; font-size:20px; font-weight:500; line-height:1.3em;}
.unmanned-security .cnt h4:before {content:""; position:absolute; top:5px; left:0; width:16px; height:16px; border:3px solid #fc0202; border-radius:100%;}
.unmanned-security .cnt p {margin-left:24px;}
.unmanned-security .cnt .arr {vertical-align:middle; margin:-.2em 10px 0;}

.biz-servie {text-align:center; color:#000; font-weight:300; line-height:1.3em;}
.biz-servie ul:after {content:""; display:block; clear:both;}
.biz-servie ul li {float:left; width:16.66666666%; padding:13px 12px;}
.biz-servie ul li:nth-child(6n+1) {clear:left;}
.biz-servie ul li .icon {padding:22px; border:1px solid #d5d5d5; border-radius:5px; margin-bottom:10px;}
.biz-servie.col-5 ul li {width:20%}
.biz-servie.col-5 ul li:nth-child(6n+1) {clear:none;}
.biz-servie.col-5 ul li:nth-child(5n+1) {clear:left;}
.biz-servie.col-4 ul li {width:25%}
.biz-servie.col-4 ul li:nth-child(6n+1) {clear:none;}
.biz-servie.col-4 ul li:nth-child(4n+1) {clear:left;}
.biz-servie.col-4 ul li .icon {max-width:265px; margin-left:auto; margin-right:auto;}

.biz-function {text-align:center; font-weight:300; line-height:1.5em; padding-top:10px;}
.biz-function ul {margin:0 -22px;}
.biz-function ul:after {content:""; display:block; clear:both;}
.biz-function ul li {float:left; width:33.33333333%; padding:0 22px; margin-bottom:35px;}
.biz-function ul li:nth-child(3n+1) {clear:left;}
.biz-function ul li .img {margin-bottom:16px;}
.biz-function ul li .icon {margin-bottom:20px;}
.biz-function ul li .tit {font-size:22px; line-height:1.3em; margin-bottom:8px;}
.biz-function ul li .tt {color:#000; font-size:18px; font-weight:500; line-height:1.3em; margin-bottom:8px;}
.biz-function ul li .maxw {max-width:300px; margin:0 auto;}
.biz-function ul li.indent {margin-left:16.66666666%;}
.biz-function.col-4 ul li {width:25%; padding:0 7px;}
.biz-function.col-4 ul li:nth-child(3n+1) {clear:none;}
.biz-function.col-4 ul li:nth-child(4n+1) {clear:left;}
.biz-function.col-4 ul li p {max-width:246px; margin:0 auto;}

.biz-project {text-align:center; font-weight:300; line-height:1.5em;}
.biz-project ul:after {content:""; display:block; clear:both;}
.biz-project ul li {float:left; width:20%; padding:0 11px;}
.biz-project ul li img {display:block; margin:0 auto 10px;}
.biz-project ul li strong {color:#000; font-weight:500;}
.biz-project.col-3 ul {max-width:960px; margin:0 auto;}
.biz-project.col-3 ul li {width:33.33333333%;}
.biz-project .btn {margin-top:60px;}

.biz-top-img {margin-bottom:40px;}

.biz-detail {display:table; table-layout:fixed; width:100%; margin-bottom:55px;}
.biz-detail:last-child {margin-bottom:0;}
.biz-detail > div {display:table-cell; vertical-align:top;}
.biz-detail .img {width:31%;}
.biz-detail .cnt {vertical-align:top; padding:10px 45px;}
.biz-detail .cnt .tt {font-size:18px; color:#000; font-weight:500; line-height:1.4em; margin-bottom:8px;}
.biz-detail .icon {width:31%; border-left:1px solid #d2d2d2; padding:0 15px; line-height:1.5em; text-align:center;}
.biz-detail .icon ul li {float:left; width:50%; padding:0 7px;}
.biz-detail .icon ul li img {display:block; margin:0 auto 12px;}

.biz-product ul {margin:0 -10px;}
.biz-product ul:after {content:""; display:block; clear:both;}
.biz-product ul li {float:left; width:50%; padding:0 20px; margin-bottom:50px;}
.biz-product ul li:nth-child(2n+1) {clear:left;}
.biz-product .wrap {display:table; table-layout:fixed; width:100%;}
.biz-product .wrap > div {display:table-cell; vertical-align:top;}
.biz-product .img {text-align:center; width:202px; position: relative;}
.biz-product .img2 { position: relative;  vertical-align:middle !important;}
.biz-product .img2::after { content: ""; position: absolute; inset:0; border: 1px solid #ddd; pointer-events: none;}
.biz-product .cnt {padding-left:25px;}
.biz-product .tta {margin-top:14px;}
.biz-product h4 {font-size:16px; color:#000; font-weight:500; margin-bottom:3px;}
.biz-product .btn {text-align:center; padding-top:14px;}
.biz-product.col-3>ul {display: flex; flex-wrap:wrap; margin: -25px -15px;}
.biz-product.col-3>ul>li {margin-bottom: 0; width: 33.333%; padding: 25px 15px;}
.biz-product.col-3 .wrap {display: block;}
.biz-product.col-3 .wrap > div {display: block;}
.biz-product.col-3 .img {margin-bottom: 25px; width: 100%;}
.biz-product.col-100>ul>li {width: 100%;}
.biz-product .dot-txt {padding-left:.7em; text-indent:-.7em;}

/* 20250409 */
.biz-product.col-50 {display:flex;}
.biz-product.col-50>ul {width: 50%;}
.biz-product.col-50>ul>li {width: 100%;}

.recruit-title {position:relative; text-align:center; color:#000; font-size:28px; line-height:1.3em; margin-bottom:100px; margin-top:50px;}
.recruit-title:before {content:""; position:absolute; top:13px; left:0; width:100%; height:9px; background:#676767;}
.recruit-title span {display:inline-block; background:#fff; padding:0 20px; position:relative;}

.recruit-content {margin-bottom:390px;}
.recruit-content:last-child {margin-bottom:50px;}

.recruit-img {border-bottom:1px solid #000; text-align:center; margin-bottom:60px;}

.talent .row {display:-webkit-flex; display:flex; flex-direction:row; align-items: stretch; margin:0 -13px 26px;}
.talent .box {width:calc(33.333333% - 26px); border:1px solid #ccc; padding:27px 18px; margin:0 13px;}
.talent .icon {text-align:center;}
.talent .bar {width:55px; height:1px; background:#000; margin:15px auto;}
.talent h4 {text-align:center; font-size:24px; line-height:1.3em; margin-bottom:8px;}
.talent .en {text-align:center; color:#888; font-size:18px; font-weight:400; line-height:1.3em; margin-bottom:15px;}
.talent ul li {position:relative; padding-left:15px; color:#555; line-height:1.8em; font-weight:300;}
.talent ul li:before {content:"·"; color:#000; position:absolute; top:0; left:0; font-size:20px; font-weight:500;}
.talent ul li strong {color:#ff5418; font-weight:500;}

.recruit-step .top-txt {text-align:center; color:#555; line-height:1.5em; font-size:20px; max-width:780px; margin:0 auto 52px;}
.recruit-step .top-txt strong {color:#000; margin-bottom:5px; display:inline-block;}
.recruit-step .step {max-width:1000px; margin:0 auto;}
.recruit-step .step ol li {position:relative; margin-bottom:31px; border:1px solid #ccc; border-radius:7px;}
.recruit-step .step ol li:after {content:""; position:absolute; bottom:-14px; left:50%; margin-left:-14px; width:28px; height:14px; background:url("../images/sub/recruit_step_arr.png") 0 0 no-repeat;}
.recruit-step .step ol li:last-child {margin-bottom:0;}
.recruit-step .step ol li:last-child::after {display:none;}
.recruit-step .step dl {display:table; table-layout:fixed; width:100%; height:77px; padding:0 44px;}
.recruit-step .step dt {display:table-cell; vertical-align:middle; width:177px; font-weight:700; line-height:1.5em;}
.recruit-step .step dt img {vertical-align:middle; margin:0 23px 0 0; position:relative; top:-.1em;}
.recruit-step .step dd {display:table-cell; vertical-align:middle; color:#555; line-height:1.5em;}

.departments .row {display:-webkit-flex; display:flex; flex-direction:row; align-items: stretch; margin:0 -17px 40px;}
.departments .box {width:calc(25% - 34px); padding:80px 20px 20px; margin:51px 17px 0; text-align:center; position:relative; border:1px solid #ccc; border-radius:7px; color:#555; font-weight:300; line-height:1.8em;}
.departments .box h4 {position:absolute; top:-52px; left:50%; margin-left:-54px; width:108px; height:108px; background:#fff; border:4px solid #b2b2b2; border-radius:100%; line-height:100px; font-size:20px; color:#000;}
.departments .box p span {display:inline-block;}

.welfare {font-weight:300; color:#555; line-height:1.4em; text-align:center;}
.welfare ul {margin:0 -15px;}
.welfare ul:after {content:""; display:block; clear:both;}
.welfare ul li {float:left; width:16.66666666%; padding:0 15px;}
.welfare ul li img {display:block; margin:0 auto 16px;}

.pr-intro {margin-top: 80px; text-align:center;}
.pr-intro .txt1 {margin-bottom: 15px; font-size: 20px; font-weight: 400; letter-spacing: 0; line-height: 1.4em; color: #555;}
.pr-intro .txt2 {font-size: 28px; font-weight: 700; letter-spacing: 0; line-height: 1.4em; color: #2c5ab7;}

.pr-desc {margin-top: 40px;}
.pr-desc dl {display: flex;}
.pr-desc dl dt {display: flex; justify-content:center; min-width: 430px; position: relative; font-size: 20px; font-weight: 700; letter-spacing: 0; line-height: 1.5em;}
.pr-desc dl dt:after {content:''; position: absolute; right: 0; top:50%; transform:translateY(-50%); height: 90%; width: 1px; background: #ccc;}
.pr-desc dl dd {padding-left: 30px; font-weight: 300; color: #555; letter-spacing: 0;}

.download-btns ul {display: flex; justify-content:center; margin: -5px;}
.download-btns ul li {padding: 5px;}
.download-btns ul li a {text-align:center; border-radius:8px; font-size: 20px; font-weight: 700; letter-spacing: 0; line-height: 1.4em; padding: 0 50px; height: 70px; display: flex; align-items:center; background: #252a38; color: #fff;}
.download-btns ul li a:before {margin-right: 12px; content:''; width: 27px; height: 26px; background: url('/images/sub/down-ico.png') no-repeat 50% 50% /contain;}

/*250319*/
.history + .download-btns {padding-top:100px;}