@charset "utf-8";
main,
footer > div {width:1180px; margin:0 auto;}
header {position:relative; padding:0 30px 55px; min-width:1260; background:linear-gradient(to right,#042e6f,#042e6f 50%, #f2f2f2 50%, #f2f2f2); border-bottom:1px solid #dfdfdf; box-sizing:border-box;}
header h1 {position:absolute; left:30px; top:0; z-index:20;}
header #lnb {position:absolute; left:0; top:0; width:100%; padding: 0 230px; box-sizing:border-box;}
header nav {position:relative; z-index:20; border-bottom:1px solid rgba(255,255,255,.5);}
header nav > ul {overflow:hidden; display:flex; margin:0 auto; width:800px; height:70px;}
header nav:hover > ul {overflow:visible;}
header nav > ul:after {content:""; position:absolute; left:0; top:0;}
header nav > ul > li {position:relative; flex:1; text-align:center;}
header nav > ul > li > a {display:block; position:relative; height:69px;  color:#fff; font-size:18px;  line-height:69px;}
header nav > ul > li > a:after {content:""; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:#fff; transition:all 0.5s;}
header nav > ul > li.on > a:after {left:0; width:100%;}
header nav > ul > li:hover > a:hover:after {left:0; width:100%;}
header nav > ul > li ul {position:absolute; z-index:-1; padding:21px 0 0; width:100%; height:170px; line-height:40px; opacity:0; transition:all .6s}
header nav:hover > ul ul {opacity:1;}
header nav > ul > li ul a {position:relative; color:#fff; font-size:14px; }
header nav > ul > li ul a:hover {color:#29c7eb;}
header nav > ul > li ul a:after {content:""; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:#29c7eb; transition:all 0.6s;}
header nav > ul > li ul a:hover:after {left:0; width:100%;}
header nav + div {position:absolute; left:0; top:0; z-index:19; padding:0 30px; width:100%; height:0; background:#042e6f; background-clip:content-box; box-sizing:border-box; opacity:0;transition: all .6s;}
header nav:hover + div {height:329px; opacity:1;}
header > ul {display:flex; position:absolute; right:30px; top:0; z-index:20; width:170px; background:#f2f2f2;}
header > ul li {flex:1; padding: 0 0 0 18px; height:70px; line-height:70px;}
header > ul li a {color:#333; font-size:11px;}
header > ul li:first-child a:before {content:""; display:inline-block; width:23px; height: 23px; background:url(../images/icon.png)no-repeat; vertical-align:middle; }
header > ul li:last-child a:before {content:""; display:inline-block; width:23px; height: 23px; background:url(../images/icon.png)no-repeat -23px 0; vertical-align:middle}
header .visual {position:relative; overflow:hidden;}
header .visual > div {position:absolute; left:50%; top:50%;  padding:95px 0 0; width:1180px; text-align:center; transform:translate(-50%, -50%);}
header .visual h2 { margin:0 0 27px; color:#fff; font-size:38px; line-height:100%; letter-spacing:30px;}
header .visual p {color:#fff; font-size:16px; line-height:100%;}
header .visual img {width:100%;}
header .nav {position:absolute; left:0; bottom:0; z-index:1; padding:0 0 0 210px; width:100%; height:55px; background:#fff; background-clip:content-box; box-sizing:border-box;}
header .nav > ul > li {float:left;  margin: 0 0 0 -1px; width:241px; height:55px; border:1px solid #dfdfdf; border-top:none;}
header .nav > ul > li > a {display:block; padding: 0 0 0 31px; height:55px;  background:url(../images/bu_arrow_spread.png) no-repeat center right 19px;  color:#222; font-size: 16px; line-height:55px;}
header .nav > ul > li:first-child {position:relative; border-bottom:none; width:73px;}
header .nav > ul > li:first-child > a {background:none; color:transparent;}
header .nav > ul > li:first-child > a:before {content:""; position:absolute; left:50%; top: 50%; z-index:1; width:17px; height:18px; background:url(../images/icon.png) no-repeat -238px -5px; transform:translate(-50%, -50%);}
header .nav > ul > .on > a {position:relative;}
header .nav > ul > .on > a:after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#042e6f;}
header .nav > ul > li > ul {display:none; padding:10px 0 10px 31px; background:#fff;}
header .nav > ul > li > ul a { display:block; color:#222; font-size:16px; line-height:35px;}
header .nav > ul > li:hover {height:100%;}
header .nav > ul > .on:hover> a:after {background:none;}
header .nav > ul > li:hover > a {background:url(../images/bu_arrow_unfold.png) no-repeat center right 19px; color:#042e6f;}
header .nav > ul > li:first-child:hover > a:hover {background:none; color: transparent;}
header .nav > ul > li:hover > ul {display: block;}
header .nav > ul > li > ul a:hover {color:#042e6f;}

main * {line-height:100%;}
main h2, main h3, main h4, main h5, main h6, main th {color:#222; font-weight:normal;}
main p, main li, main td {color:#757575; font-size:14px;}
input[type="checkbox"],
input[type="radio"] {position:absolute; left:-3000%; }
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {content:""; display:inline-block; margin-right:9px; background:url(../images/icon.png) no-repeat; vertical-align:middle;}
.bbs_search {display:flex; padding:17px 110px; background:#042e6f; font-size:0;}
.bbs_search select {margin:0 10px 0 0; flex:none; border:none; width:200px; height:46px; color:#222; font-size:15px; text-indent:21px; }
.bbs_search input[type="search"] {flex:1; height:46px;}
.bbs_search input::-webkit-input-placeholder {color:#757575; font-size:15px;}
.bbs_search a.type1 {flex:none; padding:0 48px 0; margin-left:10px; line-height:46px; box-sizing:border-box;}
.bbs_search a:before { content:""; display:inline-block; margin-right:13px; width: 22px; height:21px; background:url(../images/icon.png) no-repeat -369px -5px; vertical-align:middle;}
.list_type1 > li {float:left; position:relative; padding:346px 20px 0; margin-right:50px; width:360px; border-bottom:1px solid #aaa; box-sizing:border-box;}
.list_type1 > li:nth-child(3n) {margin:0;}
.list_type1 h3 {line-height:31px;}
.list_type1 img {position:absolute; left:0; top:50px; width:100%; height:235px;}
.list_type1 > li > span {position:absolute; left:20px; top:252px;z-index:1; width:65px; height:65px; font-size:13px; line-height:65px; text-align:center; box-sizing:border-box;}
.list_type1 .ico_type1 {line-height:58px;}
.list_type1 > li > ul {padding:10px 0 0;}
.list_type1 > li li {display:flex; padding:0 0 12px;}
.list_type1 > li h4 {flex: none; width:65px; font-size:14px;}
.list_type1 > li p {flex:1; font-size:13px;}
.list_type1 > li li:nth-child(4) p {color:#042e6f;}
.list_type1 > li > div {display:flex; position:absolute; padding:0 20px; left:0; bottom:35px; width:100%;box-sizing:border-box;}
.list_type1 > li > div a {flex:1; display: flex; margin-right:4px; font-size:12px; align-items:center; justify-content:center;  box-sizing:border-box;}
.list_type1 > li > div a:last-child {margin-right:0;}
.condominium > ul > li {height:623px;}
.condominium > ul > li > div a {height:48px;}
.condominium  .more {margin-top:30px;}
.buildup > ul > li {height:630px;}
.buildup > ul > li li > div {position:relative;  flex:1; height:15px; background:#e4e8f1; border-radius:15px;}
.buildup > ul > li li:nth-child(5) span {position:absolute; left:0; top:0; width:0%; height:15px; background:linear-gradient(to right,#8fc644, #0fa8d8); border-radius:15px;}
.buildup > ul > li li:nth-child(5) {position:relative;}
.buildup > ul > li li:nth-child(5) p {position:absolute; right:-33px; top:0; color:#042e6f; font-size:13px; letter-spacing:-1px;}
.buildup > ul > li:nth-child(1) li span {width:10%;}
.buildup > ul > li:nth-child(3) li span {width:11.9%;}
.buildup > ul > li > div a {height:38px;}
.build_head {padding-bottom:65px; position:relative;}
.build_head > div {float:left;}
.build_head h3 {float:left; padding:17px 37px 0 99px; font-size:33px;}
.build_head > div > span {position:absolute; left:0; top:0; width:65px; height:65px; font-size:14px; line-height:65px; text-align:center;}
.build_head > div > a {float:left; padding:25px 0 0; color:#0176bd; font-size:15px;}
.tab_type1 {display:flex;}
.tab_type1 > li {flex:1;}
.tab_type1 > li a { display:inline-block; margin:0 0 0 0; border:1px solid #aaa; color:#757575; width:100%; height:50px; font-size:14px; line-height:48px; text-align:center; box-sizing:border-box;}
.tab_type1 > .on a {background:#0176bd; border:none; color:#fff;}
.build_head .tab_type1 {float:right; width:410px;}
.build_head .tab_type1 > .on a {position:relative;}
.build_head .tab_type1 > .on a:after {content:""; position:absolute; left:50%; bottom:-15px; width:11px; height:9px; background:url(../images/icon.png) no-repeat right -28px top -5px; transform:translateX(-50%);}
.build_info > article > .left {float:left; margin:0 50px 0 0;}
.build_info > article > .right {float:right; width:410px; text-align:left;}
.build_info > article img {width:100%;}
.build_info .right >.type1 {border-top:2px solid #042e6f; border-bottom:1px solid #757575; }
table.type1 th {font-size:14px; padding:7px 0 7px 30px; text-align:left; vertical-align:top;}
table.type1 td {padding:4px 30px 4px 0; color:#757575; line-height:20px; }
table.type1 tr:first-child th {padding-top:30px;}
table.type1 tr:first-child td {padding-top:27px;}
table.type1 tr:last-child th {padding-bottom:30px;}
table.type1 tr:last-child td {padding-bottom:27px;}
.build_info > .right {margin-top:30px;}
.build_info > .right > .type3:before {content:""; display:inline-block; margin:0 11px 0 0; width:18px; height:18px;  background:url(../images/icon.png) no-repeat  right -132px top -5px; vertical-align:middle;}
.build_info.type2 {display:block;}
.build_list1 {padding:33px 50px; margin:0 0 50px; background:#e4e8f1;}
.build_list1 li {display:flex; float:left; padding:24px 0 0; margin:0 80px 0 0; width:46%;}
.build_list1 h4 {flex:none; width:96px; font-size:14px;}
.build_list1 div {position:relative; flex:1; height:15px; background-color:#fff; border-radius:15px;}
.build_list1 div > span {position:absolute; left:0; top:0; height:15px; background:linear-gradient(to right,#8fc644, #0fa8d8); border-radius:15px;}
.build_list1 li > p {color:#042e6f; width:50px; text-align:right;}
.build_list1 li:nth-child(1) {padding:0; width:100%;}
.build_list1 li:nth-child(1) h4 {padding:3px 0 0; font-size:17px;}
.build_list1 li:nth-child(1) > div {height:24px; border-radius:24px;}
.build_list1 li:nth-child(1) > div > span {background:linear-gradient(to right, #039edd, #215b94); width:11.9%; height:24px;}
.build_list1 li:nth-child(1) p {padding:3px 0 0; width:182px; font-size:14px;}
.build_list1 li:nth-child(1) p span {font-size:12px;}
.build_list1 li:nth-child(2) > div > span {width:15.4%}
.build_list1 li:nth-child(3) {margin:0;}
.build_list1 li:nth-child(3) > div > span {width:68.9%}
.build_list1 li:nth-child(4) > div > span {width:1%}
.build_list1 li:nth-child(5) {margin:0;}
.build_list1 li:nth-child(5) > div > span {width:1%}
.build_info:nth-child(2) .left div {position:relative;}
.build_info.type2 > article > .right {position:relative;}
.build_info.type2 > article > .right select {position:absolute; left:0; top:0; margin:0 0 20px; width:100%; height:55px; background:#042e6f; border:none; color:#fff; font-size:17px; text-indent:31px;}
.build_info.type2 > article > .right > div {padding:28px 0 0 20px; margin:70px 0 0; height:495px; border-top:2px solid #042e6f; border-bottom:1px solid #757575; box-sizing:border-box;}
.build_info.type2 .right ol > li {padding:18px 0 0; color:#757575;}
.build_info.type2 .right ol > li:first-child {padding:0;}
.join_step ol {display:flex;}
.join_step ol li {display:flex; flex:1; position:relative; height:82px; border-top:1px solid #aaa;  border-bottom:1px solid #aaa; color:#757575; font-size:18px; align-items:center; justify-content:center; text-align:center;}
.join_step ol li:after {content:""; position:absolute; right:0; top:50%; width:12px; height:19px; background:url(../images/icon.png) no-repeat right -284px top -58px; transform:translateY(-50%);}
.join_step ol li:last-child:after {width:0; height:0;}
.join_step ol > li span {padding:0 0 8px; display:block; font-size:13px; }
.join_step ol > .on {color:#0176bd;}
.join_step ol > .on span {color:#222;}
.join_text1 {margin-top:50px;}
.join_text1 > article {padding:40px 0 60px;  background:url(../images/bg_msgbox01.png) no-repeat left top , url(../images/bg_msgbox02.png) no-repeat right bottom; background-color:#e4e8f1; text-align:center;}
.join_text1 > article > div {background:url(../images/ico_member_join05.png) no-repeat center top;}
.join_text1 h3 {font-size:24px; padding:86px 0 0;}
.join_text1 h3:after {content:""; display:block; margin:37px auto; width:50px; height:1px; background:#222;}
.join_text1 > article p {padding:0 0 57px; font-size:16px;}
.join_text1 > .list_type2 {margin-top:33px;}
.list_type2 li > span {color:#0176bd;}
.list_type2 li {position:relative; color:#757575; font-size:12px;}
.list_type2 li:before {content:""; display:inline-block; margin:0 5px 0 0; width:15px; height:14px; background:url(../images/icon.png) no-repeat right -249px top -5px; vertical-align:bottom;}
.join_text2 .rule {overflow:auto; margin:21px 0 28px; height:155px; border-top:2px solid #042e6f; border-bottom:1px solid #757575; box-sizing:border-box; line-height:normal;}
.join_text2 .rule > div { padding:9px 62px 36px 30px;}
.join_text2 .rule h5 {font-size:16px; padding:27px 0 0;}
.join_text2 .rule h6 {font-size:14px; padding:24px 0 0;}
.join_text2 .rule p {line-height:25px;}
.join_text2 .rule p, .rule > ul, .rule > ol {padding:6px 0 0;}
.join_text2 .rule > div h6 {font-size:15px;}
.join_text2 .rule > div p {font-size:15px;}
.join_text2 .rule li {line-height:25px;}
.join_text2 .rule > ul > li:before {content:""; display:inline-block; margin:0 7px 0 0; width:2px; height:2px; background:#757575; vertical-align:middle;}
.join_text2 .rule > ul > li > ul li {text-indent:9px;}
.join_text2 .rule > ol > li li {text-indent:10px;}
.join_text2 label {color:#222; font-size:14px;vertical-align:middle;}
.join_text2 .agree1 + label:before {width:27px; height:27px; background-position:-97px -60px;}
.join_text2 .agree1:checked + label:before {background-position: -129px -60px;}
.join_text3 .type2{margin-top:21px;}
table.type2 {border-top:2px solid #042e6f; border-bottom:1px solid #aaa;}
table.type2 th { padding:0 30px; border-top:1px solid #ccc; font-size:14px; line-height:60px; text-align:left;}
table.type2 .need > th:before {content:""; display:inline-block; margin-right:7px; width:8px; height:7px; background:url(../images/icon.png) no-repeat right -58px top -5px; vertical-align:middle;}
table.type2 td { padding: 10px 56px; border:1px solid #ccc; border-top:none;}
table.type2 tr > td:last-child {border-right:none;}
table.type2 tr:nth-child(1) th {border-top:none;}
table.type2 tr:nth-child(1) td {border-top:none;}
table.type2 tr:last-child th, table.type2 tr:last-child td {border-bottom: none; }
table.type2 td[colspan="3"] {border-top:1px solid #ccc;}
table.type2 input, table.type2 select {margin-right:3px; height:38px; border:1px solid #ccc; vertical-align:middle;}
table.type2 select {width:210px; height:40px; background:url(../images/bu_arrow_spread2.png) no-repeat right 15px center; font-size:14px; text-indent:21px; }
table.type2 select + label span {padding: 0 4px;}
table.type2 input + label span {padding:0 2px;}
table.type2 .type4 {padding:0 11px; margin-right:3px; height:40px; box-sizing:border-box; line-height:38px; vertical-align: bottom;}
table.type2 .list_type2 {display:inline-block; margin-left:10px;}
table.type2 div {margin-top:10px;}
table.type2 div input[type="text"]:nth-child(2) {vertical-align:top;}
table.type2 input[type="checkbox"] + label {margin-right:34px; vertical-align:bottom;}
table.type2 input[type="checkbox"] + label:before {width:12px; height: 12px; background-position: -49px -60px; }
table.type2 input[type="checkbox"]:checked + label:before {background-position: -66px -60px;}
table.type2 input[type="radio"] + label {margin-right:34px; vertical-align:bottom;}
table.type2 input[type="radio"] + label:before {width:14px; height:13px; background-position: -2px -60px; }
table.type2 input[type="radio"]:checked + label:before {background-position: -20px -60px;}
.join_text3 .center {padding-top:50px;}
.join_text3 .center > .type5 {vertical-align:bottom;}


footer {background:#272f3c; margin:80px 0 0;}
footer > div {padding:46px 0 43px;}
footer > div > div:nth-child(1) {float:left;}
footer > div > div:nth-child(1) li {float:left; padding:0 9px 0 0;}
footer > div > div:nth-child(1) li a {color:#fff; font-size:13px}
footer > div > div:nth-child(1) address {margin:13px 0 0; color:#bfc1c1; font-size:13px; line-height:21px;}
footer > div > div:nth-child(1) span {padding:0 13px 0 0;}
footer > div > div:nth-child(2) {position:relative; float:right;}
footer > div > div:nth-child(2) select {padding:0 20px 0; width:134px; background:#272f3c; border:none; border-bottom:1px solid #7d828a; color:#fff; font-size:13px;}
footer > div > div:nth-child(2) a {position:absolute;right:0; bottom:46px; display:block; width:39px; height:49px; background:url(../images/icon.png) no-repeat -156px 9px #049cd3; color:transparent;}

p.p1 {padding:0 0 54px; font-size:17px; line-height:30px; text-align:center;}
h2.h2 {padding:55px 0 0; color:#222; font-size:38px;text-align:center;}
h2.h2:after {content:""; display:block; margin:54px auto 46px; width:50px; height: 1px; background:#aaa;}
h3.h3 {font-size:20px;}
h4.h4 {padding:50px 0 0; font-size:17px; }
h4.h4:before {content:""; display:inline-block; margin:0 9px 0 0; width:4px; height:4px; background:#049cd3; vertical-align:middle;}
h5.h5 { padding:24px 0 0; font-size:16px;}
.ico_type1 {background:#fff; border:3px solid #042e6f; color:#042e6f;}
.ico_type2 {background:#4c9511; color:#fff;}
.ico_type3 {background:#042e6f; color:#fff;}
.right {text-align:right;}
.center {text-align:center;}
.btn {display:inline-block; font-size:14px; box-sizing:border-box;}
.btn.type1 {background:#0176bd; color:#fff;}
.btn.type2 {background:#fff; border:1px solid #aaa; color:#565656;}
.btn.type3 {padding:0 35px; height:45px; background:#042e6f; color:#fff; line-height:45px;}
.btn.type4 {background:#fff; border:2px solid #aaa;}
.btn.type5 {min-width:120px; background:#fff; border:1px solid #042e6f;  height:45px; line-height:43px; color:#042e6f;}
.btn.more {padding:0 23px 0 39px; height:40px; font-size:13px; letter-spacing:6px; line-height:40px;}
.btn.more:after {content:""; display:inline-block; margin:0 0 0 11px; width:12px; height:12px; background:url(../images/icon.png)no-repeat -196px -5px;}
@media screen and(-ms-high-contrast:active), (-ms-high-contrast:none) {
	.bbs_search > select {padding-left:21px; height:48px;}
	.build_info.type2 > article > .right select {padding-left:31px;}
	table.type2 select {padding-left:21px;}
}