@charset "utf-8";

.sec-head {text-align:center;}
.sec-head h2 {margin-bottom:5px; color:#000; font-size:22px; font-weight:500; line-height:1.1em; letter-spacing:-.05em;}
.sec-head h2 span {font-weight:300;}
.sec-head p {color:#999; font-size:12px; line-height:1.5em;}

.sec-more {display:block; margin:0 auto; width:150px; height:40px; background:#19849f; text-align:center; color:#fff; font-size:15px; line-height:40px; border-radius:4px;}
.sec-more .ico {display:inline-block; vertical-align:middle; margin:-.2em 0 0 15px; width:13px; height:8px; background:url("/images/angle_down.png") 50% 50% no-repeat; background-size:13px 8px;}

.home-search {position:relative; z-index:60;}
.home-search .contain {padding:0;}
.home-search .cont2 {position:relative; padding:8px 18px;}
.home-search .cont2:after {content:"";display:block;clear:both;}
.home-search .sch {position:relative; padding:0 50px 0 18px; background:#225664;}
.home-search .sch input[type=text] {display:block; width:100%; height:36px; background:transparent; border:0; font-size:15px; font-weight:300; letter-spacing:-.03em; color:#fff; padding:0 0; outline:none;}
.home-search .sch input[type=text]::-webkit-input-placeholder {color:#fff;}
.home-search .sch input[type=text]:-moz-placeholder {color:#fff;}
.home-search .sch input[type=text]::-moz-placeholder {color:#fff;}
.home-search .sch input[type=text]:-ms-input-placeholder {color:#fff;}
.home-search .sch input[type=text]:placeholder-shown {color:#fff;}
.home-search .sch button {position:absolute; top:50%; right:15px; margin-top:-12px; width:24px; height:24px; border:0; outline:none; background:transparent url("/images/search_btn.png") 50% 50% no-repeat; background-size:80%; overflow:hidden; text-indent:-999em;}
.home-search .txt {padding:10px 0; font-size:13px; font-weight:300; line-height:1.4em; color:#fff; opacity:.4; letter-spacing:-.03em;}
.home-search .rank {float:left; width:45%;}
.home-search .scroll {height:20px; position:relative;}
.home-search .scroll .in {height:20px; overflow:hidden;}
.home-search .scroll ul li {font-size:14px; line-height:20px;}
.home-search .scroll ul li .num {color:#f26725; font-weight:700; margin-right:4px;}
.home-search .scroll ul li .num2 {color:#19849f; font-weight:700; margin-right:4px;}

.home-search .layer {display:none; background:#fff; position:absolute; margin-top:8px; left:0; right:0; border-bottom:1px solid #19849f; border-top:1px solid #19849f; padding:12px 18px; z-index:50;}
.home-search .layer h4 {color:#000; font-size:16px; font-weight:500; line-height:1.3em; margin-bottom:12px;}
.home-search .layer ul {padding:12px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.home-search .layer ul li {color:#666; font-size:15px; line-height:24px; font-weight:200;}
.home-search .layer ul li .num {font-weight:400; margin-right:5px;}
.home-search .layer ul li a:hover .word {color:#19849f; font-weight:400;}
.home-search .layer p {color:#999; font-size:13px; line-height:18px; font-weight:200; margin-top:10px;}
.home-search .layer .close {position:absolute; top:13px; right:15px; width:22px; height:22px; text-align:left; overflow:hidden; text-indent:-999em;}
.home-search .layer .close:before,
.home-search .layer .close:after {content:''; position:absolute; height:2px; width:90%; top:50%; left:0; margin-top:-1px; background:#000;}
.home-search .layer .close:before{transform:rotate(45deg);}
.home-search .layer .close:after {transform:rotate(-45deg);} 
.home-search .for-sale {float:right; width:55% !important; font-size:14px; font-weight:500; line-height:20px;}
.home-search .for-sale img {vertical-align:middle; margin-top:-.2em}
.home-search .for-sale .layer {width:80%;left:auto}
.home-search .for-sale .layer h4 {margin-right:30px;}

.home-section {position:relative; height:0; padding-bottom:55%; background:#000 url("/images/visual1.jpg") 50% 50% no-repeat; background-size:cover;}
.home-section .slider .slide {position:relative; height:0; padding-bottom:55%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.home-section .slider .slide.bg1 {background-image:url("/images/visual1.jpg");}
.home-section .slider .slide.bg2 {background-image:url("/images/visual2.jpg");}
.home-section .bx-wrapper .bx-pager {bottom:10px; height:10px;}
.home-section .bx-wrapper .bx-pager.bx-default-pager a {background:#fff; width:10px; height:10px; margin:0 4px; opacity:.6;}
.home-section .bx-wrapper .bx-pager.bx-default-pager a.active {background:transparent; background:#f26725; opacity:1;}
.home-section .txt-wrap {position:absolute; top:15px; left:18px; right:18px; color:#fff; z-index:50;}
.home-section .txt-wrap .top {margin-bottom:10px; display:inline-block; font-size:10px; font-weight:400; letter-spacing:.1em; line-height:1.3em; border-bottom:1px solid #fff; padding-bottom:3px;}
.home-section .txt-wrap h2 {margin-bottom:8px; font-size:26px; font-weight:400; line-height:1.2em; letter-spacing:-.05em;}
.home-section .txt-wrap .txt {margin-bottom:10px; font-size:11px; line-height:14px; opacity:.8;}
.home-section .txt-wrap .bt {display:inline-block; padding:5px 13px; border:1px solid #fff; background:url("/images/black70.png"); font-size:13px; font-weight:400; line-height:18px;}

.home-news {padding:18px; background:#fff;}
.home-news .scroll {position:relative; max-height:200px; overflow:auto;}
.home-news ul {position:relative;}
.home-news ul:after {content:""; position:absolute; top:12px; left:48px; bottom:0; width:2px; background:#e6e6e6;}
.home-news ul li {position:relative; margin-bottom:10px; background:url("/images/timeline.png") 40px 3px no-repeat; z-index:2;}
.home-news ul li:after {content:" "; display:block; clear:both;}
.home-news ul li:nth-child(even) .cnt {background:#ededed;}
.home-news ul li:nth-child(even) .cnt:after {border-right-color:#ededed;}
.home-news .date {float:left; margin-top:4px; color:#333; font-size:13px; line-height:1.2em;}
.home-news .cnt {position:relative; margin-left:71px; min-height:98px; padding:62px 20px 12px 12px; border-radius:4px; background:#e8f2f5; color:#333; font-size:12px; line-height:16px; font-weight:300; letter-spacing:-.03em; word-break:break-all;}
.home-news .cnt:after {content:""; position:absolute; top:6px; left:-6px; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:7px solid #e8f2f5;}
.home-news .cnt .cate {position:absolute; top:12px; left:70px; right:12px; color:#333; font-size:13px; font-weight:500;}
.home-news .cnt .img {position:absolute; top:12px; left:12px;}
.home-news .cnt .img img {float:left; border-radius:6px; width:45px; height:45px;}
.home-news .more {display:block; margin-top:10px; width:100%; height:40px; background:#19849f; text-align:center; color:#fff; font-size:14px; line-height:40px; border-radius:4px;}
.home-news .more:hover {background:#1e6375;}

.product-section {padding:20px 0; overflow:hidden; border-top:1px solid #eee;}
.product-section .sec-head {margin-bottom:15px;}
.product-section .body {overflow:hidden;}
.product-section .body > ul {margin-bottom:20px;}
.product-section .body > ul > li {margin-bottom:6px;}
.product-section .box {display:block; position:relative; border:1px solid #e5e5e5;}
.product-section .box:after {content:""; display:block; clear:both;}
.product-section .cate {position:absolute; top:0; left:0; padding:0px 6px ; /*width:60px;*/ height:25px; background:url("/images/black70.png"); text-align:center; color:#fff; font-size:12px; line-height:25px; letter-spacing:-.05em;}
.product-section .thumb {float:left; width:110px; height:85px; background:#e5e5e5;}
.product-section .thumb img {width:100%; height:auto;}
.product-section .cnt {margin-left:110px; height:68px; padding:9px 13px; color:#666; font-size:12px; line-height:16px; overflow:hidden}
.product-section .cnt h3 {color:#000; font-size:14px; font-weight:400; line-height:1.3em; margin-bottom:4px; letter-spacing:-.03em;}
/*.product-section .cnt ul li:first-child {display:none;}*/
.product-section .info {margin-left:110px; padding:0 13px; color:#666; font-size:12px; line-height:26px; background:#f8f8f8; border-top:1px solid #e5e5e5; overflow:hidden;}

.product-section .info .promotion {/*position:absolute; top:*/ display:inline-block; -10px; right:44px; background:#f37032; color:#fff; border-radius:20px; padding:0 10px; font-size:12px; font-weight:400; line-height:22px;}
.product-section .info .lessee {/*position:absolute;*/ display:inline-block; top: -10px; right:44px; background:#febd17; color:#fff; border-radius:20px; padding:0 10px; font-size:12px; font-weight:400; line-height:22px;}
.product-section .info .shareOffice {/*position:absolute;*/ display:inline-block; top: -10px; right:44px; background:#f26725; color:#fff; border-radius:20px; padding:0 10px; font-size:12px; font-weight:400; line-height:22px;}
.product-section .info .interior {/*position:absolute;*/ display:inline-block; top: -10px; right:44px; background:#febd17; color:#fff; border-radius:20px; padding:0 10px; font-size:12px; font-weight:400; line-height:22px;}


.special-section {padding:40px 0; background:url("/images/special_bg.jpg") 50% 50% no-repeat; background-size:cover; overflow:hidden;}
.special-section .sec-head {margin-bottom:15px;}
.special-section .slide > ul {margin:0 -5px;}
.special-section .slide > ul:after {content:""; display:block; clear:both;}
.special-section .slide > ul > li {float:left; width:50%; padding:5px;}
.special-section .box {display:block; background:#fff; border:1px solid #e5e5e5;}
.special-section .box .thumb {position:relative; height:0; padding-bottom:100%; overflow:hidden; background:#e5e5e5;}
.special-section .box .thumb > div {position:absolute; top:0 !important; left:0 !important; width:100% !important; height:100% !important; display:block !important;}
.special-section .box .thumb > div > img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:80%;}
.special-section .box .thumb > img {position:absolute; top:0; left:0; width:100%; height:100%;}
.special-section .box .wrap {}
.special-section .cnt {height:110px; padding:10px 10px; color:#666; font-size:12px; line-height:16px;}
.special-section .cnt h3 {color:#000; font-size:15px; font-weight:400; line-height:1.3em; margin-bottom:6px; letter-spacing:-.05em;}
.special-section .info {height:58px; padding:10px 4px 10px 10px; color:#666; font-size:12px; font-weight:300; line-height:16px; border-top:1px solid #e5e5e5;}
.special-section .info ul li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.special-section .info ul li .item {display:inline-block; width:45px;}
.special-section .info ul li .pri {display:inline-block; color:#000; font-weight:400;}
.special-section .bx-wrapper .bx-controls-direction a {margin-top:-16px; width:32px; height:32px; background-color:rgba(0,0,0,.6); background-position:50% 50%; background-repeat:no-repeat; border-radius:50%;}
.special-section .bx-wrapper .bx-controls-direction a:after {content:""; position:absolute; top:50%; left:50%; display:block; width:10px; height:10px; border-top:1px solid #fff; border-right:1px solid #fff; }
.special-section .bx-wrapper .bx-prev {left:-12px;}
.special-section .bx-wrapper .bx-next {right:-12px;}
.special-section .bx-wrapper .bx-prev:after {transform:translate(-25%,-50%) rotate(-135deg);}
.special-section .bx-wrapper .bx-next:after {transform:translate(-75%,-50%) rotate(45deg);}

.office-section {padding:40px 0; background:url("/images/special_bg.jpg") 50% 50% no-repeat; background-size:cover; overflow:hidden;}
.office-section .sec-head {margin-bottom:20px;}
.office-section .slider a {display:block; position:relative; color:#fff; font-size:15px; font-weight:400; line-height:1.3em;}
.office-section .slider a img {width:100%; height:auto;}
.office-section .slider a .wrap {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; transition:all 0.2s ease-in-out;}
.office-section .slider a .in {display:table; width:100%; height:100%;}
.office-section .slider a .cell {display:table-cell; width:100%; height:100%; padding:15px; vertical-align:middle; box-sizing:border-box;}
.office-section .slider .img {width:170px; margin:0 auto;}
.office-section .slider .cnt {display:none;}
.office-section .slider h3 {font-size:16px; font-weight:400; line-height:24px; margin:22px 0 17px;}
.office-section .slider p {font-size:14px; line-height:20px;}
/* .office-section .slider a:hover .wrap {background:url("../images/black50.png");}
.office-section .slider a:hover .cnt {display:block;} */
.office-section .bx-wrapper .bx-controls-direction a {margin-top:-16px; width:32px; height:32px; background-color:rgba(0,0,0,.6); background-position:50% 50%; background-repeat:no-repeat; border-radius:50%;}
.office-section .bx-wrapper .bx-controls-direction a:after {content:""; position:absolute; top:50%; left:50%; display:block; width:10px; height:10px; border-top:1px solid #fff; border-right:1px solid #fff; }
.office-section .bx-wrapper .bx-prev {left:-12px;}
.office-section .bx-wrapper .bx-next {right:-12px;}
.office-section .bx-wrapper .bx-prev:after {transform:translate(-25%,-50%) rotate(-135deg);}
.office-section .bx-wrapper .bx-next:after {transform:translate(-75%,-50%) rotate(45deg);}

.interior-section {padding:40px 0; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.interior-section .sec-head {margin-bottom:15px;}
.interior-section .body {overflow:hidden;}
.interior-section .body > ul {margin:0 -5px 15px;}
.interior-section .body > ul:after {content:""; display:block; clear:both;}
.interior-section .body > ul > li {float:left; width:50%; padding:5px;}
.interior-section .body > ul > li:nth-child(2n+1) {clear:left;}
.interior-section .body > ul > li img {width:100%; height:auto;}
.interior-section .body > ul > li a {display:block; position:relative; color:#fff; font-size:14px; font-weight:400; line-height:1.3em;}
.interior-section .body > ul > li a .hover {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; /*background:rgba(0,0,0,.5);*/ z-index:2;}
.interior-section .body > ul > li a .in {display:table; width:100%; height:100%;}
.interior-section .body > ul > li a .cell {display:table-cell; width:100%; height:100%; padding:15px; padding-bottom:28px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.interior-section .body > ul > li .labels {position:absolute; bottom:0; left:0; width:100%; padding:4px; line-height:0; z-index:3;}
.interior-section .body > ul > li .labels .label {vertical-align:top; font-size:12px; font-weight:300; line-height:20px; border-radius:3px; letter-spacing:-.05em; padding:0 5px;}

.share-section {padding:40px 0; overflow:hidden;}
.share-section .sec-head {margin-bottom:20px;}
.share-section .slider a {display:block; position:relative; color:#fff; font-size:30px; font-weight:300; line-height:1.3em;}
.share-section .slider a > img {width:100%; height:auto;}
.share-section .slider a .wrap {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; transition:all 0.2s ease-in-out;}
.share-section .slider a .in {display:table; width:100%; height:100%;}
.share-section .slider a .cell {display:table-cell; width:100%; height:100%; padding:8px; vertical-align:middle; box-sizing:border-box;}
.share-section .slider .img {width:70%; margin:0 auto;}
.share-section .slider .cnt {display:none;}
.share-section .slider h3 {font-size:16px; font-weight:400; line-height:24px; margin:22px 0 17px;}
.share-section .slider p {font-size:14px; line-height:20px;}
/* .share-section .slider a:hover .wrap {background:url("/images/black50.png");} */
/* .share-section .slider a:hover .cnt {display:block;} */
.share-section .bx-wrapper .bx-controls-direction a {margin-top:-16px; width:32px; height:32px; background-color:rgba(0,0,0,.6); background-position:50% 50%; background-repeat:no-repeat; border-radius:50%;}
.share-section .bx-wrapper .bx-controls-direction a:after {content:""; position:absolute; top:50%; left:50%; display:block; width:10px; height:10px; border-top:1px solid #fff; border-right:1px solid #fff; }
.share-section .bx-wrapper .bx-prev {left:-12px;}
.share-section .bx-wrapper .bx-next {right:-12px;}
.share-section .bx-wrapper .bx-prev:after {transform:translate(-25%,-50%) rotate(-135deg);}
.share-section .bx-wrapper .bx-next:after {transform:translate(-75%,-50%) rotate(45deg);}

.share-section-v2 {padding:35px 0;}
.share-section-v2 .sec-head {margin-bottom:15px;}
.share-section-v2 .body > ul {margin:0 -5px 15px;}
.share-section-v2 .body > ul:after {content:""; display:block; clear:both;}
.share-section-v2 .body > ul > li {float:left; width:50%; padding:5px;}
.share-section-v2 .body a {display:block; position:relative; background:#fff; border:1px solid #ddd;}
.share-section-v2 .body .tit {position:relative; height:52px; overflow:hidden; padding:9px 5px 9px 5px /*48px 로고 있을때 좌측여백 */;}
.share-section-v2 .body .tit .mark {position:absolute; top:10px; left:8px; width:32px; height:32px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.share-section-v2 .body .tit h3 {color:#000; font-size:14px; font-weight:500; line-height:1.2em; letter-spacing:-.05em; height:1.2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.share-section-v2 .body .tit p {color:#f37032; font-size:14px; font-weight:500; line-height:1.2em; letter-spacing:-.05em;}
.share-section-v2 .body .thumb {position:relative; height:0; padding-bottom:105.7%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.share-section-v2 .body .label {position:absolute; top:54px; left:2px; background:#f37032; color:#fff; z-index:2;}
.share-section-v2 .body .price {position:absolute; bottom:0; left:0; right:0; padding:8px; background:rgba(0,0,0,.6); text-align:center; color:#fff; font-size:13px; font-weight:300; line-height:1.3em; z-index:2;}
.share-section-v2 .body .price strong {font-size:18px; line-height:1em;}

.blog-section {padding:40px 0; background:#f8f8f8; overflow:hidden;}
.blog-section .sec-head {margin-bottom:15px;}
.blog-section .body ul {margin-bottom:20px; border-top:1px solid #d6d6d6;}
.blog-section .body ul li {border-bottom:1px solid #d6d6d6;}
.blog-section .body ul li a {padding:10px 0; overflow:hidden; display:block;}
.blog-section .body ul li .date {float:left; width:60px; text-align:center; color:#bbbbbb; font-size:12px; font-weight:200; line-height:1.2em}
.blog-section .body ul li .date big {font-size:24px; line-height:30px;}
.blog-section .body ul li .cnt {margin:0 0 0 70px; padding-top:2px;}
.blog-section .body ul li .cnt h3 {margin-bottom:5px; color:#000; font-size:15px; font-weight:400; line-height:1.3em;}
.blog-section .body ul li .cnt p {color:#666; font-size:12px; font-weight:300; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.client-section {padding:40px 0; overflow:hidden;}
.client-section .sec-head {margin-bottom:25px;}
.client-section ul:after {content:" "; display:block; clear:both;}
.client-section ul li {float:left; width:33.33333333%; border:1px solid #f3f3f3; margin-bottom:-1px; margin-left:-1px; overflow:hidden;}
.client-section ul li img {max-width:100%;}

.banner-section {display:table; width:100%; height:325px; font-size:16px; overflow:hidden;}
.banner-section a {position:relative; display:table-cell; width:50%; height:100%; color:#fff; text-align:center; vertical-align:middle; background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}
.banner-section a:after {content:" "; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0; transition:all .2s ease-in-out;}
.banner-section a:hover::after {opacity:.5;}
.banner-section a:nth-child(1) {background-image:url("../images/but_bnr1.jpg");}
.banner-section a:nth-child(2) {background-image:url("../images/but_bnr2.jpg");}
.banner-section p {margin:2px 0; position:relative; z-index:2;}
.banner-section b {font-weight:500;}
.banner-section big {font-size:30px; font-weight:100; line-height:1.3em; letter-spacing:.2em;}
.banner-section .arrow {position:relative; display:inline-block; width:15px; height:9px; background:url("../images/arrow2.png") 50% 50% no-repeat; z-index:2;}