@charset "utf-8";
/* 공통 */
.subtit { font-size: 34px; font-weight: 700; line-height: 1.2em; letter-spacing: -.04em; position: relative; color: #2c2c2c; padding-left: 28px; margin-bottom: 35px;}
.subtit::before { content: ""; position: absolute; left: 0; width: 4px; height: 32px; background: #0054a6; top: 5px;}

/* CEO 인사말 */
.ceo-box { display: flex; margin-bottom: 100px;}
.ceo-left {width: 50%;}
.ceo-right {width: 50%; padding-left: 80px; }
.ceo-tit { font-size: 34px; font-weight: 500; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c;}
.ceo-tit .clr1 { color: #0054a6; font-weight: 800;}
.ceo-tit .clr2 { color: #00afd5; font-weight: 800; }
.ceo-right .line { width: 2px; height: 80px; margin: 25px 0 60px; background: #0054a6;}
.ceo-right p { font-size: 18px; font-weight: 400; line-height: 1.6em; letter-spacing: -.04em; color: #505050; margin-bottom: 31px;}
.ceo-right p:last-child { margin-bottom: 0; }
.ceo-box2 { margin-top: 75px; text-align: center;}
.ceo-txtbox { margin-top: 75px;}
.ceo-txtbox p { font-size: 18px; font-weight: 400; line-height: 1.6em; letter-spacing: -.04em; color: #505050; margin-bottom: 31px;}
.sign { display: flex; align-items: flex-end; justify-content: center; margin-top: 50px;}
.sign strong { display: inline-block; font-size: 18px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c; margin-right: 15px;}

/* 회사연혁 */
.hst-img { height: 420px; background: url(../images/sub/hst-bg.jpg) center no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 56px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; }
.hst { position: relative; padding-top: 100px;}
.hst::after { content: ""; position: absolute; left: 25%; top: 0; width: 1px; height: 95.5%; background: #ddd;}
.group { display: flex; margin-bottom: 80px;}
.group:last-child { margin-bottom: 0;}
.year { font-size: 48px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; color: #0054a6; width: 25%; position: relative;}
.group-right { width: 75%; border-bottom: 1px solid #ddd; padding-left: 60px; padding-bottom: 80px; padding-top: 10px;}
.group-right.bdn { border: none;}
.group-box { margin-bottom: 60px;}
.group-box:last-child { margin-bottom: 0;}
.group-box .s-year { font-size: 34px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c; margin-bottom: 30px; position: relative;}
.s-year::before { content: ""; position: absolute; left: -68px; top: 12px; width: 17px; height: 17px; background: #0054a6; border: 5px solid #ccdded; border-radius: 100%; z-index: 1;}
.group-box ul li { position: relative; margin-bottom: 18px;}
.group-box ul li:last-child { margin-bottom: 0;}
.group-box ul li .month { position: absolute; left: 0; font-size: 18px; font-weight: 700; letter-spacing: -.04em; line-height: 1em; color: #2c2c2c;top: 2px;}
.group-box ul li .txt { padding-left: 50px; font-size: 18px; font-weight: 400; letter-spacing: -.04em; line-height: 1.2em; color: #505050;}

/* 회사비전 */
.vs-box { position: relative; padding-top: 70px; display: flex; align-items: center; justify-content: center;}
.vs-box .big-fz { font-size: 130px; font-weight: 800; letter-spacing: -.04em; line-height: 1em; color: #eee; position: absolute; z-index: -1;}
.vs-box .big-fz.lf { left: 0; top: 0;}
.vs-box .big-fz.rg { right: 0; top: 210px;}

/* 조직도 */
.organ-box { display: flex; align-items: center; justify-content: center; padding-bottom: 100px;}
.organ-box .contain2 { padding-left: 20px; padding-right: 20px;}
.organ-sec { padding-top: 100px; border-top: 1px dashed #ddd; border-width: 2px;}
.organ-listbox { margin-bottom: 75px;}
.organ-listbox>p { font-size: 18px; font-weight: 500; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c;}
.organ-listbox>p span { color: #ee5b5b;}
.organ-listbox:last-child { margin-bottom: 0;}
.organ-list { display: flex; flex-wrap: wrap; gap: 12px;}
.organ-list li { text-align: center; width: calc(100%/8 - 11px); height: 56px; display: flex; align-items: center; justify-content: center; background: #fafafa; border: 1px solid #ddd; border-radius: 6px; font-weight: 500; letter-spacing: -.04em; line-height: 1.2em;}
.organ-tab { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 35px;}
.organ-tab li { flex: 1; background: #fafafa; cursor: pointer; text-align: center; height: 56px; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 6px; font-weight: 500; letter-spacing: -.04em; line-height: 1em; color: #505050;}
.organ-tab li.active { background: #454545; color: #fff; border: 1px solid #454545;}
.org-tbl-wrap { overflow: auto;}
.org-tbl { border-collapse: collapse; border-top: 1px solid #a8a8a8; width: 100%;}
.org-tbl tr { border-bottom: 1px solid #ddd;}
.org-tbl tr th { background: #fafafa; text-align: center; padding: 25px 5px; font-weight: 600; letter-spacing: -.04em; line-height: 1em; border-right: 1px solid #ddd; color: #2c2c2c;}
.org-tbl tr th:last-child { border-right: none;}
.org-tbl tr td { font-weight: 400; letter-spacing: -.04em; line-height: 1.5em; color: #505050; padding: 15px 0;padding-left: 20px; border-right: 1px solid #ddd;}
.org-tbl tr td:last-child { border-right: none;}
.org-tbl tr td p { position: relative; padding-left: 10px;}
.org-tbl tr td p::before {content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #505050; top: 8px;}
.org-tbl tr td b { font-size: 20px; font-weight: 600; }
.org-tbl tr td.tc { text-align: center; padding-left: 5px;}
[data-tab-content] { display: none;}
[data-tab-content].active { display: block; }

/* ci */
.ci-box { margin-bottom: 95px;}
.ci-box>p { letter-spacing: -.04em; font-weight: 400; letter-spacing: -.04em; line-height: 1.556em; margin-bottom: 25px;}
.ci-box:last-child { margin-bottom: 0;}
.ci-big {display: flex; align-items: center; justify-content: space-between; height: 360px; background: #fafafa; padding: 0 80px;}
.ci-left { flex: 1 1 auto; min-width: 0; width: 1%;}
.ci-link { display: flex; background: #fff; border: 1px solid #ddd; width: 180px; height: 44px; border-radius: 8px; align-items: center; padding-left: 22px; font-weight: 400; letter-spacing: -.03em; line-height: 1em; position: relative; transition: .2s;}
.ci-link::after { content: ""; position: absolute; right: 22px; background-size: contain; width: 20px; height: 20px; background: url(../images/sub/download.png) center no-repeat; top: 10px; transition: .2s;}
.ci-link:hover { background: #0054a6; border: 1px solid #0054a6; color: #fff;}
.ci-link:hover::after { background: url(../images/sub/download-w.png) center no-repeat; background-size: contain;}
.ci-logo { padding: 50px 80px; background: #fafafa;}
.ci-fx { display: flex; align-items: center; justify-content: space-between; margin-bottom: 80px;}
.ci-fx:last-child { margin-bottom: 0;}
.ci-fx .ci-left { display: flex; align-items: center; justify-content: flex-start;}
.ci-fx .ci-left p { padding-right: 30px; font-size: 18px; font-weight: 500; color: #505050; letter-spacing: -.04em; line-height: 1em; padding-top: 15px;}
.ci-list { display: flex; margin-top: 60px;}
.ci-list li { width: calc(100%/4); color: #fff; padding: 35px 30px;}
.ci-list li.clr1 { background: #0054a6;}
.ci-list li.clr2 { background: #00afd5;}
.ci-list li.clr3 { background: #4d555b;}
.ci-list li.clr4 { background: linear-gradient(45deg, #00afdd, #0066b3);}
.ci-list li .tit { line-height: 1.2em; font-size: 20px; font-weight: 700; letter-spacing: -.04em;}
.ci-list li .txt { font-size: 17px; font-weight: 700; letter-spacing: -.04em; line-height: 1em; margin: 25px 0 35px;}
.ci-list li span { font-size: 14px; font-weight: 700; letter-spacing: -.04em; line-height: 1em; display: inline-block; padding-right: 12px;}
.ci-list li span:last-child { padding-right: 0;}
.ci-list li .line { width: 100%; height: 1px; margin: 3px 0; background: rgba(255,255,255,0.34);}
.ci-list li .line.mg { margin: 108px 0 10px;}
.ci-list li .span-fx { display: flex; justify-content: space-between;}
.ci-list2 { display: flex; flex-wrap: wrap; gap: 40px 21px;}
.ci-list2 li { width: calc(100%/3 - 14px); }
.ci-list2 li .txt { font-weight: 400; letter-spacing: -.04em; line-height: 1.3em; color: #686868; margin-top: 15px;}

/* 오시는길 */
.dr-tab { display: flex; margin-bottom: 80px;}
.dr-tab li { flex: 1; height: 64px; background: #fafafa; border: 1px solid #ddd; font-size: 16px; font-weight: 500; letter-spacing: -.04em; line-height: 1.2em; color: #878787; display: flex; align-items: center; justify-content: center; border-right: 0; border-bottom: 2px solid #0054a6; cursor: pointer;}
.dr-tab li:last-child { border-right: 1px solid #ddd;}
.dr-tab li.active { background: #fff; border: 2px solid #0054a6; border-bottom: 2px solid #fff; color: #0054a6; font-weight: 700;}
.map-b { position: relative; height: 800px;}
.dr-box { opacity: 0; position: absolute; left: 0; top: 0; width: 100%;}
.dr-box.active { opacity: 1;}
.map-list { display: flex; margin-top: 80px;}
.map-list li { text-align: center; width: calc(100%/3); border-right: 1px solid #ddd; padding: 40px 0; flex: 1;}
.map-list li:last-child { border-right: none;}
.map-list li .tit { margin: 26px 0 10px; font-size: 18px; font-weight: 600; letter-spacing: -.04em; line-height: 1.2em;}
.map-list li .tit.clr1 { color: #0054a6;}
.map-list li .tit.clr2 { color: #00afd5;}
.map-list li .txt { font-size: 18px; font-weight: 400; letter-spacing: -.04em; line-height: 1.6em; color: #505050;}

/* 윤리헌장 */
.ethic-img { height: 420px; background: url(../images/sub/charter.jpg) center no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 34px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; margin-bottom: 25px;}
.ethic-list { display: flex; flex-wrap: wrap; gap: 50px; border-bottom: 1px dashed #ddd; padding: 55px 0;}
.ethic-list li { width: calc(100%/3 - 34px);}
.ethic-list li .num { font-size: 24px; font-weight: 700; letter-spacing: -.04em; color: #0054a6; line-height: 1em; margin-bottom: 25px;}
.ethic-list li .tit { font-size: 22px; font-weight: 700; letter-spacing: -.04em; color: #0054a6; margin-bottom: 10px;}
.ethic-list li .txt { font-size: 16px; font-weight: 400; letter-spacing: -.04em; line-height: 1.666em; color: #505050;}
.ethic-list:last-child { border: none; padding-bottom: 0;}

/* 안전보건경영 */
.safe-img { background: url(../images/sub/safe.jpg); justify-content: flex-start; padding-left: 100px; line-height: 1.5em;}
.safe-img span { color: #0054a6;}
.safe-list { border-bottom: none;}
/* .safe-btn { width: 210px; height: 44px; border: 1px solid #ddd; margin: 60px auto 0; border-radius: 8px; display: flex; align-items: center;padding-left: 15px; position: relative; color: #686868; letter-spacing: -.03em; line-height: 1.2em;  font-weight: 400; transition: .2s;}
.safe-btn::after { content: ""; position: absolute; right: 15px; top: 10px; width: 22px; height: 22px; background-size: contain; background: url(../images/sub/safe-btn.png) center no-repeat; transition: .2s;}
.safe-btn:hover { color: #fff; background: #0054a6; border: 1px solid #0054a6;}
.safe-btn:hover::after { background: url(../images/sub/safe-btn-w.png) center no-repeat; background-size: contain; } */
.safe-btn { width: 210px; height: 60px; border: 1px solid #ddd; margin: 60px auto 0; border-radius: 8px; display: flex; align-items: center;position: relative; color: #686868; letter-spacing: -.03em; line-height: 1.2em;  font-weight: 400; transition: .2s; justify-content: center;}
.safe-btn:hover { color: #fff; background: #454545; border: 1px solid #454545;}

/* 임직원 윤리규범 */
.canon-img { background: url(../images/sub/canon.jpg) center no-repeat; background-size: cover; text-align: center;}
.canon-img h2 { font-size: 34px;}
.canon-img p { font-size: 18px; font-weight: 300; letter-spacing: -.04em; line-height: 1.6em; margin-top: 20px;}
.canon-box { text-align: center; padding: 30px 0 80px; border-bottom: 1px dashed #ddd;}
.canon-box p { font-size: 18px; font-weight: 400; letter-spacing: -.04em; line-height: 1.6em; color: #505050;}
.canon-box strong { display: block; font-size: 18px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c; margin-top: 30px;}

/* 윤리규범 실천 세부지침 */
.gd-list { border-top: 1px solid #a8a8a8;}
.gd-list li { display: flex; padding: 55px 60px; border-bottom: 1px dashed #ddd; align-items: center;}
.gd-list li .titbox { display: flex; align-items: center; gap: 30px; width: 33%;}
.gd-list li .titbox .tit { font-size: 24px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; color: #0054a6;}
.gd-list li .txtbox { width: 67%; }
.gd-list li .txtbox p { position: relative; padding-left: 15px; font-size: 16px; font-weight: 400; letter-spacing: -.04em; line-height: 1.5em; color: #505050; margin-bottom: 12px;}
.gd-list li .txtbox p:last-child { margin-bottom: 0;}
.gd-list li .txtbox p::before { content: ""; position: absolute; width: 4px; height: 4px; left: 0; top: 9px; border-radius: 100%; background: #00afd5;}
.gd-list li .txtbox p span {color: #878787;}

/* 경영혁신 */
.inno-img { background: url(../images/sub/manage.jpg) center no-repeat; background-size: cover; text-align: center;}
.inno-img h2 { font-size: 34px;}
.inno-img p { font-size: 18px; font-weight: 300; letter-spacing: -.04em; line-height: 1.6em; margin-top: 20px;}
.inno-txt { display: flex; padding: 50px 0 100px; border-bottom: 1px dashed #ddd;}
.inno-txt .tit { font-size: 34px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c; width: 25%;}
.inno-txt .txt { width: 75%;}
.inno-txt .txt p { font-size: 18px; font-weight: 400; letter-spacing: -.04em; line-height: 1.6em; color: #505050; margin-bottom: 30px;}
.inno-txt .txt p:last-child { margin-bottom: 0;}
.inno-sec1 { padding-top: 100px; text-align: center;}
.inno-sec1 .tit { line-height: 1em; font-size: 34px; font-weight: 700; letter-spacing: -.04em; color: #2c2c2c;}
.inno-list { display: flex; padding: 0 100px; margin-top: 80px; gap: 80px;}
.inno-list li { width: calc(100%/3); text-align: center;}
.inno-list li .big { width: 280px; height: 280px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #deeaf4; position: relative; margin: auto;}
.inno-list li .small { width: 180px; height: 180px; display: flex; align-items: center; justify-content: center; color: #fff; background: #0054a6; border-radius: 100%; font-size: 20px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; position: relative;}
.inno-list li .small::after { content: ""; position: absolute; width: 1px; height: 100px; background: #4d555b; left: 0; right: 0; margin: auto; bottom: -100px;} 
.inno-list li .small::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 9px; height: 9px; bottom: -105px; border-radius: 100%; background: #4d555b;}
.inno-list li .txt { font-size: 16px; font-weight: 400; letter-spacing: -.04em; line-height: 1.6em; color: #505050; margin-top: 80px;}

/* 상생협력가이드라인 */
.growbox { margin-bottom: 95px;}
.growbox:last-child { margin-bottom: 0;}
.growbox p { font-size: 18px; padding-left: 15px; font-size: 18px; font-weight: 400; letter-spacing: -.04em; line-height: 1.5em; margin-bottom: 12px; color: #505050; position: relative;}
.growbox p::before { content: ""; position: absolute; width: 4px; height: 4px; left: 0; top: 11px; border-radius: 100%; background: #00afd5;}
.growbox p:last-child { margin-bottom: 0;}
.growbox strong { font-size: 18px; font-weight: 600; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c; display: block; margin-bottom: 18px;}
.growbox p span { color: #878787;}
.growbox p span.db {display: block; margin-top: 3px;}
.growbox p strong { font-weight: 400; color: #505050; display: block; margin-top: 7px;}
.growbox p strong span { color: #ee5b5b; }
.growbox p a { color: #0054a6;}
.grow-list { display: flex; gap: 30px;}
.grow-list li { width: calc(100%/3 - 20px); background: #fafafa; padding: 40px;}
.grow-list li .num { font-size: 24px; font-weight: 700; letter-spacing: -.04em; line-height: 1em; color: #0054a6; margin-bottom: 25px;}
.grow-list li .txt { font-size: 16px; font-weight: 400; letter-spacing: -.04em; line-height: 1.2em; color: #505050;}
.grow-organ { position: relative; margin-top: 40px; display: flex; align-items: center; justify-content: center; padding: 80px 15px;}
.grow-organ::after { content: ""; position: absolute; left: 0; right: 0; top: 0;bottom: 0; margin: auto; border: 1px solid #ddd;}

/* 불공정거래 신고센터 */
.tradebox { border-top: 2px solid #0054a6; background: #fafafa; padding: 60px; display: flex; align-items: center; gap: 40px;}
.tradebox .circle { width: 80px; height: 80px; border-radius: 100%; background: #4d555b; display: flex; align-items: center; justify-content: center;}
.tradebox .txt { font-size: 18px; font-weight: 600; letter-spacing: -.04em; line-height: 1.6em; color: #2c2c2c;}
.growbox .scrollbox {padding:25px; color:#505050; font-size:15px; font-weight:400; line-height:1.6em; background:#fff; border:1px solid #ddd; max-height:210px; overflow: auto;}
.growbox .scrollbox::-webkit-scrollbar { width: 15px; }
.growbox .scrollbox::-webkit-scrollbar-thumb { background-color: #cccccc; width: 6px; height: 80px; border-radius: 6px; background-clip: padding-box; border: 5px solid transparent;}
.growbox .scrollbox::-webkit-scrollbar-button { width: 0;}
.grow-agree { display: flex; justify-content: space-between; align-items: center; margin-top: 28px;}
.grow-agree .txt { font-size: 16px; font-weight: 500; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c;}
.grow-agree .itembox {display: flex; gap: 30px; }
.grow-agree .itembox .item { letter-spacing: -.04em; }
.child-txt { font-size: 18px; font-weight: 500; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c; margin: 40px 0 30px;}
.child-txt span { color: #ee5b5b; font-weight: 600;}
.trade-del { font-size: 18px; font-weight: 400; letter-spacing: -.04em; line-height: 1.2em; margin-bottom: 30px; color: #505050;}
.trade-del span { font-weight: 600; color: #0054a6;}
.grow-btns { display: flex; gap: 10px; margin-top:60px; justify-content: center;}

/* 고객헌장제정 */
.sv-img { height: 420px; background: url(../images/sub/customer.jpg) center no-repeat; background-size: cover; margin-bottom: 25px;}
.sv-list { display: flex; flex-wrap: wrap; gap: 30px;}
.sv-list li { width: calc(100%/3 - 20px); background: #fafafa; height: 225px; padding: 40px;}
.sv-list li .num { font-size: 24px; font-weight: 700; letter-spacing: -.04em; line-height: 1em; color: #0054a6; margin-bottom: 22px;}
.sv-list li .txt { font-weight: 400; letter-spacing: -.04em; line-height: 1.6em; color: #505050;}
.pc-img { background: url(../images/sub/customer2.jpg) center no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center;} 
.pc-img h2 { font-size: 34px;}
.pc-img p { font-size: 18px; font-weight: 300; letter-spacing: -.04em; line-height: 1.6em; margin-top: 30px;}
.sd-list { display: flex; margin-top: 35px; gap: 50px;}
.sd-list li { width: calc(100%/6); position: relative; border: 1px solid #0054a6; height: 100px; display: flex; align-items: center; justify-content: center; text-align: center; background: #fafafa; font-weight: 600; letter-spacing: -.04em; line-height: 1.4em; color: #505050;}
.sd-list li::after { content: ""; position: absolute; right: -35px; top: 0; bottom: 0; margin: auto; width: 18px; height: 17px; background-size: contain; background: url(../images/sub/customer-right.png) center no-repeat;}
.sd-list li:last-child { background: #0054a6; color: #fff;}
.sd-list li:last-child::after { display: none;}
.sd-list li span { font-size: 14px; font-weight: 500;}
.sd-txt { font-size: 18px; font-weight: 400; letter-spacing: -.04em; line-height: 1.3em; color: #505050; margin-bottom: 15px;}
.sv-list2 li { height: auto;}

/* 운송사업 */
.tranbox { margin-bottom: 80px; display: flex; align-items: center; }
.tranbox:last-child { margin-bottom: 0; }
.tran-left { width: 50%; }
.tran-right { width: 50%; padding-left: 80px; }
.tran-right .tit { font-size: 34px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c; margin-bottom: 30px;}
.tran-right .tit span { font-size: 16px; font-weight: 300; color: #878787; padding-left: 5px; letter-spacing: -.02em;}
.tran-right .txt { font-size: 18px; line-height: 1.6em; letter-spacing: -.04em; font-weight: 400; color: #505050;}
.tran-right .txt sup { font-size: 10px;}

/* 해운수출입 */
.seabox { margin-top: 100px; }
.seabox p { font-size: 18px; font-weight: 400; letter-spacing: -.04em; line-height: 1.6em; color: #505050;}
.seabox2 { margin-top: 80px; }
.seabox2 .tit { font-size: 28px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; margin-bottom: 40px; color: #0054a6;}
.seabox2 .imgbox { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; padding: 60px 10px; border: 1px solid #ddd;}

/* RSR 서비스 */
.rsr-img { height: 420px; background: url(../images/sub/rsr.jpg) center no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 34px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; }
.rsr-listbox { padding: 50px; border: 1px solid #ddd;}
.rsr-top { padding: 20px; border: 1px solid #a8a8a8; border-radius: 70px; position: relative;}
.rsr-top::after { content: ""; position: absolute; width: 1px; height: 40px; bottom: -40px; background: #ddd; left: 0; right: 0; margin: auto;}
.rsr-toplist { display: flex; gap: 20px;}
.rsr-toplist li { width: calc(100%/3); color: #fff; font-size: 16px; font-weight: 600; letter-spacing: -.04em; line-height: 1.5em; display: flex; align-items: center; justify-content: center; padding: 24px 10px; border-radius: 46px; text-align: center;}
.rsr-toplist li.clr1 { background: #0054a6;}
.rsr-toplist li.clr2 { background: #00afd5;}
.rsr-toplist li.clr3 { background: #4d555b;}
.rsr-btmlist { display: flex; gap: 20px; margin-top: 79px; position: relative;}
.rsr-btmlist::before { content: ""; position: absolute; width: 81.5%; height: 1px; margin: auto; left: 0; right: 0; top: -40px; background: #ddd;}
.rsr-btmlist li { width: calc(100%/5); text-align: center; padding: 24px 0; line-height: 1.2em; color: #0054a6; font-weight: 600; letter-spacing: -.04em; border: 1px solid #a8a8a8; border-radius: 32px; position: relative;}
.rsr-btmlist li::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: -40px; width: 1px; height: 40px; background: #ddd;}
.rsrbox { display: flex; }
.rsr-left { width: 50%; padding-right: 70px;}
.rsr-right { width: 50%;}

/* tcr */
.tcrbox { margin-top: 120px; display: flex;}
.tcr-left { width: 46%; padding-right: 25px;}
.tcr-left .tit { font-size: 40px; font-weight: 700; letter-spacing: -.04em; line-height: 1em; color: #2c2c2c; margin-bottom: 30px;}
.tcr-left .txt { font-size: 18px; font-weight: 400; line-height: 1.6em; letter-spacing: -.04em; color: #505050; }
.tcr-right { width: 54%;}

/* CFS */
.cfs-list { display: flex; gap: 20px;}
.cfs-list li { width: calc(100%/5); border: 1px solid #ddd;  padding: 50px 35px; text-align: center;}
.cfs-list li .txt { margin-top: 30px; padding-top: 25px; font-size: 15px; font-weight: 400; line-height: 1.5em; letter-spacing: -.04em; color: #505050; border-top: 1px dashed #c7c7c7; }
.cfs-list li .txt span { font-size: 14px; color: #878787;}
.cfs-op { display: flex; gap: 30px;}
.cfs-op>div { width: calc(100%/2 - 15px); background: #fafafa; padding: 50px;}
.cfs-op>div .tit { font-size: 28px; font-weight: 700; letter-spacing: -.04em; line-height: 1em; color: #0054a6; margin-bottom: 25px;}
.cfs-op>div .txtbox p { position: relative; font-weight: 400; letter-spacing: -.04em; line-height: 1.2em; margin-bottom: 20px; padding-left: 18px; font-size: 16px;}
.cfs-op>div .txtbox p::before { content: ""; position: absolute; left: 0; top: 6px; width: 5px; height: 5px; border-radius: 100%; background: #00afd5;}
.cfs-op>div .txtbox p:last-child { margin-bottom: 0; }

/* 3PL */
.pl-txt { font-size: 18px; font-weight: 400; line-height: 1.6em; letter-spacing: -.04em; color: #505050;}

/* 오시는 길 */
.maptit { font-size: 28px; font-weight: 700; letter-spacing: -.04em; line-height: 1em; color: #0054a6; margin-bottom: 80px;}

/* 서비스 소개 */
.ss-box { display: flex; align-items: center; margin-bottom: 80px;}
.ss-box:last-child { margin-bottom: 0;}
.ss-left {width: 50%;}
.ss-right {width: 50%; padding-left: 80px;}
.ss-right .num { width: 56px; height: 56px; border-radius: 100%; background: #0054a6; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em;}
.ss-right .tit { font-size: 28px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; color: #0054a6; margin: 40px 0; }
.ss-right p { font-size: 18px; font-weight: 400; position: relative; letter-spacing: -.04em; color: #505050; padding-left: 18px; margin-bottom: 12px;}
.ss-right p::before { content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 100%; background: #00afd5; }
.ss-right p:last-child { margin-bottom: 0; }
.ss-fx { flex-direction: row-reverse;}
.ss-fx .ss-right { padding-left: 0; padding-right: 30px;}

/* 이용방법 */
.use-top { position: relative;}
.use-toplist { display: flex; padding: 0 60px; position: relative; margin-bottom: 100px; gap: 120px;}
.use-top::after { content: ""; position: absolute; width: 100%; height: 2px; background: #ddd; bottom: 41px; z-index: -1;}
.use-toplist li { width: calc(100%/4 - 90px); text-align: center;}
.use-toplist li .circle { width: 180px; height: 180px; border-radius: 100%; display: flex; background: #0054a6; align-items: center; justify-content: center; position: relative;}
.use-toplist li .circle::after { content: ""; position: absolute; width: 2px; height: 25px; left: 0; right: 0; margin: auto; bottom: -25px; background: #ebf2f8;}
.use-toplist li .circle::before { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 100%; background: #0054a6; left: 0; right: 0; bottom: -30px; margin: auto; z-index: 1;}
.use-toplist li .tit { font-size: 18px; font-weight: 600; letter-spacing: -.04em; line-height: 1em; margin-top: 50px; color: #2c2c2c;}
.use-btmlist { border-top: 1px solid #a8a8a8;}
.use-btmlist li { display: flex; padding: 55px 60px; border-bottom: 1px dashed #ddd; align-items: center;}
.use-btmlist li .tit { font-size: 24px; font-weight: 700; letter-spacing: -.04em; color: #0054a6; line-height: 1em; width: 20%;}
.use-btmlist li .txt p { position: relative; padding-left: 15px; font-size: 16px; font-weight: 400; letter-spacing: -.04em; line-height: 1.2em; color: #505050; margin-bottom: 18px;}
.use-btmlist li .txt p:last-child { margin-bottom: 0;}
.use-btmlist li .txt p::before { content: ""; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; border-radius: 100%; background: #00afd5; }

/* 유의사항 */
.s-noticebox { padding-bottom: 60px; border-bottom: 1px solid #a8a8a8;}
.s-noticebox p { font-size: 18px; font-weight: 400; letter-spacing: -.04em; line-height: 1.666em; color: #505050; padding-left: 0;}
.s-noticebox p::before { content: none;}
.s-notice-list:last-child { padding-bottom: 55px; border-bottom: 1px dashed #ddd;}

/* 요금 */
.st-tbl { width: 100%; border-collapse: collapse; border-top: 1px solid #a8a8a8;}
.st-tbl colgroup col { width: 20%;}
.st-tbl tr { border-bottom: 1px solid #ddd;}
.st-tbl th { border-right: 1px solid #ddd; text-align: center; font-size: 16px; font-weight: 600; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c; background: #fafafa; padding: 25px 10px;}
.st-tbl th:last-child { border-right: none;}
.st-tbl td { border-right: 1px solid #ddd; text-align: center; font-size: 16px; font-weight: 400; letter-spacing: -.04em; line-height: 1.2em; color: #505050; padding: 25px 10px;}
.st-tbl td:last-child { border-right: none;}
.st-tbl td.fw { color: #2c2c2c; background: #fafafa; font-weight: 600;}
.st-tbl td.clr { font-weight: 700; color: #0054a6;}
.st-tbl td sup { font-size: 10px;}

/* 입환전호 */
.bf-clr { font-weight: 600; color: #2c2c2c !important;}
.bf-list { display: flex; gap: 30px; flex-wrap: wrap;}
.bf-list li { width: calc(100%/2 - 15px); padding: 45px 50px; background: #fafafa;}
.bf-list li .tit { font-size: 28px; font-weight: 700; letter-spacing: -.04em; line-height: 1em; color: #0054a6; margin-bottom: 25px;}
.bf-list li .txtbox p { position: relative; font-weight: 400; letter-spacing: -.04em; line-height: 1.2em; margin-bottom: 20px; padding-left: 18px; font-size: 16px;}
.bf-list li .txtbox p::before { content: ""; position: absolute; left: 0; top: 6px; width: 5px; height: 5px; border-radius: 100%; background: #00afd5;}
.bf-list li .txtbox p:last-child { margin-bottom: 0; }
.bf-imglist { display: flex; flex-wrap: wrap; gap: 30px;}
.bf-imglist li { width: calc(100%/2 - 15px);}
.bf-imglist li .tit { font-size: 28px; font-weight: 700; letter-spacing: -.04em; line-height: 1em; color: #0054a6; margin-bottom: 30px; margin-top: 40px;}
.bf-imglist li .img-fx { display: flex; gap: 30px;}
.bf-imglist li .img-fx .txt { font-size: 18px; font-weight: 400; letter-spacing: -.04em; line-height: 1.2em; margin-top: 25px;}

/* 인사제도 */
.pc-box { display: flex; align-items: center; margin-top: 80px;}
.pc-box:last-child { margin-bottom: 0;}
.pc-left {width: 50%;}
.pc-right {width: 50%; padding-left: 80px;}
.pc-right .tit { font-size: 28px; font-weight: 700; letter-spacing: -.04em; line-height: 1em; color: #0054a6; margin-bottom: 40px;}
.pc-right .txt { font-size: 18px; font-weight: 400; line-height: 1.666em; letter-spacing: -.04em; color: #505050;}
.pc-fx { flex-direction: row-reverse;}
.pc-fx .pc-right { padding-left: 0; padding-right: 30px;}
.pc-list { display: flex; border-top: 1px solid #a8a8a8;}
.pc-list li { width: calc(100%/5); border: 1px solid #ddd; border-top: none; border-right: none; padding: 45px 50px; text-align: center;}
.pc-list li:last-child { border-right: 1px solid #ddd;}
.pc-list li .txtbox { margin-top: 30px; padding-top: 25px; border-top: 1px dashed #ddd;}
.pc-list li .txtbox .tit { font-size: 16px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2em; color: #2c2c2c; margin-bottom: 15px;}
.pc-list li .txtbox .txt { font-size: 15px; font-weight: 400; letter-spacing: -.04em; line-height: 1.5em; color: #505050;}
.pc-toplist { padding: 0 30px; gap: 60px;}
.pc-toplist li { width: calc(100%/5 - 48px);}
.pc-btmlist li .tit span { font-size: 16px; font-weight: 400; color: #878787;}
.pc-btmlist li .txt p { line-height: 1.6em;}
.pc-btmlist li .txt p::before { top: 10px;}