@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.outline-img {margin-bottom:110px;}

.sub-table {border-top:2px solid #2c2c2c;}
.sub-table table {font-size:20px; color:#2c2c2c; border-collapse:collapse; width:100%;}
.sub-table table th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background-color:#eee;}
.sub-table table td {border-bottom:1px solid #ddd; padding:18px 8px;}

.doc-tit {font-size:30px; margin-bottom:30px; padding-left:45px; font-weight:800; color:#2c2c2c; letter-spacing:-.03em; position:relative;}
.doc-tit span {color:#f37321;}
.doc-tit:before {width:28px; height:28px; left:0; top:0; background-image:url('../images/sub/doctit.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.doc-cnt {margin-bottom:100px;}
.doc-cnt2 {margin-bottom:70px;}

.mobile-block {display: none;}

.list-1 .item {padding-left:15px; margin-bottom:20px; position:relative;}
.list-1 .item:last-child {margin-bottom:0;}
.list-1 .item:before {position:absolute; content:''; width:6px; height:6px; border-radius:100%; top:14px; left:0; background-color:#ccc;}
.list-1 .item p {line-height:1.3em; font-weight: 600; color: #2c2c2c;}
.list-1 .item ul {margin-top:7px;}
.list-1 .item ul li {font-size:18px; line-height:1.7em;}
.list-1 .item ul li .color-2 {color:#f37321;}

.doc-tit2 {font-size:34px; font-weight:900; letter-spacing:-.03em; color:#2c2c2c; position:relative; display:inline-block;}
.doc-tit2 span {color:#f37321;}
.doc-tit2:before {width:35px; height:35px; left:-60px; top:-25px; background-image:url('../images/sub/qmark1.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.doc-tit2:after {width:35px; height:35px; right:-60px; bottom:-25px; background-image:url('../images/sub/qmark2.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.sub02-content {display:flex;}
.sub02-content .sub-table {flex:1;}
.sub02-content .sub-table th.last {font-size:17px;}
.sub02-content .sub-table td {padding:20px; line-height:1.4em;}
.sub02-content .sub-table span {/* display:block; */ color:#f37321; line-height:1.2em;}
.sub02-content .sub-table .pad2 {padding:30px 20px; line-height:1.6em;}
.sub02-content .img {margin-left:60px; order:2;}

.sub02-content2 p {font-size:18px; margin-bottom:20px; line-height:1.7em;}
.sub02-content2 p.last {margin-top:15px; padding-left:12px; text-indent:-12px; line-height:1.4em;}
.sub02-content2 p.last span {color:#f37321;}

.check-list {margin-bottom:30px;}
.check-list .item {font-size:20px; margin-bottom:18px; padding-left:37px; font-weight:500; letter-spacing:-.03em; color:#2c2c2c; position:relative;}
.check-list .item:last-child {margin-bottom:0;}
.check-list .item:before {width:25px; height:22px; left:0; top:1px; background-image:url('../images/sub/check.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.check-list .item ul {margin:15px 0 30px -35px;}
.check-list .item ul li {font-size:16px; color:#505050; padding-left:20px; position:relative;}
.check-list .item ul li:before {position:absolute; content:''; width:6px; height:6px; top:11px; background-color:#ccc; border-radius:100%; left:0;}
.check-list .item2 {font-size:18px;}

.google-map iframe {width:100%;}

.health-table {margin-top:-10px;}
.health-table table thead th {font-size:16px; height: 70px; line-height:1.3em;}
.health-table table tbody th {font-size:15px; line-height:1.267em;}
.health-table table td {font-size:14px; border-right:1px solid #ddd; text-align:center;} 
.health-table .pf {margin-top:15px;}
.health-table .pf a {color:#f37321; font-weight:700; border-bottom:1px solid #f37321;}

.sub-table.st2 thead th {height:65px;}
.sub-table.st2 tbody th {background-color:#f9f9f9; font-weight:500;}
.sub-table.st2 td {padding:13px 20px;}

.ti ul li {padding-left:12px; text-indent:-12px; line-height:1.5em;}

.finance-tab {max-width:1200px; margin:0 auto 80px; position:relative;}
.finance-tab ul {display:table; table-layout:fixed; width:100%;}
.finance-tab ul li {display:table-cell; vertical-align:middle; max-width:50%; text-align:center;}
.finance-tab ul li a {line-height:60px; font-size:17px; height:60px; border:1px solid #ddd; border-right:0; border-bottom:2px solid #f37321; display:flex; align-items:center; justify-content:center; background-color:#fafafa;}
.finance-tab ul li:last-child a {border-right:1px solid #ddd;}
.finance-tab ul li.active a {border:2px solid #f37321; border-bottom:1px solid #fff; color:#f37321; background-color:#fff;}
.finance-tab ul li.active a + li {border-left:0;}

.finance-content {position:relative;}
.finance-content .won {position:absolute; top:0; right:0;}
.finance-wrap {display:flex;}

.finance-table .fz15 {font-size:15px;}
.finance-table table {border-top:2px solid #2c2c2c; border-collapse:collapse; width:100%; text-align:center;}
.finance-table table thead th {font-size:20px; padding:15px; color:#2c2c2c; font-weight:600; border-bottom:1px solid #ddd; border-right:1px solid #ddd; letter-spacing:-.03em; line-height:1.2em; background-color:#eee;}
.finance-table table tbody td {font-size:20px; padding:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; letter-spacing:-.03em;}
.finance-table table tbody td.bold {font-weight:800; color:#2c2c2c; letter-spacing:-.03em; background-color:#f9f9f9;}
.finance-table table thead th:last-child,
.finance-table table tbody td:last-child {border-right:0;}
.finance-table table tbody td sup {font-size: 12px;}

.last-pf {margin-top:50px; padding-top:50px; display:flex; justify-content:space-between; border-top:1px solid #ddd; align-items:center;}
.last-pf p {font-size:20px; color:#2c2c2c; letter-spacing:-.03em;}


.finance-table.type2 table thead th {padding:27px 8px;}

/* .link-wrap {margin-top:70px; display:flex; justify-content:space-between;} */
.link-wrap {margin:70px -15px 0; display:flex; justify-content:center;}
.link-wrap li {padding: 0 15px; width: 33.3333%;}
.link-wrap li a {height: 80px; display:flex; border:1px solid #ddd; align-items: center}
.link-wrap li a .box {width: 165px; text-align: center; position: relative;}
.link-wrap li a .box:after {position: absolute; content: ''; width:1px; height:30px; top:50%; transform:translateY(-50%); right: 0; background-color: #ddd;}
.link-wrap li a .txt {padding: 0 15px; width: 50%; flex:1; font-weight:500; letter-spacing:-.03em; color: #2c2c2c; display: flex; align-items: center; justify-content: space-between;}

.investment-wrap {display:flex;}
.investment-wrap .pf {margin-top:20px;}
.investment-wrap .finance-table {margin-top:30px; flex:1;}
.investment-wrap .finance-table td {font-size:16px;}
.investment-wrap .img {margin-left:70px; flex:1; order:2;}

.inq-top {margin-bottom:30px;}
.inq-top li {padding-left:6px; text-indent:-6px; line-height:1.5em;}
.inq-top li span {color:#f37321;}

.chart-wrap {position:relative;}
/* .chart-wrap:after {position:absolute; content:''; top:50%; margin-top:-13px; height:3px; left:50px; right:30px; background-color:#213967;} */
.chart-wrap * {font-family:"Noto Sans KR",sans-serif !important;}

.year-tit {font-size:17px; margin-bottom:20px; color:#2c2c2c; line-height:1.3em; text-align:center; font-weight:700;}

.chart-txt {text-align:right;}