@charset "utf-8";

.sub-title {padding:90px 0 70px;}

.doc-tit {margin-bottom:40px;}
.doc-tit h3 {position:relative; font-size:26px; color:#2c2c2c; letter-spacing:-.04em; font-weight:700; padding-left:20px;}
.doc-tit h3:before {position:absolute; content:""; top:50%; margin-top:-4px; left:0; width:8px; height:8px; background:#f9cc0d; transform: rotate(45deg); background-size:contain;}

.table-style.mb {margin-bottom:120px;}
.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #a8a8a8;}
.table-style table.color {border-color:#272e7c;}
.table-style table th {padding:10px; height:65px; font-weight:600; font-size:22px; color:#272e7c; background:#f8f8f8; border:1px solid #ddd; border-top:0;}
.table-style table th.colors {font-size:20px; font-weight:600; color:#121212;} 
.table-style table td {font-family: 'Noto Sans KR', sans-serif; padding:10px; height:65px; font-size:18px; color:#505050; text-align:center; border:1px solid #ddd; border-top:0; letter-spacing:0.01em;}
.table-style tr th:first-child,
.table-style tr td:first-child {border-left:0;}
.table-style tr th:last-child,
.table-style tr td:last-child {border-right:0;}

.vision {display:flex; margin:50px 0 90px;}
.vision .tits {width:50%; font-size:48px; color:#272e7c; letter-spacing:-.03em; line-height:1.3em; font-weight:700;}
.vision .txt-box {width:50%;}
.vision .txt-box .tit {font-size:32px; font-weight:700; color:#121212; letter-spacing:-.03em; line-height:1.313em;}
.vision .txt-box .txt {font-size:20px; color:#505050; letter-spacing:-.03em; line-height:1.600em; margin-top:25px;}
.vision .txt-box .txt span {font-weight:600; color:#02b7d8;}

.history {background:#f8f8f8; padding:100px 0; margin-bottom:120px;}
.history-wrap {display:flex;}
.history-wrap .tit {width:50%; font-size:48px; font-weight:700; color:#121212; letter-spacing:-.03em; line-height:1.3em;}
.history-wrap .group {position:relative; width:50%; margin-bottom:-45px;}
.history-wrap .group:before {position:absolute; content:""; width:1px; height:82%; background:#ddd; top:15px; left:13px;}
.history-wrap .group .txt-box {margin-bottom:45px;}
.history-wrap .group .txt-box .year {position:relative; font-size:32px; font-weight:700; color:#272e7c; letter-spacing:-.03em; line-height:1.313em; margin-bottom:25px; padding-left:40px;}
.history-wrap .group .txt-box .year:before {position:absolute; content:''; width:28px; height:27px; background:url('../images/sub/year-dot1.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-13.5px; left:0;}
.history-wrap .group .txt-box ul li {position:relative; font-size:20px; color:#505050; letter-spacing:-.03em; line-height:1.3em; padding-left:40px;}
.history-wrap .group .txt-box ul li:before {position:absolute; content:""; width:8px; height:8px; background:#ddd; border-radius:50%; top:50%; margin-top:-4px; left:9.5px;}
.history-wrap .group .txt-box ul li span {font-size:20px; color:#2c2c2c; font-weight:600; letter-spacing:-.03em; display:inline-block; width:65px;}

.client ul {position:relative; display:flex; flex-wrap:wrap;}
.client ul:before {position:absolute; content:""; width:100%; height:100%; top:0; left:0; border:1px solid #ddd;}
.client ul li {width:25%; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.client ul li:nth-child(1),
.client ul li:nth-child(5),
.client ul li:nth-child(9),
.client ul li:nth-child(13), {border-left:0;}
.client ul li:nth-child(n+13) border-bottom:0;
.client ul li img {min-width:301px; min-height:240px;}

.location {margin-top:80px;}
.location ul {display:flex;}
.location ul li {width:25%; text-align:center;}
.location ul li .tit {font-size:18px; color:#272e7c; letter-spacing:0.01em; line-height:1.3em; font-weight:600; margin:13px 0;}
.location ul li .txt {color:#505050; margin-bottom:10px; letter-spacing:0.01em;}
.location ul li:nth-child(3) .txt {font-family:'Noto Sans SC','Open Sans',AppleGothic,helvetica,sans-serif;}
.location ul li .txt.font {font-family:'Noto Sans SC','Open Sans',AppleGothic,helvetica,sans-serif;}
.location ul li .s-txt {font-size:14px; color: #878787; letter-spacing:0.01em; line-height:1.714em; font-weight:300;}

.freight .freight-txt {font-size:26px; font-weight:600; color:#121212; letter-spacing:-.03em; line-height:1.385em; margin-bottom:50px;}
.freight .freight-txt.mb {margin-bottom:20px;}
.freight .freight-list {margin-bottom:90px;}
.freight .freight-list.none {margin-bottom:0;}
.freight .freight-list ul {display:flex;}
.freight .freight-list ul li {width:25%; text-align:center;}
.freight .freight-list.width ul li {width:33.3333%;}
.freight .freight-list ul li .tit {font-size:22px; color:#272e7c; letter-spacing:-.03em; line-height:1.273em; font-weight:600; margin:15px 0 5px;}
.freight .freight-list ul li .color-txt {min-height:28px; font-size:18px; font-weight:600; color:#878787; letter-spacing:-.03em; line-height:1.556em; margin-bottom:10px;}
.freight .freight-list ul li .txt {font-size:18px; color:#505050; letter-spacing:-.03em; line-height:1.556em;}
.freight .freight-flex {display:flex; align-items:center; margin-bottom:90px;}
.freight .freight-flex .img {width:50%;}
.freight .freight-flex .lg-txt {padding-left:60px; display:inline-flex; flex-direction:column; justify-content:center; width:50%; font-size:26px; color:#121212; letter-spacing:-.03em; font-weight:600; line-height:1.385em;}
.freight .freight-flex .lg-txt .list-up ul li {position:relative; font-size:18px; color:#505050; letter-spacing:-.03em; line-height:1.556em; margin-top:25px; padding-left:15px;}
.freight .freight-flex .lg-txt .list-up ul li:before {position:absolute; content:""; width:5px; height:5px; background:#00c1e4; border-radius:50%; top:10px; left:0;}
.freight-cor-tit {font-size:18px; color:#505050; letter-spacing:-.03em; line-height:1.556em; margin:25px 0 50px;}


.consolidation {padding:100px 0; text-align:center; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.consolidation .tit {font-size:48px; color:#fff; font-weight:700; letter-spacing:-.03em; line-height:1.3em; margin-bottom:50px;}
.consolidation .s-tit {font-size:22px; font-weight:600; color:#fff; letter-spacing:-.03em; line-height:1.273em; margin:15px 0;}
.consolidation .txt {font-size:18px; color:#fff; letter-spacing:-.03em; line-height:1.556em;}

.process {text-align:center; padding:100px 0;}
.process .tit {font-size:48px; font-weight:700; color:#121212; letter-spacing:-.03em; line-height:1.3em; margin-bottom:10px;}
.process .txt {font-size:20px; font-weight:500; color:#878787; letter-spacing:-.03em; line-height:1.3em; margin-bottom:50px;}

.net {}
.net .tit {font-size:48px; font-weight:700; color:#121212; letter-spacing:-.03em; line-height:1.3em; text-align:center; margin-bottom:60px;}
.net .net-list {margin-top:55px; margin-bottom:-25px;}
.net .net-list ul li {margin-bottom:25px;}
.net .net-list ul li .lg-tit {font-size:26px; color:#121212; letter-spacing:-.03em; font-weight:600; line-height:1.385em; margin-bottom:5px;}
.net .net-list ul li .list p {font-size:18px; color:#505050; letter-spacing:-.03em; line-height:1.556em;}
.net .net-list ul li .list p span {color:#272e7c; font-weight:500;}

.agency-wrap {margin-top:60px;}
.agency-wrap .agency-list:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.agency-list {padding-bottom:30px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.agency-list .tit {font-size:32px; font-weight:700; color:#272e7c; letter-spacing:-.03em; line-height:1.313em; margin-bottom:20px;}
.agency-list ul {display:flex; flex-wrap:wrap; margin-bottom:-15px;}
.agency-list ul li {width:50%; position:relative; font-size:18px; letter-spacing:-.03em; color:#505050; line-height:1.556em; margin-bottom:15px; padding-left:15px;}
.agency-list ul li:before {position:absolute; content:""; width:5px; height:5px; background:#00c1e4; border-radius:50%; top:50%; margin-top:-2.5px; left:0;}

.implementing {}
.implementing .tit {font-size:32px; color:#272e7c; letter-spacing:-.03em; font-weight:700; line-height:1.313em;}
.implementing .implementing-list {margin:30px 0 60px;}
.implementing .implementing-list ul {display:flex; margin-left:-20px;}
.implementing .implementing-list ul li {display:flex; flex-direction:column; justify-content:center; min-height:80px; width:calc(20% - 20px); margin-left:20px; text-align:center; border:1px solid #ddd;}

.voucher {text-align:center; background:#f8f8f8; padding:60px 0; margin-bottom:60px;}

.step {margin-top:60px;}
.step .tit {font-size:32px; font-weight:700; color:#272e7c; letter-spacing:-.03em; line-height:1.313em; margin-bottom:20px;}
.step-list ul {display:flex; margin-left:-15px;}
.step-list ul li {width:calc(33.3333% - 15px); margin-left:15px;}
.step-list ul li .tit-box {display:flex; flex-direction:column; justify-content:center; padding-left:30px; font-size:22px; font-weight:600; letter-spacing:-.03em; min-height:60px; background:#272e7c; color:#fff;}
.step-list ul li .list-box {padding-top:30px; padding-left:25px; min-height:165px; margin-bottom:-5px; border:1px solid #ddd; border-top:0;}
.step-list ul li .list-box .list p {/* font-family:'Noto Sans KR','Open Sans',AppleGothic,helvetica,sans-serif; */ font-size:18px; color:#505050; letter-spacing:-.03em; line-height:1.889em;}
.step-list ul li .list-box .list p strong {font-weight:600; color:#2c2c2c;}
.step-list ul li .list-box .list p span {display:inline-block; min-width:15px;}

.organization {text-align:center; padding:100px 0; background:#f8f8f8; margin-bottom:70px;}
.organization .tit {text-align:left; font-size:48px; font-weight:700; color:#121212; letter-spacing:-.03em; line-height:1.3em; margin-bottom:60px;}
.organization .tit span {font-size:22px; font-weight:500; color:#878787; letter-spacing:-.03em; padding-left:5px; display:inline-block;}

.contact .tit {text-align:left; font-size:48px; font-weight:700; color:#121212; letter-spacing:-.03em; line-height:1.3em; margin-bottom:60px;}
.contact .tit span {font-size:22px; font-weight:500; color:#878787; letter-spacing:-.03em; padding-left:5px; display:inline-block;}

iframe {width:100% !important; height:450px !important;}
iframe .wrap_map {height:450px !important;}

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