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

.doc-tit {position:relative; padding-left:30px; font-size:22px; line-height:1.3em; font-weight:500; color:#242424; margin-bottom:18px;}
.doc-tit:after {content:""; position:absolute; top:4px; left:0; width:20px; height:20px; background:url('../images/sub/dot1.png') 0 0 no-repeat; background-size:100% 100%;}

.doc-cnt {margin-bottom:80px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt .indent {padding-left:24px;}
.doc-cnt .pic {line-height:0;}
.doc-cnt .refer {margin-top:15px; text-align:center; font-size:16px; line-height:22px; color:#686868; letter-spacing:0.01em;}

.earth-status .sub-tit {text-align:center; margin-bottom:35px; font-size:30px; line-height:1em; font-weight:500; color:#242424;}
.earth-status .pic {line-height:0; text-align:center;}
.earth-status .refer {margin-top:15px; text-align:center; font-size:16px; line-height:22px; color:#686868; letter-spacing:0.01em;}
.earth-status .img-txt {display:flex;}
.earth-status .img-txt .img {flex:1 1 870px; max-width:870px; line-height:0;}
.earth-status .img-txt .cnt {flex:1 auto; width:1%; background:#faf8f5; padding:30px;}
.earth-status .img-txt .cnt .table table {width:100%; border-collapse:collapse; border-spacing:0px; border:1px solid #ddd;}
.earth-status .img-txt .cnt .table thead th {height:60px; background:#a57a3b; border:1px solid #ddd; font-size:18px; font-weight:500; color:#fff;}
.earth-status .img-txt .cnt .table tbody td {height:130px; border:1px solid #ddd; text-align:center; font-size:18px; font-weight:500; line-height:1.4em; color:#2c2c2c;}
.earth-status .pic-list {overflow:hidden;}
.earth-status .pic-list .big {margin-bottom:30px; display:flex;}
.earth-status .pic-list .big .img {flex:1 auto; width:1%; line-height:0; margin-right:29px;}
.earth-status .pic-list .big .list1 {flex:1 1 23.57142857142857%; max-width:23.57142857142857%;}
.earth-status .pic-list .big .list1 ul li {margin-bottom:30px;}
.earth-status .pic-list .big .list1 ul li:last-child {margin-bottom:0;}
.earth-status .pic-list .list2 ul {margin:0 -14px;}
.earth-status .pic-list .list2 ul:after {content:""; display:block; clear:both;}
.earth-status .pic-list .list2 ul li {float:right; width:25%; padding:0 14px;}
.earth-status .pic-list .list ul li .tit {text-align:center; width:100%; height:50px; background:#a57a3b; margin-bottom:10px; font-size:20px; line-height:50px; font-weight:500; color:#fff;}
.earth-status .pic-list .list ul li .in-img {line-height:0;}

.complex-facilities .cnt-bg {padding:98px 0; background:#f8f8f8;}
.complex-facilities .title {margin-bottom:45px; text-align:center;}
.complex-facilities .title .tt {font-size:18px; line-height:1.3em; font-weight:500; letter-spacing:0.3em; color:#ad854c; margin-bottom:10px;}
.complex-facilities .title h3 {font-size:30px; line-height:45px; font-weight:500; color:#242424;}
.complex-facilities .title h3 strong {font-size:36px; color:#a57a3b;}
.complex-facilities .title p {font-size:20px; line-height:1.3em; color:#686868; margin-top:15px;}
.complex-facilities .explain {margin-top:50px;}
.complex-facilities .explain ul {display:flex; flex-wrap:wrap; margin:0 -20px;}
.complex-facilities .explain ul li {width:50%; padding:0 20px; margin-bottom:40px;}
.complex-facilities .explain ul li .img {line-height:0;}
.complex-facilities .explain ul li .txt {display:flex; align-items:center; margin-top:20px;}
.complex-facilities .explain ul li .txt .icon {flex:1 1 100px; max-width:100px; margin-right:28px; line-height:0; margin-left:30px;}
.complex-facilities .explain ul li .txt .tit {flex:1 1 120px; max-width:120px; height:120px; display:flex; flex-direction:column; justify-content:center; margin-right:20px; text-align:center; margin-left:20px; background:#a57a3b; border-radius:50%; color:#fff;}
.complex-facilities .explain ul li .txt .tit span {display:block; font-size:16px; font-weight:500; line-height:1.3em; margin-bottom:5px;}
.complex-facilities .explain ul li .txt .tit .flat {font-size:20px; line-height:1.3em; font-weight:500;}
.complex-facilities .explain ul li .txt .tit .flat strong {font-size:30px;}
.complex-facilities .explain ul li .txt .tit p {font-size:18px; line-height:1.3em; font-weight:500; margin-top:2px;}
.complex-facilities .explain ul li .txt .in {flex:1 auto; width:1%;}
.complex-facilities .explain ul li .txt .in .tt {font-size:20px; line-height:1.3em; font-weight:500; color:#a57a3b; margin-bottom:10px;}
.complex-facilities .explain ul li .txt .in p {font-size:18px; line-height:26px; color:#686868;}
.complex-facilities .list {margin-top:50px;}
.complex-facilities .list ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.complex-facilities .list ul li {width:33.333333%; padding:0 10px; margin-bottom:40px; text-align:center;}
.complex-facilities .list ul li .img {line-height:0;}
.complex-facilities .list ul li .tt {margin-top:12px; margin-bottom:10px; font-size:24px; line-height:1.3em; font-weight:500; color:#a57a3b;}
.complex-facilities .list ul li p {font-size:18px; line-height:26px; color:#686868;}
.complex-facilities .list2 {margin-top:50px;}
.complex-facilities .list2 ul {display:flex; flex-wrap:wrap; margin:-20px;}
.complex-facilities .list2 ul li {width:50%; padding:20px; text-align:center;}
.complex-facilities .list2 ul li .img {line-height:0;}
.complex-facilities .list2 ul li .tt {margin-top:25px; margin-bottom:10px; font-size:24px; line-height:1.3em; font-weight:500; color:#a57a3b;}
.complex-facilities .list2 ul li p {font-size:18px; line-height:26px; color:#686868;}
.complex-facilities .in-system + .refer {margin-top:100px;}
.complex-facilities .in-system .pic {margin-bottom:22px;}
.complex-facilities .in-system .list3 ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.complex-facilities .in-system .list3 ul li {width:33.333333%; padding:0 10px; text-align:center;}
.complex-facilities .in-system .list3 ul li .img {line-height:0;}
.complex-facilities .in-system .list3 ul li .tt {margin-top:12px; margin-bottom:10px; font-size:24px; line-height:1.3em; font-weight:500; color:#a57a3b;}
.complex-facilities .in-system .list3 ul li p {font-size:18px; line-height:26px; color:#686868;}

.sub-tab {margin-bottom:60px; text-align:center;}
.sub-tab ul {display:table; table-layout:fixed; width:100%;}
.sub-tab ul li {display:table-cell; vertical-align:middle; width:auto; max-width:50%;}
.sub-tab ul li a {display:block; width:100%; height:60px; border:1px solid #dfdfdf; border-right:0; background:#f8f8f8; font-size:18px; line-height:58px; color:#686868; font-weight:500;}
.sub-tab ul li:last-child a {border-right:1px solid #dfdfdf;}
.sub-tab ul li.active a {border-top:3px solid #a57a3b; background:#fff; color:#a57a3b; line-height:56px;}

.floor-plan .title {margin-bottom:45px; text-align:center;}
.floor-plan .title .tt {font-size:18px; line-height:1.3em; font-weight:500; letter-spacing:0.3em; color:#ad854c; margin-bottom:10px;}
.floor-plan .title h3 {font-size:30px; line-height:45px; font-weight:500; color:#242424;}
.floor-plan .title h3 strong {font-size:36px; color:#a57a3b;}
.floor-plan .title p {font-size:20px; line-height:1.3em; color:#686868; margin-top:15px;}
.floor-plan .pic-list {overflow:hidden; margin-bottom:30px;}
.floor-plan .pic-list:last-child {margin-bottom:0;}
.floor-plan .pic-list ul {display:flex; margin:-15px;}
.floor-plan .pic-list ul li {padding:15px;}
.floor-plan .pic-list ul li .box {position:relative; line-height:0; z-index:1;}
.floor-plan .pic-list ul li .box .img {position:relative; line-height:0; z-index:1;}
.floor-plan .pic-list ul li .box .tt {position:absolute; bottom:0; left:0;min-width:80px; height:35px; text-align:center; background:rgba(0,0,0,0.7); padding:0 10px; font-size:16px; line-height:35px; color:#fff; z-index:2;}
.floor-plan .pic-box {line-height:0; margin-bottom:58px;}
.floor-plan .info {display:flex; align-items:center; border-bottom:1px solid #a57a3b; padding-bottom:15px; margin-bottom:15px;}
.floor-plan .info .tit {margin-right:90px;}
.floor-plan .info .tit p {font-size:20px; line-height:1.3em; font-weight:500; color:#2c2c2c;}
.floor-plan .info .tit p span {font-weight:700; font-size:24px;}
.floor-plan .info .tit p strong {display:inline-block; padding-right:25px; font-size:50px; color:#a57a3b;}
.floor-plan .info .list {flex:1 auto; width:1%;}
.floor-plan .info .list ul {display:flex;}
.floor-plan .info .list ul li {position:relative; padding:0 31px; text-align:center; line-height:32px;}
.floor-plan .info .list ul li:after {content:""; position:absolute; top:50%; left:0; width:1px; height:40px; background:#dfdfdd; margin-top:-20px;}
.floor-plan .info .list ul li .tt {font-size:16px; color:#242424;}
.floor-plan .info .list ul li p {font-size:18px; font-weight:500; color:#a57a3b;}
.floor-plan .refer-list ul li {font-size:14px; line-height:24px; color:#686868;}

.business-progress .list ul li {display:flex; padding:0 30px; margin-bottom:10px;}
.business-progress .list ul li:last-child {margin-bottom:0;}
.business-progress .list ul li > div {display:flex; flex-direction:column; justify-content:center; min-height:40px; padding:8px 0; text-align:center; border-radius:8px;}
.business-progress .list ul li .date {flex:1 1 300px; max-width:300px; margin-right:40px; background:#a57a3b;}
.business-progress .list ul li .date p {font-family: 'Roboto'; font-size:20px; line-height:1.3em; color:#fff;}
.business-progress .list ul li .txt {flex:1 auto; width:1%; background:#f9f6f1;}
.business-progress .list ul li .txt p {font-size:16px; line-height:1.3em; color:#686868;}
.business-progress .list ul li .txt p strong {font-weight:500; color:#a57a3b;}
.business-progress .refer {margin-top:15px; text-align:center; font-size:16px; line-height:22px; color:#686868; letter-spacing:0.01em;}