@charset "utf-8";

.slide_dots{display:inline-block}
.slide_dots li{display:inline-block}
.slide_dots li button{width:12px;height:12px;margin:0 4px;border-radius:12px;background-color:#ffffff;text-indent:-9999em;transition:all .1s ease}
.slide_dots li.on button{width:50px;background-color:#1898de}

#header{position:absolute;width:100%;background-image:none;background-repeat:no-repeat;background-position:center bottom;}
#header.on{}

/* 비주얼 */
#mainVisual{background:#019bfb url(../images/main/visual_bg.jpg) no-repeat 50% 0;}
#mainVisual > .inner{height:700px;padding-top:18.1rem;}
.visual_image{display:none;}
.visual_title{margin-bottom:1.9rem;font-size:2.4rem;color:#ffffff;letter-spacing:-0.05em;}
.visual_slogan{width:44.2rem;margin-bottom:5.7rem;}
.visual_apply{position:relative;width:44.6rem;height:40px;margin-bottom:3rem;border-bottom:1px solid #fff;font-size:0;}
.visual_apply span,.visual_apply em{display:inline-block;}
.visual_apply .cate{width:60px;height:25px;line-height:25px;margin-right:1.5rem;border-radius:13px;background-color:#151e23;font-size:1.4rem;font-weight:900;color:#ffffff;letter-spacing:-0.05em;text-align:center;}
.visual_apply .title{font-size:1.7rem;font-weight:500;color:#fff;line-height:25px;letter-spacing:-0.05em;}
.visual_apply .title b{font-weight:900;}
.visual_apply .more{position:absolute;top:0;right:0;display:block;width:17px;padding:4px 0;}

.visual_issue{position:relative;width:44.6rem;}
.visual_issue::after{display:block;clear:both;content:'';}
.visual_issue dt{padding-bottom:1.8rem;}
.visual_issue dt .cate{display:inline-block;width:60px;height:25px;line-height:25px;margin-right:1.5rem;border-radius:13px;background-color:#ff4800;font-size:1.4rem;font-weight:900;color:#ffffff;letter-spacing:-0.05em;text-align:center;}
.visual_issue dt .title{font-family:'Gmarket Sans';font-size:1.9rem;font-weight:700;color:#fff;letter-spacing:-0.05em;}
.visual_issue dd{float:left;width:48%;font-family:'Gmarket Sans';padding-right:2rem;border-right:1px solid #4eb9fc;-ms-word-break:keep-all;word-break:keep-all;}
.visual_issue dd + dd{margin-left:4%;}
.visual_issue dd .text{display:-webkit-box;height:4.6rem;line-height:2.3rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.5rem;font-weight:500;color:#ffffff;letter-spacing:-0.05em;}
.visual_issue dd .date{display:block;padding-top:1.7rem;font-size:1.1rem;font-weight:500;color:#ffffff;}
.visual_issue dd.more{border:0 none;position:absolute;top:0;right:0;display:block;width:17px;padding:4px 0;}

.visual_btn li{position:absolute;display:block;}
.visual_btn li a{display:block;border:3px solid #fff;border-radius:50%;color:#fff;letter-spacing:-0.05em;text-align:center;}
.visual_btn li a b,.visual_btn li a span{display:block;vertical-align:top;}
.visual_btn_01{top:18.4rem;right:5.8rem;}
.visual_btn_02{top:26rem;right:0;}
.visual_btn_01 a{width:8.2rem;height:8.2rem;padding-top:1.8rem;background-color:#0182fb;font-size:1.8rem;line-height:2rem;}
.visual_btn_01 a b{font-weight:900;}
.visual_btn_02 a{width:10.8rem;height:10.8rem;padding-top:2.6rem;background-color:#ffa300;font-size:2.2rem;line-height:2.4rem;}
.visual_btn_02 a b{}

@media screen and (max-width:1340px){
	#mainVisual{padding:0 20px;background-size:auto 100%;background-position:42% 0;}
	#mainVisual > .inner{height:auto;padding:18rem 0 9.2rem;}
}
@media screen and (max-width:1024px){
	#mainVisual{background-position:35% 0;}
}

@media screen and (max-width:768px){
	#header{position:relative;background:#019bfb}
	#mainVisual{background:#019bfb}
	#mainVisual > .inner{padding:0 0 5rem;}
	.visual_image{display:block;max-width:600px;margin:0 auto 2rem;text-align:center;}
	.visual_image img{}
	.visual_slogan{width:100%;margin-bottom:4rem;}
	.visual_apply,
	.visual_issue{width:100%}

	.visual_btn{position:relative;margin:3rem -5px 0;}
	.visual_btn::after{display:block;clear:both;content:'';}
	.visual_btn li{position:static;float:left;width:50%;padding:0 5px;}
	.visual_btn_01,.visual_btn_02{top:auto;right:auto;}
	.visual_btn li a{border:1px solid #fff;border-radius:10rem;}
	.visual_btn_01 a,.visual_btn_02 a{width:100%;height:auto;padding:1rem 0;font-size:1.8rem;line-height:1.2;border-width:1px;}
	.visual_btn li a b,.visual_btn li a span{display:inline-block;}
	.visual_btn li a b{padding-right:4px;}

}

#container{clear:both;padding-top:4.5rem;}

/* 거주자우선 주차장 정보 */
#mainService{}
#mainService > .inner{padding-bottom:3.6rem;}
.service_info{position:relative;}
.service_info_title{height:4.2rem;font-size:2.2rem;color:#373737;letter-spacing:-0.05em;line-height:3.2rem}
.service_info_title b{font-weight:900}
.service_info_slider{border:1px solid #e4e4e4;border-radius:1rem;}
.service_info_slider::after{display:block;clear:both;content:''}
.service_info_slider .slide_item{float:left;width:25%;border-left:1px solid #e4e4e4}
/*.service_info_slider .slick-current .slide_item{border-left:0 none}*/
.service_info_slider .slide_item:first-child{border-left:0 none}

.service_info_slider .slide_item a{display:block;padding:2.1rem}
.service_info_slider .thumb{position:relative;display:block;height:11.6rem;overflow:hidden}
.service_info_slider .thumb img{width:100%;height:100%;transition:linear 0.25s}
.service_info_slider a:hover .thumb img,.service_info_slider a:focus .thumb img{transform:scale(1.1)}
.service_info_slider .info{position:relative;display:block;padding-top:2rem;text-align:center;}
.service_info_slider .title{display:block;margin-bottom:0.4rem;line-height:2.2rem;font-size:1.6rem;;font-weight:900;color:#464646;letter-spacing:-0.05em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.service_info_slider .text{display:-webkit-box;height:4.4rem;line-height:2.2rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.5rem;color:#666;letter-spacing:-0.05em;}

@media screen and (max-width:1340px){
	#mainService{padding:0 20px}
	.service_info{float:none;width:100%;}
	.service_info_slider .text br{display:none;}
}
@media screen and (max-width:768px){
	.service_info_slider .slide_item{width:50%;}
	.service_info_slider .slide_item:nth-child(odd){clear:both;border-left:0 none;}
	.service_info_slider .slide_item:nth-child(n+3){border-top:1px solid #e4e4e4;}

	.service_info_slider .thumb{height:auto;}
	.service_info_slider a:hover .thumb img,.service_info_slider a:focus .thumb img{transform:scale(1)}
}
@media screen and (max-width:480px){
	.service_info_slider .slide_item{width:100%;}
	.service_info_slider .slide_item:nth-child(n+2){border-top:1px solid #e4e4e4;}
	.service_info_slider .slide_item:nth-child(even){clear:both;border-left:0 none;}
	.service_info_slider .slide_item a{padding:1.8rem}
	.service_info_slider .text{display:block;height:auto;}
}
/* 커뮤니티 */
#mainCommunity{}
#mainCommunity > .inner{padding-bottom:46px;}
.comm_sect_title{height:4.5rem;font-size:2.2rem;color:#373737;letter-spacing:-0.05em;line-height:3.2rem}
.comm_sect_title b{font-weight:700}

/* 자주묻는질문 */
.comm_board{position:relative;clear:both;width:628px;float:left}
.comm_board::after{display:block;clear:both;content:'';}
.comm_board_more{position:absolute;top:0;right:0}
.comm_board_more a{position:relative;display:block;width:2.6rem;height:3.2rem;background:url(../images/main/comm_board_more.png) 50% 50% no-repeat;text-indent:-9999px;font-size:0;transition:all .3s}
.comm_board_more a:hover,.comm_board_more a:focus{transform:rotate(180deg)}

.comm_board_list{height:24.4rem;margin:0 auto;padding:2.3rem 2.4rem 0;border:1px solid #dddddd;border-radius:1rem;}
.comm_board_list:after{display:block;clear:both;content:''}
.comm_board_list li + li{margin-top:0.5rem}
.comm_board_list li a{position:relative;display:block;padding:0 8rem 0 1.6rem;line-height:2.8rem;font-size:1.5rem;color:#555555;letter-spacing:-0.05em}
.comm_board_list li a:before{content:'';position:absolute;top:50%;left:0;width:3px;height:3px;border-radius:1.5px;background-color:#525151;margin-top:-2px}
.comm_board_list li a .title{position:relative;display:inline-block;max-width:100%;padding-right:2.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}
.comm_board_list li a .title i.new{position:absolute;top:50%;right:0;width:2.1rem;height:2rem;margin-top:-1rem;background:url(../images/main/comm_board_ico_new.png) no-repeat 100% 0 / 2.1rem auto;font-size:0;}
.comm_board_list li a .date{position:absolute;top:0;right:0;font-size:1.4rem;color:#909090;letter-spacing:-0.025em;text-align:right}
.comm_board_list li a .date{}

/* 전화번호안내 */
.comm_contact{position:relative;width:217px;float:left;margin-left:22px;}
.comm_contact_box{height:24.4rem;border:1px solid #dddddd;border-radius:1rem;}
.comm_contact_box > div{display:block;padding:2.1rem 0;-ms-word-break:keep-all;word-break:keep-all;}
.comm_contact_box span{display:block;}
.comm_contact_box .thumb{position:relative;display:block;height:12.9rem;margin-bottom:2rem;padding:0 2rem;overflow:hidden}
.comm_contact_box .thumb img{width:100%;height:100%;transition:all .4s ease}
.comm_contact_box .thumb .img{width:100%;height:12.9rem;transition:all .4s ease}
.comm_contact_box .info{display:-webkit-box;height:4.4rem;line-height:2.2rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.5rem;color:#666666;letter-spacing:-0.025em;text-align:center;}
.comm_contact_box .info b{font-weight:900}

/* 커뮤니티 - 팝업존 */
.comm_popup{position:relative;width:410px;float:right;margin-bottom:1.5rem}
.comm_popup_slider{border-radius:1rem;overflow:hidden;}
.comm_popup .slick-slide div{vertical-align:top;overflow:hidden}
.comm_popup .slick-slide div img{width:100%;}
.comm_popup_ctrl{position:absolute;top:0.2rem;right:0.8rem;height:2.8rem;padding:0.6rem 1.4rem 0.5rem;border-radius:1.7rem;background-color:rgba(170,170,170,1);z-index:2;vertical-align:top}
.comm_popup_ctrl a,.comm_popup_ctrl button{display:inline-block;background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px}
.comm_popup_ctrl .pager{display:inline-block;padding:0 1rem;font-size:1.6rem;line-height:1.7rem;color:#fff;letter-spacing:-0.05em;vertical-align:top}
.comm_popup_ctrl .pager strong,.comm_popup_ctrl .pager span{display:inline-block;vertical-align:top;line-height:1.7rem}
.comm_popup_ctrl .pager strong{font-weight:900;}
.comm_popup_ctrl .pager .bar{display:inline-block;width:1px;height:11px;margin:3px 5px 0 7px;background-color:#ffffff}
.comm_popup_ctrl .auto{width:1rem;height:1.7rem;margin-left:0.6rem;background-size:auto 1.3rem;}
.comm_popup_ctrl .arrow{width:1rem;height:1.7rem;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 1.3rem;}
.comm_popup_ctrl .play{background-image:url(../images/main/comm_popup_play.png)}
.comm_popup_ctrl .stop{background-image:url(../images/main/comm_popup_stop.png)}
.comm_popup_ctrl .prev{background-image:url(../images/main/comm_popup_prev.png)}
.comm_popup_ctrl .next{background-image:url(../images/main/comm_popup_next.png)}

/* 커뮤니티 - 알리미 */
.comm_details{position:relative;width:410px;height:5rem;padding:1.6rem 2.8rem 0;float:right;background-color:#656565;border-radius:1rem;}
.comm_details::after{display:block;clear:both;content:''}
.comm_details a{display:block;padding-right:4rem;background:url(../images/main/comm_details_more.png) no-repeat 100% 50% / 4rem 2rem;}
.comm_details_title,.comm_details_text{display:inline-block;font-size:0;color:#ffffff;letter-spacing:-0.05em;line-height:2rem}
.comm_details_title{padding-right:1rem;font-size:1.6rem;font-weight:900;}
.comm_details_text{font-size:1.5rem;}

@media all and (max-width:1340px){
	#mainCommunity{padding:0 20px}
	.comm_board{width:calc(100% - 672px);}
	.comm_board_list{width:100%;}
}

@media all and (max-width:1200px){
	.comm_board{width:calc(100% - 430px);}
	.comm_contact{display:none;}
/*	.comm_details{clear:both} */
}

@media all and (max-width:1024px){
	.comm_board{width:calc(100% - 320px);padding-right:1.5rem;}
	.comm_board_list{height:auto;padding:2.1rem 2rem 2rem}
	.comm_board_list li + li{margin-top:0.2rem}
	.comm_board_more{right:1.5rem;}
	.comm_popup{width:320px;margin-bottom:1.5rem;}
	.comm_details{width:320px;padding:1.6rem 1.6rem 0;}
	.comm_details_title{display:none;}
}

@media all and (max-width:768px){
	#mainCommunity{padding-bottom:0}
	.comm_board{width:100%;margin-bottom:2rem;}
	.comm_board_list li a .writer{display:none;}
	.comm_popup{width:100%;margin-bottom:1.5rem;}
	.comm_details{width:100%;height:auto;padding:1.6rem 2rem}
	.comm_details_title{display:inline-block;}
	.comm_popup_ctrl{height:auto;padding:0.6rem 1.2rem;line-height:14px;}
	.comm_popup_ctrl .pager{padding:0 5px;font-size:14px;line-height:14px;font-size:13px;}
	.comm_popup_ctrl .pager strong,.comm_popup_ctrl .pager span{line-height:14px}
	.comm_popup_ctrl .pager strong{line-height:14px}
	.comm_popup_ctrl .pager .bar{height:9px;margin:3px 5px 0 7px;}

	.comm_popup_ctrl .arrow{width:8px;height:14px;background-size:auto 10px;}
	.comm_popup_ctrl .auto{width:8px;height:14px;background-size:auto 10px;}
	/* .service_info_title,.comm_board_title,.comm_popup_title{height:36px;font-size: 18px;line-height: 32px;} */
}

@media all and (max-width:480px){

}

@media all and (max-width:360px){
	.comm_board_more{display:none;}

}


@media screen and (max-width:1340px){

}
@media print{}