@charset "utf-8";
/* 공통 */
.subtit { line-height: 1.2em; font-size: 22px; font-weight: 600; letter-spacing: -.04em; line-height: 1.2em; color: #222; position: relative; padding-left: 23px; margin-bottom: 24px;}
.subtit::before { content: ""; position: absolute; left: 0; background: url(../images/sub/bf.png) center no-repeat; background-size: contain; width: 15px; height: 19px; top: 4px;}
.subbox { margin-bottom: 50px;}
.subbox:last-child { margin-bottom: 0; }
.subtxt { font-size: 16px; font-weight: 300; letter-spacing: -.04em; line-height: 1.556em; color: #505050;}
.subtxt.fw { color: #2c2c2c; font-weight: 500; font-size: 19px;}
.subtxt span { font-weight: 600; color: #454545;}

/* 회사개요 */
.sub1-list li { display: flex; align-items: center; margin-bottom: 20px;}
.sub1-list li:last-child { margin-bottom: 0; }
.sub1-list li .circle { width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #e89115;}
.sub1-list li .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 30px;}
.sub1-list li .txtbox .tit { font-size: 18px; font-weight: 500; letter-spacing: -.04em; line-height: 1em; color: #222; margin-bottom: 16px;}
.sub1-list li .txtbox .txt { font-size: 16px; font-weight: 400; letter-spacing: -.04em; line-height: 1.5em; color: #454545;}
.sub1-list2 { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px;}
.sub1-list2 li { width: calc(100%/2 - 10px); text-align: center; padding: 50px 10px; border-radius: 24px; border: 1px solid #ddd;}
.sub1-list2 li .tit { font-size: 18px; font-weight: 500; letter-spacing: -.04em; line-height: 1.2em; color: #222; font-family:'nexon'; margin-bottom: 25px;}
.sub1-list2 li .tit span { font-weight: 700; color: #e89115; display: inline-block; padding-right: 12px;}
.sub1-list2 li .txt { font-weight: 400; line-height: 1.5em; letter-spacing: -.04em; color: #505050;}
.sub1-img { display: flex; align-items: center; padding-left: 135px; color: #fff; font-size: 34px; font-family:'nexon'; font-weight: 500; letter-spacing: -.04em; line-height: 1.2em; height: 260px; border-radius: 24px; background: url(../images/sub/sub1-img.jpg) center no-repeat; background-size: cover; margin-bottom: 20px;}
.sub1-img span { color: #e89115; font-weight: 700; display: inline-block; padding-left: 10px;}

/* 인사의글 (책임, 이사) */
.gt-box { margin-bottom: 60px; }
.gt-box.mg { margin-bottom: 0;}
.gt-fx { display: flex; align-items: flex-start;}
.gt-box img { display: inline-block; border-radius: 24px; border: 1px solid #Ddd;}
.gt-box .info { padding-left: 60px; flex: 1 1 auto; min-width: 0; width: 1%; }
.gt-box .info h3 { font-size: 22px; font-weight: 700; color: #17437e; line-height: 1.2em; margin-bottom: 16px;}
.gt-box .info p { font-size: 18px; line-height: 1.556em; letter-spacing: -.02em; font-weight: 500; color: #505050; margin-bottom: 12px;}
.gt-box .info-box { margin-top: 15px; display: flex; }
.gt-box .info-box .tit { width: 70px; height: 28px; display: flex; align-items: center; justify-content: center; color: #fff; background: #e89115; font-size: 16px; font-weight: 700; letter-spacing: -.02em; line-height: 1em; border-radius: 14px;}
.gt-box .info-box .txtbox { font-size: 14px; font-weight: 500; letter-spacing: -.02em; line-height: 1.3em; color: #d12828; flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 10px; padding-top: 4px;}
.gt-list { display: flex; flex-wrap: wrap; gap: 30px;}
.gt-list li { width: calc(100%/3 - 20px); border-radius: 24px; overflow: hidden; position: relative;}
.gt-list li::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 24px; border: 1px solid #ddd;}

/* 대박24 */
.good-list { display: flex; flex-wrap: wrap; gap: 14px;}
.good-list li { position: relative; width: calc(100%/4 - 11px);}
.good-list li a { display: block; position: relative; width: 100%; }
.good-list li .thumb {position:relative; padding-bottom:50%; overflow:hidden; border-radius: 20px;}
.good-list li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}
.good-list li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08); border-radius: 20px;}
.good-list li .tit { font-size: 16px; letter-spacing: -.03em; color: #454545; margin-top: 7px; text-align: center;}

/* 무역대행 업무설명 */
.sub2-txtbox { margin-bottom: 30px;}
.sub2-txtbox:last-child { margin-bottom: 0;}
.sub2-txtbox h3 { font-size: 18px; font-weight: 500; letter-spacing: -.03em; line-height: 1.3em; color: #222; margin-bottom: 10px; }
.sub2-txtbox h3 span { font-weight: 700; color: #e89115; display: inline-block; padding-right: 12px;font-family:'nexon';}
.sub2-tbl-wrap { overflow: auto; }
.sub2-tbl { width: 100%; border-collapse: collapse; text-align: center; border-top: 1px solid #ddd; font-family: 'Pretendard';}
.sub2-tbl tr { border-bottom: 1px solid #ddd;}
.sub2-tbl tr th { line-height: 1em; background: #f9f9f9; padding: 18px 5px; font-size: 16px; font-weight: 600; letter-spacing: -.04em; color: #454545; border-right: 1px solid #ddd;}
.sub2-tbl tr th:last-child { border-right: none;}
.sub2-tbl tr td { line-height: 1.2em; padding: 16px 5px; font-size: 16px; font-weight: 300; letter-spacing: -.04em; color: #454545; border-right: 1px solid #ddd;}
.sub2-tbl tr td:last-child { border-right: none;}
.sub2-tbl tr td.tl { text-align: left; padding-left: 30px;}
.sub2-span { display: block; font-size: 16px; font-weight: 300; letter-spacing: -.04em; line-height: 1.5em; color: #454545; margin-top: 15px;}
.sub2-span.clr { color: #f00; margin-top: 3px;}
.oem-txt { font-size: 22px; margin-top: 20px; font-weight: 600; letter-spacing: -.03em; line-height: 1.3em; color: #f00;}

/* 구매대행 절차 */
.sub3-list { display: flex; flex-wrap: wrap; gap: 60px;}
.sub3-list li { width: calc(100%/3 - 40px); text-align: center; position: relative; }
.sub3-list li::after { content: ""; position: absolute; width: 18px; height: 16px; top: 0; bottom: 0; margin: auto; right: -38px; background-size: contain; background: url(../images/sub/sub3-1-right.png) center no-repeat;}
.sub3-list li:nth-of-type(3n)::after { display: none;}
.sub3-list li .num { font-weight: 700; color: #fff; letter-spacing: -.04em; line-height: 1em; font-family:'nexon'; background: #e89115; padding: 10px 5px; font-size: 18px; border-radius: 20px 20px 0 0;}
.sub3-list li .tit { font-size: 18px; font-weight: 500; letter-spacing: -.04em; line-height: 1.2em; color: #222; padding: 28px 5px; border: 1px solid #ddd; border-top: none; border-radius: 0 0 20px 20px;}
.pc-list { display: flex; flex-wrap: wrap; gap: 35px 16px;}
.pc-list li { width: calc(100%/4 - 12px); text-align: center;}
.pc-list li a { display: block; width: 100%;}
.pc-list li .imgbox { height: 110px; border: 1px solid #ddd; overflow: hidden; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
.pc-list li .tit { font-weight: 400; letter-spacing: -.04em; line-height: 1em; color: #222; margin-top: 20px;}