@charset "utf-8";

/*스크롤 영역*/
body::-webkit-scrollbar {display:none}
body {-ms-overflow-style:none}

html, body {
    width:100%;
    height:100%;
}

header {width:100%; height:125px; background:#fff; border-bottom:2px solid #a6c8ff}
header .top_spot {height:35px; border-bottom:1px solid #f1f1f1}
header .top_nav {margin:0 auto; width:1280px; height:35px}
header .top_nav ul {text-align:right; font-size:0; padding-right:15px}
header .top_nav li {display:inline-block; padding:0 8px}
header .top_nav li a {display:block; font-size:13px; color:#333; line-height:35px; letter-spacing:-1px}

nav {margin:0 auto; width:1280px}
.top_logo {float:left; padding:26px 0 0 90px; width:308px; height:90px}
.top_logo h1 a{display:block; background:url(../img/top_logo.png)no-repeat; width:141px; height:39px}
.main_nav > ul > li {float:left; position:relative; line-height:90px; text-align:center; padding:0 36px}
.main_nav > ul > li > a {display:blcok; font-size:20px; color:#333}
.main_nav > ul > li:hover > a {border-bottom:3px solid #006999}
.submenu {position:absolute; top:100px; left:0; width:100%; transition:all 0.3s; opacity:0; height:0; overflow:hidden; z-index:2}
.submenu > ul > li {text-align:center}
.submenu > li > a {display:block; font-size:16px; color:#fff; line-height:45px}
.submenu > li a:hover {color:#bbd0eb}
.main_nav ul:hover .submenu {opacity:1; transition:all 0.3s; height:296px}
.main_nav:hover + .sub_bg {opacity:1; transition:all 0.3s; height:296px}

.sub_bg {position:absolute; top:125px; left:0; width:100%; transition:all 0.3s; opacity:0; height:0; overflow:hidden; background:#2e323e; z-index:1}
.sub_bg:before {content:""; background:url(../img/sub_bg_img1.png)no-repeat; position:absolute; top:0; left:280px; width:909px; height:296px; opacity:0.03}

section#visual {position:relative; height:811px}
.main_slide {height:811px}
.main_slide a.img1 {width:100%; height:811px; background:url(../img/slide_1.jpg)no-repeat center}
.main_slide a.img2 {width:100%; height:811px; background:url(../img/slide_2.jpg)no-repeat center}
.main_slide a.img3 {width:100%; height:811px; background:url(../img/slide_3.jpg)no-repeat center}
.main_slide button:before {font-family:"xeicon"; color:#fff; font-size:100px; opacity:0.2}
.main_slide button:hover:before {opacity:1}
.main_slide button {position:absolute; z-index:3; top:50%; transform:translateY(-50%); width:100px; height:100px; background:rgba(255,255,255,0); cursor:pointer; outline:0}
.main_slide button.slick-prev {left:50px; font-size:0; color:transparent}
.main_slide button.slick-prev:before {content:"\e93d"; font-family:"xeicon"}
.main_slide button.slick-next {right:32px; font-size:0; color:transparent}
.main_slide button.slick-next:before {content:"\e940"; font-family:"xeicon"}
.main_slide .slick-dots {position:absolute; left:0; bottom:100px; display:block; width:100%; text-align:center; padding-left:521px}
.main_slide .slick-dots li {display:inline-block; width:14px; height:14px; margin:10px}
.main_slide .slick-dots li button {font-size:0; line-height:0; display:block; width:14px; height:14px; cursor:pointer; border-radius:50%; background:#fff}
.main_slide .slick-dots li.slick-active button {background:#006999}

#cont1 { width:1280px; height:316px; margin:0 auto}
ul.cont1_bn {position:relative; font-size:0; text-align:center}
ul.cont1_bn li {display:inline-block; width:290px; height:220px; background:#fff; margin:16px 0 0 40px}
ul.cont1_bn li a {display:block; color:#0a0a0a; font-size:20px; letter-spacing:-1px; padding-top:22px}
ul.cont1_bn li:first-child {margin-left:0}
ul.cont1_bn li a p {padding-top:18px; color:#6f6f6f; font-size:14px}
ul.cont1_bn li a img {display:block; width:51px; height:51px; padding-left:120px; padding-bottom:38px}

#cont2 {position:relative; height:474px}
.cont2_slide {height:394px; background:rgba(0,0,0,0.1)}
.cont2_slide div a img {display:block; margin:0 auto}
.cont2_slide button:hover:before {opacity:0.6}
.cont2_slide button:before {font-family:"xeicon"; color:#fff; font-size:100px}
.cont2_slide button {position:absolute; z-index:6; top:50%; transform:translateY(-50%); width:100px; height:100px; background:rgba(0,0,0,0.1); cursor:pointer; outline:0}
.cont2_slide button.slick-prev {left:26px; font-size:0; color:transparent}
.cont2_slide button.slick-next {right:26px; font-size:0; color:transparent}
.cont2_slide button.slick-prev:before {content:"\e93d"; font-family:"xeicon"}
.cont2_slide button.slick-next:before {content:"\e940"; font-family:"xeicon"}

.cont2_bn {position:absolute; width:100%; bottom:-26px; left:50%; transform:translateX(-50%)}
.cont2_bn ul {text-align:center; font-size:0}
.cont2_bn ul li {display:inline-block; width:400px; height:170px; background: #fff; margin-left:40px}
.cont2_bn li:first-child {margin-left:0}
.cont2_bn ul li a {position:absolute; top:0; padding:50px 0 0 22px; display:block; color:#333; font-weight:bold; font-size:32px; letter-spacing:-1px}
.cont2_bn ul li:before {content:""; width:1px; height:121px; background:#dfdfdf; position:absolute; top:0; margin:24px 0 0 -84px}
.cont2_bn ul li a img {position:absolute; top:42px; left:160px}
.cont2_bn ul li a p.cont2_txt {color:#bfc1c5; font-weight:normal; font-size:14px}
.cont2_txt2 {position:absolute; top:60px; left:136px; width: 200px; font-size:16px; font-weight:normal; text-align:left}
.cont2_txt2:before {content:"분양예정 "; background:#434a5d; color:#fff; font-size:12px; padding:2px 6px; margin-right:6px}
.cont2_txt3{position:absolute; top:90px; left:136px; width: 200px; font-size:16px; font-weight:normal; text-align:left}
.cont2_txt3:before {content:"분양예정 "; background:#434a5d; color:#fff; font-size:12px; padding:2px 6px; margin-right:6px}

#tab {margin-top:26px; height:619px; background:#f6f6f6}
.tab_menu {margin:0 auto; width:1280px; height:540px; position:relative}
.tab_menu .tab_btn ul {overflow:hidden}
.tab_menu .tab_btn li.active a {color:#434a5d; font-weight:bold}
.tab_menu .tab_btn li.active:before {content:""; width:290px; height:5px; background:#434a5d; position:absolute; top:123px; display:block}
.tab_menu .tab_btn li {float:left; width:290px; height:180px; text-align:center; margin-left:40px; padding-top:93px}
.tab_menu .tab_btn li:before {content:""; width:290px; height:5px; background:#d3d3d3; position:absolute; top:123px; display:block}
.tab_menu .tab_btn li:first-child {margin-left:0}
.tab_menu .tab_btn li a {display:block; font-size:18px; color:#a6a6a6}
.tab_menu .tab_img1 {background:url(../img/tab_img1.jpg)no-repeat; width:730px; height:360px}
.tab_menu .tab_img2 {background:url(../img/tab_img2.jpg)no-repeat; width:730px; height:360px}
.tab_menu .tab_img3 {background:url(../img/tab_img3.jpg)no-repeat; width:730px; height:360px}
.tab_menu .tab_img4 {background:url(../img/tab_img4.jpg)no-repeat; width:730px; height:360px}
.tab_menu .tab_txt {margin-left:770px; position:relative; width:510px; height:360px}
.tab_menu .tab_txt ul {padding:32px 0 0 22px}
.tab_menu .tab_txt li:nth-child(1) {color:#1b6486; font-size:18px; line-height:18px; letter-spacing:-1px}
.tab_menu .tab_txt li:nth-child(2) {padding-top:12px; color:#434a5d; font-size:38px; font-weight:bold; line-height:38px; letter-spacing:-1px}
.tab_menu .tab_txt li:nth-child(3) {padding-top:30px; color:#ababab; font-size:24px; line-height:24px; letter-spacing:-1px}
.tab_menu .tab_txt a img {display:block; float: left; margin-top:43px; margin-left:18px; opacity:0.2}
.tab_menu .tab_txt a.tab_img1 img:first-child  {margin-left:0}
.tab_menu .tab_txt a.tab_arrow img {opacity:1; clear:both; margin-left:0; padding-top:30px; display:block}

.cont3_bn {width:100%; height:425px; background:rgba(0,0,0,0.1)}
.cont3_bn_img1 a {position:relative; display:block; float:left; width:33.333%; height:425px; background:url(../img/cont2_bn1.jpg)no-repeat}
.cont3_bn_img2 a {position:relative; display:block; float:left; width:33.333%; height:425px; background:url(../img/cont2_bn2.jpg)no-repeat}
.cont3_bn_img3 a {position:relative; display:block; float:left; width:33.333%; height:425px; background:url(../img/cont2_bn3.jpg)no-repeat}
.cont3_bn_img1 ul {text-align:center}
.cont3_bn_img1 li {color:#fff}
.cont3_bn_img1 li:nth-child(1) {padding-top:122px; font-size:32px; font-weight:bold; line-height:32px}
.cont3_bn_img1 li:nth-child(2) {padding-top:32px; font-size:18px; line-height:18px}
.cont3_bn_img1 li:nth-child(3) {padding-top:10px; font-size:18px; line-height:18px}
.cont3_bn_img1 li:nth-child(1):before {position:absolute; top:280px; left:288px; content:"\e9c5"; color:#fff; font-size:42px; font-family:"xeicon"}
.cont3_bn_img2 ul {text-align:center}
.cont3_bn_img2 li {color:#fff}
.cont3_bn_img2 li:nth-child(1) {padding-top:122px; font-size:32px; font-weight:bold; line-height:32px}
.cont3_bn_img2 li:nth-child(2) {padding-top:32px; font-size:18px; line-height:18px}
.cont3_bn_img2 li:nth-child(3) {padding-top:10px; font-size:18px; line-height:18px}
.cont3_bn_img2 li:nth-child(1):before {position:absolute; top:280px; left:288px; content:"\e9c5"; color:#fff; font-size:42px; font-family:"xeicon"}
.cont3_bn_img3 ul {text-align:center}
.cont3_bn_img3 li {color:#fff}
.cont3_bn_img3 li:nth-child(1) {padding-top:122px; font-size:32px; font-weight:bold; line-height:32px; letter-spacing:-1px}
.cont3_bn_img3 li:nth-child(2) {padding-top:32px; font-size:18px; line-height:18px; letter-spacing:-1px}
.cont3_bn_img3 li:nth-child(3) {padding-top:10px; font-size:18px; line-height:18px; letter-spacing:-1px}
.cont3_bn_img3 li:nth-child(1):before {position:absolute; top:280px; left:288px; content:"\e9c5"; color:#fff; font-size:42px; font-family:"xeicon"}

.info_bn {position:relative; margin:0 auto; width:1280px; height:363px}
.info_con {position:absolute; top:140px; width:1280px; height:221px; background:#a39787}
.info_call {position:absolute; bottom:50px; left:110px; width:400px; height:220px; background:#434a5d}
.info_call ul {padding:38px 0 0 50px}
.info_call li {color:#fff}
.info_call li:nth-child(1) {font-size:30px; line-height:30px; font-weight:bold; letter-spacing:-1px}
.info_call li:nth-child(2) {padding-top:10px; font-size:18px; line-height:18px; letter-spacing:-1px; opacity:0.8}
.info_call li:nth-child(3) {padding-top:10px; font-size:48px; line-height:48px; font-weight:bold; letter-spacing:-1px}
.info_call li:nth-child(4) {padding-top:14px; font-size:16px; line-height:16px}
.info_call img {position:absolute; bottom:34px; right:28px; opacity:0.2}
.info_call li:nth-child(4):before {content:"\ea1f"; display:inline-block; width:16px; height:16px; font-size:16px; font-family:"xeicon"}

.info_col1 {position:absolute; bottom:50px; left:550px; width:180px; height:220px; background: #fff; border:1px solid #d6d6d6}
.info_col1 ul {text-align:center; padding:22px 0 0 0}
.info_col1 li {color:#333}
.info_col1 li:nth-child(1) {font-size:20px; letter-spacing:-1px}
.info_col1 li:nth-child(3) a {display:inline-block; font-size:16px; letter-spacing:-1px; width:117px; height:33px; line-height:33px; border:1px solid #ccc}
.info_col1 li:nth-child(4) a {display:inline-block; margin-top:5px; font-size:16px; letter-spacing:-1px; width:117px; height:33px; line-height:33px; border:1px solid #ccc}
.info_col1 img {display:inline-block; padding:6px 0}

.info_col2 {position:absolute; bottom:50px; left:770px; width:180px; height:220px; background:#fff; border:1px solid #d6d6d6}
.info_col2 ul {text-align:center; padding:22px 0 0 0}
.info_col2 li {color:#333}
.info_col2 li:nth-child(1) {font-size:20px; letter-spacing:-1px}
.info_col2 li:nth-child(3) a {display:inline-block; font-size:16px; letter-spacing:-1px; width:117px; height:33px; line-height:33px; border:1px solid #ccc}
.info_col2 li:nth-child(4) a {display:inline-block; margin-top:5px; font-size:16px; letter-spacing:-1px; width:117px; height:33px; line-height:33px; border:1px solid #ccc}
.info_col2 img {display:inline-block; padding:6px 0}

.info_col3 {position:absolute; bottom:50px; left:990px; width:180px; height:220px; background: #fff; border:1px solid #d6d6d6}
.info_col3 ul {text-align:center; padding:22px 0 0 0}
.info_col3 li {color:#333}
.info_col3 li:nth-child(1) {font-size:20px; letter-spacing:-1px}
.info_col3 li:nth-child(3) a {display:inline-block; font-size:16px; letter-spacing:-1px; width:117px; height:33px; line-height:33px; border:1px solid #ccc}
.info_col3 li:nth-child(4) a {display:inline-block; margin-top:5px; font-size:16px; letter-spacing:-1px; width:117px; height:33px; line-height:33px; border:1px solid #ccc}
.info_col3 img {display:inline-block; padding:6px 0}

.cont_ch {width:100%; height:651px; background:#f1f1f1; margin-top:-52px}
.cont_ch_box {margin:0 auto; width:1280px; height:651px; }
.video_wrap li:nth-child(1) {padding:110px 0 0 72px; color:#555; font-size:30px; font-weight:bold}
.video_wrap li:nth-child(2) a {position:absolute; top:118px; right:110px; font-size:14px; color:#333; display:inline-block; letter-spacing:-1px}
.video_wrap li:nth-child(2) a:after {content:"\e93f"; color:#333; font-size:16px; top:0px; background:#fff; font-family:"xeicon"; display:inline-block}
.video_wrap li:before {content:""; position:absolute; top:118px; left:10px; background:url(../img/video_icon1.png)no-repeat; width:47px; height:33px}
.video_wrap {position:relative; float:left; width:730px; height:651px}
.video_wrap iframe {position:absolute; bottom:125px; width:620px; height:348px}

.blog_wrap {float:left; width:550px; height:651px}
.blog_wrap > ul {margin-top:100px}
.blog_wrap li {position:relative}
.blog_wrap > ul > li:nth-child(1) {padding:10px 0 0 72px; color:#555; font-size:30px; font-weight:bold}
.blog_wrap > ul > li:nth-child(1):before {content:""; position:absolute; top:18px; left:10px; background:url(../img/blog_icon1.png)no-repeat; width:47px; height:33px}
.blog_wrap > ul > li > ul > li:nth-child(1) img {display:block; margin:8px 10px 0 0; float: left}
.blog_wrap > ul > li > ul > li:nth-child(1) strong {display:inline-block; font-size:16px; color:#666; text-decoration:underline; width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.blog_wrap > ul > li > ul > li:nth-child(1) p {font-size:14px; line-height:24px; color:#666; margin-bottom:18px; font-weight:normal; width:500px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.blog_wrap > ul > li:nth-child(2) a {position:absolute; bottom:17px; right:0; font-size:14px; color:#333}
.blog_wrap > ul > li:nth-child(2) a:after {content:"\e93f"; color:#333; font-size:16px; top:0px; background:#fff; font-family:"xeicon"; display:inline-block}
.blog_wrap > ul > li:nth-child(3) {margin-top:23px; padding:16px; color:#555; font-size:14px; line-height:28px; letter-spacing:-1px; width:550px; height:348px; overflow-y:scroll;  background:#fff; border:1px solid #d6d6d6}

footer {width:100%; height:187px; background:#5d6467}
footer .ft_copy {margin:0 auto; width:1280px; height:187px}
footer .ft_copy .ft_logo {float:left; width:180px; height:187px}
footer .ft_copy .ft_logo img {margin-top:76px}
footer .ft_copy .ft_txt {float:left; width:590px; height:187px; }
footer .ft_copy .ft_txt ul.ft_menu {margin-top:46px; }
footer .ft_copy .ft_txt ul.ft_menu li {position:relative; float:left; padding:0 8px}
footer .ft_copy .ft_txt ul.ft_menu li:nth-child(1) {padding-left:0}
footer .ft_copy .ft_txt ul.ft_menu li:nth-child(1) :before {width:0; height:0}
footer .ft_copy .ft_txt ul.ft_menu li :before {content:""; position:absolute; top:2px; left:0; width:1px; height:12px; background:#eee; opacity:0.6}
footer .ft_copy .ft_txt ul.ft_menu li a {display:block; font-size:14px; line-height:14px; color:#fff}

address p {font-size:12px; line-height:12px; color:#fff; font-weight:normal; opacity:0.6}
address p:nth-child(1) {padding-top:16px}
address p:nth-child(2) {padding-top:6px}
address p:nth-child(3) {padding-top:20px}

footer .ft_copy .ft_sns {float:left; width:330px; height:187px}
footer .ft_copy .ft_sns ul {text-align:right; font-size:0; margin-right:16px}
footer .ft_copy .ft_sns li {display:inline-block; background:url(../img/ft_sns_icon.png)no-repeat; width:28px; height:28px; margin:45px 5px 0 5px}
footer .ft_copy .ft_sns li:nth-child(1) {background-position:0 0; margin-left:0}
footer .ft_copy .ft_sns li:nth-child(2) {background-position:-38px 0}
footer .ft_copy .ft_sns li:nth-child(3) {background-position:-76px 0}
footer .ft_copy .ft_sns li:nth-child(4) {background-position:-114px 0}
footer .ft_copy .ft_sns li:nth-child(5) {background-position:-152px 0}
footer .ft_copy .ft_sns li:nth-child(6) {background-position:-190px 0}
footer .ft_copy .ft_sns li:nth-child(7) {background-position:-228px 0}
footer .ft_copy .ft_sns li a {display:block; width:28px; height:28px}

footer .ft_copy .ft_family {float:left; width:180px; height:187px}
footer .ft_copy .ft_family .ft_family_btn {position:relative; background:#4a5053; width:166px; height:28px; border:1px solid #43484a; margin:45px 0 0 13px}
footer .ft_copy .ft_family .ft_family_btn ul li a {display:block; padding-left:10px; font-size:12px; line-height:28px; color:#fff}
footer .ft_copy .ft_family .ft_family_btn ul.ft_family_list {display:none; position:absolute; top:26px; left:-1px; background:#4a5053; width:166px; font-size:12px; border:1px solid #43484a}
footer .ft_copy .ft_family .ft_family_btn li:hover ul.ft_family_list {display:block}
footer .ft_copy .ft_family .ft_family_btn:before {content:"\E936"; font-size:12px; color:#fff; font-family:"xeicon"; position:absolute; top:8px; right:10px}
footer .ft_copy .ft_family .ft_family_btn li:hover ul.ft_family_list li:hover a {background:#006999}