#wrap{position:relative;}

#HeaderPopup{position:relative; display:none; width:100%; height:0; /*133px;*/ background:#f4f4f4;}
#HeaderPopup .hd_pp_wrap{width:1200px; margin:0 auto;}
#HeaderPopup .hd_pp_wrap .pp_img{float:left;}
#HeaderPopup .hd_pp_wrap .pp_txt{float:left; padding-top:27px; font-size:17px; font-weight:700; color:#242424;}
#HeaderPopup .hd_pp_wrap .pp_txt li{padding-bottom:13px;}
#HeaderPopup .hd_pp_wrap .pp_txt li span{text-decoration:underline; color:#ac1010;}
#HeaderPopup .hd_pp_wrap .pp_close{float:right; padding-top:96px; font-size:15px; font-weight:bold; color:#222;}
#HeaderPopup .hd_pp_wrap .pp_close input{background:none; margin-top:-2px;}

#container{width:100%;}

.main_visual{height:450px;}
.main_visual .cell{left:0; background-repeat:no-repeat; background-position:center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.main_visual .cell a{position:relative; max-width:1000px; margin:0 auto; height:100%; display:block;}

.bx-pager{position:absolute; top:510px; left:0; display:block; width:100%; text-align:center; height:19px; overflow:hidden; z-index:200;}
.bx-pager .bx-pager-item{display:inline-block; zoom:1; *display:inline; width:19px; height:19px; margin:0 5px}
.bx-pager .bx-pager-item a{display:block; width:19px; height:19px; overflow:hidden; color:#000; font-size:0; text-indent:-9999px; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.bx-pager a.active{background:#a50505; opacity:1;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}

.main_middle_data{width:100%;}
.main_middle_data .promotion_data{position:relative; max-width:1200px; height:514px; margin:0 auto; color:#373433;}
.main_middle_data .promotion_data h2{width:100%; padding:60px 0 15px 0; font-size:38px; text-align:center; letter-spacing:-2px;}
.main_middle_data .promotion_data h2 span{color:#a50505;}
.main_middle_data .promotion_data .infoTxt{width:100%; font-size:15px; text-align:center;}
.main_middle_data .promotion_data ul{padding-top:34px; overflow:hidden;}
.main_middle_data .promotion_data ul li{float:left; width:33.333%;}
.main_middle_data .promotion_data ul li a{position:relative; display:block; max-width:380px; min-height:290px; background-position:center center; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.main_middle_data .promotion_data ul li a span{display:block;}
.main_middle_data .promotion_data ul li a span.title{padding:34px 10px 0 29px; font-size:22px; color:#555;}
.main_middle_data .promotion_data ul li a span.title b{color:#3b3b3b;}
.main_middle_data .promotion_data ul li a span.title em{font-size:18px;}
.main_middle_data .promotion_data ul li a span.title em em.price{display:inline-block; padding-top:1px; color:#a50505;}
.main_middle_data .promotion_data ul li a span.text{padding:15px 10px 0 29px; font-size:14px; color:#777;}
.main_middle_data .promotion_data ul li a{background-image:url('/images/mn_promotion_bg_01.jpg?20210105');}
.main_middle_data .promotion_data ul li+li a{background-image:url('/images/mn_promotion_bg_02.jpg?20210105'); margin-left:11px;}
.main_middle_data .promotion_data ul li+li+li a{background-image:url('/images/mn_promotion_bg_03.jpg?20210105'); margin-left:20px;}

.main_middle_data .field_data{width:100%; height:479px; background:url('/images/mn_arrow_bg_01.gif') no-repeat center top #ebebeb; color:#373433;}
.main_middle_data .field_data h2{width:100%; padding:57px 0 16px 0; font-size:38px; text-align:center; letter-spacing:-2px;}
.main_middle_data .field_data h2 span{color:#a50505;}
.main_middle_data .field_data .infoTxt{width:100%; font-size:15px; text-align:center;}
.main_middle_data .field_data .field_slide_data{position:relative; max-width:1200px; margin:0 auto;}
.main_middle_data .field_data .bx-controls-direction .bx-prev{position:absolute; left:-79px; top:50%; margin-top:-18px}
.main_middle_data .field_data .bx-controls-direction .bx-next{position:absolute; right:-79px; top:50%; margin-top:-18px}
.main_middle_data .field_data ul{padding-top:28px; overflow:hidden;}
.main_middle_data .field_data ul li{float:left; width:20%;}
.main_middle_data .field_data ul li a{position:relative; display:block; max-width:232px; min-height:303px;}
.main_middle_data .field_data ul li a span{display:block;}
.main_middle_data .field_data ul li a span.picture{}
.main_middle_data .field_data ul li a span.text{padding:11px 10px 12px 10px; background:#fff; border:1px solid #e1e1e1; border-top:none; text-align:center; font-size:13px; line-height:1.6em; color:#5f5f5f; font-weight:bold; letter-spacing:-1px; word-break:keep-all;}

.main_middle_data .ex_data{width:100%; height:503px; background:url('/images/mn_arrow_bg_02.gif') no-repeat center top; margin:0 auto;}
.main_middle_data .ex_data h2{width:100%; padding:70px 0 15px 0; font-size:38px; text-align:center; color:#373433; letter-spacing:-2px;}
.main_middle_data .ex_data h2 span{color:#a50505;}
.main_middle_data .ex_data .infoTxt{width:100%; font-size:15px; text-align:center; color:#373433;}
.main_middle_data .ex_data .ex_slide_data{position:relative; max-width:1200px; margin:0 auto;}
.main_middle_data .ex_data .bx-controls-direction .bx-prev{position:absolute; left:-79px; top:50%; margin-top:-18px}
.main_middle_data .ex_data .bx-controls-direction .bx-next{position:absolute; right:-79px; top:50%; margin-top:-18px}
.main_middle_data .ex_data ul{padding-top:37px; overflow:hidden;}
.main_middle_data .ex_data ul li{float:left; width:20%;}
.main_middle_data .ex_data ul li a{position:relative; display:block; max-width:232px; min-height:310px;}
.main_middle_data .ex_data ul li a span{display:block;}
.main_middle_data .ex_data ul li a span.picture{}
.main_middle_data .ex_data ul li a span.text{padding:23px 0 26px 0; border:1px solid #e1e1e1; border-top:none; text-align:center; font-size:15px; color:#5f5f5f; font-weight:bold;}

.main_middle_data .community_wrap{position:relative; max-width:1200px; height:317px; margin:0 auto;}
.main_middle_data .community_wrap .list_box{height:249px; border:1px solid #e1e1e1;}
.main_middle_data .community_wrap .list_box .box_top{height:61px; border-bottom:1px solid #e1e1e1;}
.main_middle_data .community_wrap .list_box .box_top h3{float:left; margin:21px 0 0 23px; font-size:22px; font-weight:bold; color:#000;}
.main_middle_data .community_wrap .list_box .box_top a{display:block; float:right; padding:10px; margin:15px 15px 0 0;}
.main_middle_data .community_wrap .list_box .artcle_list{margin:34px 24px 0 24px;}
.main_middle_data .community_wrap .list_box .artcle_list li{padding:0 0 20px 24px; background:url('/images/mn_list_normal_icon.gif') no-repeat left 2px; font-size:15px; color:#404040;}
.main_middle_data .community_wrap .list_box .artcle_list li.new{background:url('/images/mn_list_new_icon.gif') no-repeat left 2px;}
.main_middle_data .community_wrap .list_box .artcle_list li a{font-size:15px; color:#404040;}
.main_middle_data .community_wrap .list_box .artcle_list li a:hover{text-decoration:underline;}
.main_middle_data .community_wrap .list_box .artcle_list li span.subject{display:inline-block; width:78.60962566845%;}
.main_middle_data .community_wrap .list_box .artcle_list li span.date{display:inline-block; width:21.39037433155%;}
.main_middle_data .community_wrap .board_notice{float:left; width:38.5%;}
.main_middle_data .community_wrap .board_notice .list_box{margin-right:12px;}
.main_middle_data .community_wrap .board_question{float:left; width:38.33333333333%;}
.main_middle_data .community_wrap .board_question .list_box{margin-right:10px;}
.main_middle_data .community_wrap .customer_info{float:left; width:23.16666666667%; max-width:278px; height:251px; background-position:top center; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-image:url('/images/mn_customer_bg.jpg');}
.main_middle_data .community_wrap .customer_info h3{padding:109px 0 0 26px; font-size:22px; color:#fff; font-weight:bold;}
.main_middle_data .community_wrap .customer_info .tel{display:block; padding:15px 0 0 26px; ; font-size:36px; color:#fafc6f;}
.main_middle_data .community_wrap .customer_info .hp{display:block; padding:15px 0 0 31px; ; font-size:17px; color:#fff;}


@media screen and (max-width:1023px){
	
	#container{width:auto;}
	#container:after{content:""; display:block; clear:both; overflow:hidden;}
	

	/* 메인비쥬얼 */
	.main_visual{height:250px;}
	.bx-pager{top:260px;}
	.bx-pager .bx-pager-item{width:15px; height:15px;}
	.bx-pager .bx-pager-item a{width:15px; height:15px;}

	/* 프로모션 */
	.main_middle_data{width:auto;}
	.main_middle_data .promotion_data{max-width:740px; height:auto;}
	.main_middle_data .promotion_data ul li a{background-position:center center; background-size:auto; min-height:210px; border:1px solid #e7e7e7;}
	.main_middle_data .promotion_data{padding:0 10px; padding-bottom:20px; height:auto;}
	.main_middle_data .promotion_data ul li a{margin-left:0;}
	.main_middle_data .promotion_data ul li+li a{margin-left:10px;}
	.main_middle_data .promotion_data ul li+li+li a{margin-left:10px;}
	.main_middle_data .promotion_data ul li a span.title{padding:20px 5px 0 10px; font-size:22px; color:#555;}
	.main_middle_data .promotion_data ul li a span.text{padding:10px;}


	/* 시공현장 */
	.main_middle_data .field_data{width:auto; height:auto; padding:0 10px 30px 10px;}
	.main_middle_data .field_data .field_slide_data{position:relative; max-width:650px; margin:0 auto;}
	.main_middle_data .field_data .bx-controls-direction .bx-prev{position:absolute; left:-50px; top:50%; margin-top:-18px;}
	.main_middle_data .field_data .bx-controls-direction .bx-next{position:absolute; right:-50px; top:50%; margin-top:-18px;}


	/* 시공사례 */
	.main_middle_data .ex_data{width:auto; height:auto; padding:0 10px 30px 10px;}
	.main_middle_data .ex_data .ex_slide_data{position:relative; max-width:650px; margin:0 auto;}
	.main_middle_data .ex_data .bx-controls-direction .bx-prev{position:absolute; left:-50px; top:50%; margin-top:-18px;}
	.main_middle_data .ex_data .bx-controls-direction .bx-next{position:absolute; right:-50px; top:50%; margin-top:-18px;}


	/* 커뮤니티 */
	.main_middle_data .community_wrap{padding:0 10px;}
	.main_middle_data .community_wrap .list_box{height:auto; padding-bottom:10px;}
	.main_middle_data .community_wrap .list_box .artcle_list li span.subject{display:inline-block; width:71%;}
	.main_middle_data .community_wrap .list_box .artcle_list li span.date{display:inline-block; width:29%; text-align:right;}
	.main_middle_data .community_wrap .board_notice{clear:both; width:100%; margin-bottom:10px;}
	.main_middle_data .community_wrap .board_notice .list_box{margin-right:0;}
	.main_middle_data .community_wrap .board_question{clear:both; width:100%;  margin-bottom:10px;}
	.main_middle_data .community_wrap .board_question .list_box{margin-right:0;}
	.main_middle_data .community_wrap .customer_info{clear:both; width:100%; max-width:100%; margin-bottom:10px; height:151px;}
	.main_middle_data .community_wrap .customer_info h3{padding:20px 0 0 26px; font-size:22px; color:#fff; font-weight:bold;}

}


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

	/* 메인비쥬얼 */
	.main_visual{height:130px;}
	.bx-pager{top:150px;}
	.bx-pager .bx-pager-item{width:10px; height:10px;}
	.bx-pager .bx-pager-item a{width:10px; height:10px;}


	/* 프로모션 */
	.main_middle_data .promotion_data ul li a b,
	.main_middle_data .promotion_data ul li a em{display:block;}
	.main_middle_data .promotion_data ul li a span.text{padding:10px; margin-top:10px; background:#fff; color:#333; filter:Alpha(opacity=85); opacity:0.85; -moz-opacity:0.85;}


	/* 시공현장 */
	.main_middle_data .field_data .field_slide_data{position:relative; max-width:420px; margin:0 auto;}

	/* 시공사례 */
	.main_middle_data .ex_data .ex_slide_data{position:relative; max-width:420px; margin:0 auto;}

	/* 커뮤니티 */
	.main_middle_data .community_wrap .list_box .artcle_list{margin:34px 24px 0 10px;}

}


@media screen and (max-width:420px){
	
	/* 시공현장 */
	.main_middle_data .field_data .field_slide_data{position:relative; max-width:232px; margin:0 auto;}

	/* 시공사례 */
	.main_middle_data .ex_data .ex_slide_data{position:relative; max-width:232px; margin:0 auto;}

}