@charset "utf-8";
/* Common */
.doc-tit {font-weight: 700; font-size: 30px; color: #222; letter-spacing: -.03em; text-align: center;}

/* sub02 */
.select .doc-cnt {display: flex; flex-wrap:wrap; gap: 62px 30px; margin-top: 50px; justify-content: center;}
.select .doc-cnt .select-item {width: calc((100% - 60px) / 3); position: relative;}
.select .doc-cnt .select-item .img {position: relative; width: 100%; padding-bottom: 117.109%; overflow: hidden; border-radius: 20px;}
.select .doc-cnt .select-item .img img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; top: 50%; left: 0; transform: translateY(-50%); object-fit: cover;}
.select .doc-cnt .select-item .caption {position: absolute; left: 25px; bottom: 28px;}
.select .doc-cnt .select-item .caption span {display: block; color: #fff; font-weight: 700; letter-spacing: -.03em;}
.select .doc-cnt .select-item .caption span.name {font-size: 26px; margin-top: 10px;}
.select .map-cnt {margin-top: 100px;}
.select .map-cnt .sec-cnt {margin-top: 50px;}
.map-cnt iframe {width: 100% !important; }
.map-cnt .info {text-align: center; margin-top: 20px;}
.map-cnt .info span {padding-right: 15px; font-weight: 500;}
.map-cnt p {text-align: center; font-size: 16px; color: #555;}
.map-cnt .point {text-align: center; font-size: 15px;}
/* select detail */
.select-detail .contain {padding: 0; display: flex; max-width: 1200px; width: 100%;}
.select-detail .img {width: 48%; max-width: 575px; position: relative; overflow: hidden; padding-bottom: 46.667%;}
.select-detail .img img {position: absolute; width: 100%; height: 100%; top: 50%; left: 0; transform: translateY(-50%); object-fit: cover;}
.select-detail .info {flex: 1;}
.select-detail .top {background: #f5f5f5; letter-spacing: -.03em; padding: 55px 15px 40px 50px;}
.select-detail .top .role {font-size: 20px; font-weight: 700; color: #0093c8;}
.select-detail .top .name {font-size: 36px; font-weight: 700; color: #222; padding-top: 27px; padding-bottom: 12px;}
.select-detail .top p {font-size: 20px; font-weight: 500; color: #888;}
.select-detail .bot {padding: 55px 15px 55px 50px;}
.list-cnt li {position: relative; padding-left: 20px;}
.list-cnt li:before {position: absolute; content: ''; width: 5px; height: 5px; background: #0066a1; left: 0; top: 12px;}

/* sub03 */
.business .doc-cnt {display: flex; flex-wrap: wrap; gap: 40px;}
.business .business-item { width: calc((100% - 40px) / 2); padding: 50px 15px; border-radius: 20px; border: 1px solid #ddd; text-align: center; letter-spacing: -.03em;}
.business .business-item .tit {font-weight: 700; font-size: 24px; color: #222; padding: 25px 0;}
.business .business-item p {font-weight: 500; color: #666}

.business-detail .wrap {padding: 40px 50px;}
.business-detail .top {padding-bottom: 40px; border-bottom: 1px solid #ddd; margin-bottom: 40px; display: flex; align-items: center; letter-spacing: -.03em;}
.business-detail .top .ico {padding: 0 30px;}
.business-detail .top .tit {font-weight: 700; font-size: 26px; color: #222; padding-bottom: 10px;}
.business-detail .top p {font-weight: 500; color: #666;}
.business-detail .bot {display: flex;}
.business-detail .bot .list-tit {min-width: 130px; text-align: right; margin-right: 45px; font-size: 20px; font-weight: 700; color: #222}

/* sub05 */
.cost .contain {max-width: 860px; }
.cost .table-cnt {margin-top: 70px; margin-bottom: 25px;}
.cost .table-cnt table {width: 100%; text-align: center; border-collapse: collapse;}
.cost .table-cnt thead th {background: #0093c8; color: #fff; font-size: 20px; font-weight: 700; padding: 21px 5px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.cost .table-cnt tbody td {padding: 8px 5px; font-weight: 500; color: #222; border-bottom: 1px solid #ddd;}
.cost .table-cnt th:not(:last-child), .cost .table-cnt td:not(:last-child) {border-right: 1px solid #ddd;}
.cost .list-cnt {padding-left: 20px;}
.cost .list-cnt li {color: #666;}
.cost .list-cnt li span {display: block;}