@charset "utf-8";
/* 공통 */
.sub-pd { padding: 120px 0;}
.sub-pd.first { padding-top: 0; padding-bottom: 120px; }
.sub-pd.last { padding-top: 120px; padding-bottom: 0; }
.subtit { line-height: 1em; font-size: 46px; font-weight: 700; color: #242424; margin-bottom: 80px; text-align: center; }
.subtit2 { color: var(--color-secondary); font-size: 24px; font-weight: 600; line-height: 1.444em; }
.subtit2.clr { color: #242424; }
.subtxt { font-size : 18px; }

/* 회사소개 */
.gt-fx { display: flex; align-items: center; }
.gt-fx .img { width: 50%; text-align: right; }
.gt-fx .img img { border-radius: 24px; }
.gt-fx .info { width: 50%; padding-left: 60px; }
.gt-fx .info p { margin-top: 30px; }
.gt { background: url(../images/sub/sub1-1-bg.jpg) center no-repeat; background-size: cover;}
.gt-group { text-align: center; }
.gt-group h4 { font-size: 20px; font-weight: 700; line-height: 1em; margin-bottom: 20px; }
.gt-group h3 { font-size: 30px; font-weight: 600; line-height: 1em; font-family: "Nanum Myeongjo", serif; margin-bottom: 65px; }
.gt-group .white { background: #fff; border-radius: 24px; padding: 40px 10px; max-width: 570px; width: 100%; margin: auto;}
.gt-group .white p { margin-top: 25px; }
.gt-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 24px; padding: 0 100px;}
.gt-list li { max-width: 450px; width: 100%; border: 1px solid #ddd; border-radius: 12px; padding: 50px 45px; display: flex; align-items: center; }
.gt-list li .info { flex: 1 1 auto; min-width:0; width:1%; padding-left: 24px; }
.gt-list li .subtit2 { color: #242424; margin-bottom: 8px;}

/* sub2 공통 */
.sub2-tab { display: flex; margin-top: 100px; justify-content: center; flex-wrap: wrap; gap: 10px 0;}
.sub2-tab li a { padding: 0 24px; display: inline-block; font-size: 18px; color: #242424; line-height: 1.2em; font-weight: 400; position: relative; }
.sub2-tab li a::after { content: ""; position: absolute; right: 0; width: 1px; height: 12px; background: #ddd; top: 50%; transform: translateY(-50%);}
.sub2-tab li a span { position: relative; }
.sub2-tab li a span::before { content: ""; position: absolute; left: 0; bottom: -3px; width: 0; height: 2px; background: var(--color-secondary); transition: .3s; }
.sub2-tab li:last-child a::after { display: none; }
.sub2-tab li.active a { font-weight: 700; color: var(--color-secondary); } 
.sub2-tab li.active a span::before { width: 100%; }
.sub2-tab li:hover a { color: var(--color-secondary); font-weight: 700; }
.sub2-tab li:hover a span::before { width: 100%; }
.country { max-width: 760px; width: 100%; margin: auto; }
.country .mapbox { margin-bottom: 80px; text-align: center; }
.country .wrap .group { margin-bottom: 40px; text-align: center; border-radius: 24px; background: #f8f8f8; padding: 40px 10px;}
.country .wrap .group:last-child { margin-bottom: 0; }
.country .wrap .group .subtit2 { display: inline-block; background: var(--color-secondary); color: #fff; line-height: 1.2em; padding: 6px 20px 4px; margin-bottom: 25px; border-radius: 20px; }
.country .wrap .group .subtxt strong { color: var(--color-secondary); font-weight: 700; }

/* 고객 및 주요서류 */
.dc-wrap { display: flex; gap: 80px; flex-wrap: wrap; max-width: 1080px; width: 100%; margin: auto; align-items: flex-start;}
.dc-wrap.mt { margin-top: 100px; }
.dc-wrap .col { width: calc(100%/2 - 40px); }
.dc-wrap .col .subtit2 { position: relative; padding-left: 19px; margin-bottom: 50px; }
.dc-wrap .col .subtit2::before { content: ""; position: absolute; left: 0; top: 13px; width: 7px; height: 7px; border-radius: 7px; background: var(--color-secondary);}
.dc-wrap .col .subtit2.tc { text-align: center; padding-left: 0; }
.dc-wrap .col .subtit2 .dots { width: 7px; height: 7px; border-radius: 7px; background: var(--color-secondary); display: inline-block; margin-right: 12px; position: relative; top: -4px; }
.dc-wrap .col .subtit2.tc::before { display: none; }
.dc-wrap .col .group { margin-bottom: 50px; text-align: center; border-radius: 24px; background: #f8f8f8; padding: 40px 10px;}
.dc-wrap .col .group:last-child { margin-bottom: 0; }
.dc-wrap .col .group .subtit2 { display: inline-block; background: var(--color-secondary); color: #fff; line-height: 1.2em; padding: 6px 20px 4px; margin-bottom: 25px; border-radius: 20px; }
.dc-wrap .col .group .subtxt strong { color: var(--color-secondary); font-weight: 700; }
.dc-wrap.mt .col { width: 100%; }
.dc-wrap.mt .col .fx { display: flex; gap: 80px; flex-wrap: wrap; align-items: flex-start;}
.dc-wrap.mt .col .fx .group { width: calc(100%/2 - 40px); background: #e9f4f3;}
[lang="en"] .dc-wrap.mt .col .fx .group { min-height: 290px;}
.dc-bg { background-repeat: no-repeat; background-position: center; background-size: cover; padding: 100px 0; color: #fff;}
.dc-bg.bg1 { background-image: url(../images/sub/sub3-bg1.jpg);}
.dc-bg.bg2 { background-image: url(../images/sub/sub3-bg2.jpg);}
.dc-bg .subtit { color: #fff; margin-bottom: 60px; font-size: 46px; }
.dc-num { text-align: left; display: flex; justify-content: center;}
.dc-num.tl { margin-left: 420px;}
.dc-num .tt { display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 15px; font-size: 24px; font-weight: 600; color: #fff; }
.dc-num .tt span { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; background: var(--color-secondary); line-height: 1em; margin-right: 12px; }
.dc-num .tt p { line-height: 1.3em; flex: 1 1 auto; min-width:0; width:1%;}

/* 주선절차 및 비용 */
.cost-list { display: flex; flex-wrap: wrap; gap: 60px 25px; position: relative; }
.cost-list::before { content: ""; position: absolute; left: 0; top: 25%; width: 100%; height: 1px; background: #ddd; z-index: -1; }
.cost-list::after { content: ""; position: absolute; left: 0; bottom: 20%; width: 100%; height: 1px; background: #ddd; z-index: -1; }
.cost-list li { background: #fff; border: 1px solid #c5c5c5; border-radius: 24px; overflow: hidden; text-align: center; width: calc(100%/5 - 20px);}
.cost-list li .num { background: #4c4c4c; color: #fff; font-size: 20px; font-weight: 700; line-height: 1em; padding: 18px 10px; }
.cost-list li .info { min-height: 250px; display: flex; align-items: center; justify-content: center; padding: 0 15px;}
[lang="en"] .cost-list li .info { min-height: 400px; }
.cost-list li .info .tit { font-size: 18px; font-weight: 600; margin-bottom: 15px; line-height: 1.666em; }
.cost-list li .info .tit:last-child { margin-bottom: 0; }
.cost-list li .info .gray { width: auto; padding: 12px 15px; border-radius: 12px; background: #f4f4f4; }
.cost-list li .info .gray .tit { margin-bottom: 0; }
.cost-list li .info .gray .txt { font-size: 16px; font-weight: 600; line-height: 1.666em; margin-top: 5px; }
.cost-tbl-wrap { overflow: auto;}
.cost-tbl { width: 100%; border-collapse: collapse; }
.cost-tbl tr { border-bottom: 1px solid #ddd;}
.cost-tbl th { background: var(--color-secondary); line-height: 1em; color: #fff; font-size: 18px; font-weight: 700; padding: 17px 10px; border-right: 1px solid #ddd;}
.cost-tbl th:last-child { border-right: none;}
.cost-tbl td { padding: 25px 10px; border-right: 1px solid #ddd; text-align: center;}
.cost-tbl td:last-child { border-right: none;}
.cost-tbl td.bd { border-right: 1px solid #ddd;}
.cost-tbl td.fw { font-weight: 700; background: #f6f6f6; }
.cost-txt { font-weight: 600; margin-top: 40px; }