@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {position:relative; padding-left:24px; font-size:18px; line-height:1.3em; font-weight:500; color:#454545; margin-bottom:6px;}
.doc-tit:after {content:""; position:absolute; top:4px; left:0; width:15px; height:15px; border-radius:50%; background:transparent; border:4px solid #0098d9;}

.doc-cnt {margin-bottom:25px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt .indent {padding-left:24px;}

.greeting .title {display:table; table-layout:fixed; width:100%; height:450px; background:url('../images/sub/greeting_tt_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.greeting .title h3 {display:table-cell; vertical-align:middle; width:100%; text-align:center; font-family: 'NanumSquare'; font-size:25px; line-height:1.4em; color:#fff;}
.greeting .txt {margin-top:25px; text-align:center;}
.greeting .txt p {font-size:17px; line-height:30px; color:#454545; margin-bottom:30px;}
.greeting .txt p:last-child {margin-bottom:0;}

.vision-ideology {text-align:center;}
.vision-ideology .group {margin-bottom:78px;}
.vision-ideology .group:last-child {margin-bottom:0;}
.vision-ideology .title {margin-bottom:70px;}
.vision-ideology .title h3 {position:relative; padding-bottom:15px; font-family: 'NanumSquare'; font-size:22px; line-height:1em; color:#454545; margin-bottom:16px;}
.vision-ideology .title h3:after {content:""; position:absolute; bottom:0; left:50%; width:27px; height:1px; background:#035fb4; margin-left:-13.5px;}
.vision-ideology .title p {font-family: 'NanumSquare'; font-weight:700; font-size:25px; line-height:35px; color:#242424;}
.vision-ideology .list {background:#f5f5f5; padding:60px 0 65px;}
.vision-ideology .list .tit {font-family: 'NanumSquare'; font-weight:700; font-size:22px; line-height:1em; color:#454545; margin-bottom:37px;}
.vision-ideology .list ul {display:inline-flex; flex-direction:row;}
.vision-ideology .list ul li {position:relative; width:200px; margin:0 22.5px;}
.vision-ideology .list ul li .box {position:relative; width:100%; height:0; padding-bottom:100%;}
.vision-ideology .list ul li .box .in {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; padding-top:44px;}
.vision-ideology .list ul li .box .icon {line-height:0; margin-bottom:15px;}
.vision-ideology .list ul li .box .tt {font-family: 'NanumSquare'; font-weight:700; font-size:20px; line-height:25px; color:#fff; letter-spacing:0;}
.vision-ideology .list ul li .box p {font-family: 'NanumSquare'; font-size:18px; line-height:25px; color:#fff; letter-spacing:0;}
.vision-ideology .list ul li:nth-child(odd) .box .in {background:#005184;}
.vision-ideology .list ul li:nth-child(even) .box .in {background:#0098d9;}

.vision-ideology .list2 .tit {position:relative; padding-bottom:15px; font-family: 'NanumSquare'; font-weight:700; font-size:22px; line-height:1em; color:#454545; margin-bottom:30px;}
.vision-ideology .list2 .tit:after {content:""; position:absolute; bottom:0; left:50%; width:27px; height:1px; background:#035fb4; margin-left:-13.5px;}
.vision-ideology .list2 ul {display:inline-flex; flex-direction:row; margin:0 -15px;}
.vision-ideology .list2 ul li {width:33.333333%; padding:0 15px;}
.vision-ideology .list2 ul li .img {line-height:0; margin-bottom:15px;}
.vision-ideology .list2 ul li p {font-size:16px; line-height:1.4em; color:#454545;}

.history .title {display:table; table-layout:fixed; width:100%; height:310px; background:url('../images/sub/history_tt_bg.jpg') 50% 50% no-repeat; background-size:cover; margin-bottom:88px;}
.history .title .cell {display:table-cell; vertical-align:bottom; padding:0 60px;}
.history .title .in {margin-bottom:-44px; width:200px; padding:20px 30px; line-height:40px; color:#fff; background:#005184;}
.history .title .in h3 {font-size:30px; font-weight:400;}
.history .title .in .year {font-size:20px; text-align:right;}
.history .list {padding:0 60px;}
.history .list ul li {margin-bottom:32px; line-height:28px; color:#454545;}
.history .list ul li:after {content:""; display:block; clear:both;}
.history .list ul li:last-child {margin-bottom:0;}
.history .list ul li .month {float:left; font-size:18px; font-weight:700;}
.history .list ul li .month span {position:relative; display:inline-block; padding-right:77px;}
.history .list ul li .month span:after {content:""; position:absolute; top:50%; right:0; width:59px; height:1px; background:#ddd;}
.history .list ul li .txt {margin-left:161px;}

.local ul li {display:table; table-layout:fixed; width:100%; border-bottom:1px solid #ddd; padding:15px 0; font-size:17px; line-height:30px; color:#454545;}
.local ul li .tt {display:table-cell; vertical-align:middle; width:151px; position:relative; text-align:center; font-weight:500;}
.local ul li .tt:after {content:""; position:absolute; top:50%; right:0; width:1px; height:18px; background:#ddd; margin-top:-9px;}
.local ul li p {display:table-cell; vertical-align:middle; padding-left:34px;}
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {width:100% !important;}

.industry-summary {display:flex; margin-bottom:40px; padding:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.industry-summary .pic {max-width:450px; flex:1 1 450px;}
.industry-summary .pic .img {line-height:0; display:block;}
.industry-summary .pic .slick-track {z-index:1;}
.industry-summary .pic .slick-dots {position:absolute; bottom:20px; left:0; width:100%; text-align:center; z-index:990;}
.industry-summary .pic .slick-dots li {position:relative; display:inline-block; padding:0 3px; border:0; background:transparent;}
.industry-summary .pic .slick-dots li button {position:relative; width:12px; height:12px; border-radius:50%; font-size:0; border:2px solid #0098d9; background:transparent; text-indent:-9999px;}
.industry-summary .pic .slick-dots li.slick-active button {background:#0098d9;}
.industry-summary .info {flex:1 auto; width:1%; padding-left:30px; position:relative;}
.industry-summary .info .title {font-family: 'NanumSquare'; font-weight:700; font-size:22px; line-height:1.4em; color:#454545; margin-bottom:14px;}
.industry-summary .info .list {margin-bottom:14px;}
.industry-summary .info .list ul li {position:relative; padding-left:10px; font-size:17px; line-height:28px; color:#454545;}
.industry-summary .info .list ul li:after {content:""; position:absolute; top:13px; left:0; width:5px; height:5px; border-radius:50%; background:#454545;}
.industry-summary .info .explain {font-size:17px; line-height:28px; color:#454545;}
.industry-summary .btn {position:absolute; top:0; right:0;}
.industry-summary .btn a {display:block; width:140px; height:40px; text-align:center; border-radius:5px; font-size:15px; line-height:38px; border:1px solid #ddd; color:#454545;}

.industry-summary2 {display:flex; margin-bottom:40px; padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.industry-summary2 .pic {max-width:480px; flex:1 1 480px;}
.industry-summary2 .pic .img {line-height:0;}
.industry-summary2 .pic .slick-track {z-index:1;}
.industry-summary2 .pic .slick-dots {position:absolute; bottom:20px; left:0; width:100%; text-align:center; z-index:990;}
.industry-summary2 .pic .slick-dots li {position:relative; display:inline-block; padding:0 3px; border:0; background:transparent;}
.industry-summary2 .pic .slick-dots li button {position:relative; width:12px; height:12px; border-radius:50%; font-size:0; border:2px solid #0098d9; background:transparent; text-indent:-9999px;}
.industry-summary2 .pic .slick-dots li.slick-active button {background:#0098d9;}
.industry-summary2 .info {flex:1 auto; width:1%; padding-left:30px; padding-bottom:60px; position:relative;}
.industry-summary2 .info .title {font-family: 'NanumSquare'; font-weight:700; font-size:25px; line-height:1.4em; color:#454545; margin-bottom:14px; padding-bottom:24px; border-bottom:1px solid #ddd;}
.industry-summary2 .info .list ul li {position:relative; padding-left:10px; font-size:17px; line-height:28px; color:#454545;}
.industry-summary2 .info .list ul li:after {content:""; position:absolute; top:13px; left:0; width:5px; height:5px; border-radius:50%; background:#454545;}
.industry-summary2 .info .list ul li strong {font-weight:500;}
.industry-summary2 .info .explain {font-size:17px; line-height:28px; color:#454545;}
.industry-summary2 .info .feature ul li {position:relative; padding-left:10px; font-size:17px; line-height:28px; color:#454545;}
.industry-summary2 .info .feature ul li:after {content:""; position:absolute; top:14px; left:0; width:4px; height:1px; background:#454545;}
.industry-summary2 .info .feature2 ul li {position:relative; padding-left:10px; font-size:16px; line-height:28px; color:#454545; margin-bottom:7px;}
.industry-summary2 .info .feature2 ul li:after {content:""; position:absolute; top:14px; left:0; width:4px; height:1px; background:#454545;}
.industry-summary2 .info .feature2 ul li:last-child {margin-bottom:0;}
.industry-summary2 .info .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd;}
.industry-summary2 .info .table table thead th {height:50px; border:1px solid #ddd; background:#f0f0f0; font-size:16px; font-weight:500; color:#454545;}
.industry-summary2 .info .table table thead th:first-child {border-left:0;}
.industry-summary2 .info .table table thead th:last-child {border-right:0;}
.industry-summary2 .info .table table tbody td {padding:12px 0; border:1px solid #ddd; text-align:center; font-size:16px; line-height:26px; color:#454545;}
.industry-summary2 .info .table table tbody td:first-child {border-left:0;}
.industry-summary2 .info .table table tbody td:last-child {border-right:0;}
/* .industry-summary2 .btn-zone {margin-top:43px; padding:0 24px;} */
.industry-summary2 .btn-zone {position:absolute; bottom:0; left:30px; padding:0 24px;}
.industry-summary2 .btn-zone ul {display:flex; flex-direction:row; margin:0 -2.5px;}
.industry-summary2 .btn-zone ul li {width:140px; margin:0 2.5px;}
.industry-summary2 .btn-zone ul li a {display:block; width:100%; height:40px; text-align:center; border-radius:5px; font-size:15px; line-height:38px; border:1px solid transparent;}
.industry-summary2 .btn-zone ul li a.btn1 {background:#0098d9; border-color:#0098d9; color:#fff;}
.industry-summary2 .btn-zone ul li a.btn2 {background:#005184; border-color:#005184; color:#fff;}
.industry-summary2 .btn-zone ul li a.btn3 {background:#838383; border-color:#838383; color:#fff;}
.industry-summary2 .btn-zone ul li a.btn4 {background:#fff; border-color:#ddd; color:#454545;}

.industry-list ul {display:flex; flex-direction:row; flex-wrap:wrap; margin:0 -13px;}
.industry-list ul li {width:25%; padding:0 13px; margin-bottom:65px; text-align:center;}
.industry-list ul li .thumb {position:relative; padding-bottom:100%; overflow:hidden; margin-bottom:14px;}
.industry-list ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.industry-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.industry-list ul li .tit {font-family: 'NanumSquare'; font-weight:700; font-size:18px; line-height:1.4em; color:#454545;}
.industry-list ul li p {margin-top:7px; font-size:16px; line-height:25px; color:#454545;}

.industry-detail {margin-top:77px;}
.industry-detail .title {position:relative; width:100%; text-align:center; font-family: 'NanumSquare'; font-weight:700; font-size:22px; line-height:1.4em; color:#454545; padding-bottom:15px; margin-bottom:30px;}
.industry-detail .title:after {content:""; position:absolute; bottom:0; left:50%; width:27px; height:1px; background:#035fb4; margin-left:-13.5px;}
.industry-detail .refer {text-align:right; margin-bottom:10px; font-size:16px; line-height:1.4em; color:#ff0000;}
.industry-detail .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd;}
.industry-detail .table table thead th {height:50px; border:1px solid #ddd; background:#f0f0f0; font-size:16px; font-weight:500; color:#454545;}
.industry-detail .table table thead th:first-child {border-left:0;}
.industry-detail .table table thead th:last-child {border-right:0;}
.industry-detail .table table tbody td {padding:12px 0; border:1px solid #ddd; text-align:center; font-size:16px; line-height:26px; color:#454545;}
.industry-detail .table table tbody td:first-child {border-left:0;}
.industry-detail .table table tbody td:last-child {border-right:0;}
.industry-detail .explain {margin-top:50px; background:#f0f0f0; border:1px solid #ddd; border-radius:10px; text-align:center; padding:22px 0;}
.industry-detail .explain .tt {font-size:18px; line-height:40px; color:#454545; font-weight:500;}
.industry-detail .explain p {font-size:18px; line-height:40px; color:#454545;}
.industry-detail .explain p.pad1 span {padding:0 20px;}
.industry-detail .explain p.pad2 span {padding:0 53px;}