@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/*common*/
.sub_container{min-height:500px; padding-bottom:80px;} 
.sub_contents{padding-top:40px;}
.contents_wrap{padding-top:50px;}
.sub_page_title>h4{font-size:36px; color:#111111; line-height:1.2; text-align:center;}





/*서브 비주얼*/
.sub_visual{height:450px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.sub_visual>div{height:100%; }
.sub_visual01{background-image:url("../images/sub/sub_visual01.jpg");}
.sub_visual02{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual03{background-image:url("../images/sub/sub_visual03.jpg");}
.sub_visual04{background-image:url("../images/sub/sub_visual04.jpg");}
.sub_visual05{background-image:url("../images/sub/sub_visual05.jpg");}
/*sub_visual_txt*/
.sub_visual_txt{display:table; width:100%; height:100%; color:#ffffff; text-align:center;}
.sub_visual_txt>div{display:table-cell; vertical-align:middle; width:100%; height:100%; padding-bottom:20px; padding-top:90px;}
.sub_visual_txt h3{font-size:40px; font-weight:700;}
.sub_visual_txt p{font-size:20px; position:relative; margin-top:40px;}
.sub_visual_txt p:before,.sub_visual_txt p:after{content:''; width:40px; height:5px; display:block; border:2px solid #ffffff; position:absolute; left:50%; top:-22px;
		margin-left:-20px;}
.sub_visual_txt p:after{top:-29px;}

/*horizontal_menu_bar 가로 1201px 이상 서브 메뉴 선택 탭*/
.horizontal_menu_bar{margin-top:-22px;}
.horizontal_menu_bar ul{display:flex; justify-content:center; text-align:center;}
.horizontal_menu_bar ul>li{width:33.333333%; background-color:#ffffff; font-size:18px; border:1px solid #dedede; position:relative;}
.horizontal_menu_bar.horizontal_menu_bar02 ul li{width:25%;} 
.horizontal_menu_bar ul>li+li{margin-left:-1px;}
.horizontal_menu_bar ul>li>a{display:block; padding:8px 0; }
.horizontal_menu_bar li.h_menu_on{background-color:#37a026; z-index:10; border-color:#37a026;}
.horizontal_menu_bar li.h_menu_on>a{color:#ffffff;}
.horizontal_menu_bar li:hover{background-color:#64b157; z-index:10; border-color:#64b157;}
.horizontal_menu_bar li:hover>a{color:#ffffff;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:none; background-color:#37a026;}
.sub_tab{float:left; color:#ffffff; position:relative;}
.sub_tab+div:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; bottom:0; background-color:rgba(255,255,255,0.2);}
.sub_tab_01{width:10%;}
.sub_tab_02{width:45%;}
.sub_tab_03{width:45%;}
.sub_tab_bar h4,.sub_tab_bar h3{padding:10px 15px 10px; font-size:16px; cursor:pointer; font-weight:400;}
.sub_tab_bar strong{font-weight:400;}
.sub_tab_bar a{display:block;}
/*icon_home*/
.sub_tab_01{text-align:center;}
.sub_tab_01>a{padding:12px 0 11px;}
.sub_tab_01 .icon_home02{width:16px; height:14px; display:inline-block; position:relative; font-size:0; vertical-align:middle;}
.sub_tab_01 .icon_home02:before{content:''; width:0; height:0; display:block; position:absolute; left:0; top:0; border:7px solid transparent; 
		border-bottom-color:#ffffff; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8); -moz-transform:scale(1,0.8);
		-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.sub_tab_01 .icon_home02:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px; border:3px solid #ffffff; 
		border-top-width:3px; border-bottom:0;}
/*메뉴 더보기*/
.sub_tab_bar .menu_more{position:absolute; right:15px; top:18px; width:11px; height:11px; overflow:hidden; text-indent:-999999px; display:block; font-size:0;}
.sub_tab_bar .menu_more:after,.sub_tab_bar .menu_more:before{content:''; display:block; background-color:#ffffff; width:11px; height:1px; 
		position:absolute; left:0; top:5px;}
.sub_tab_bar .menu_more:after{width:1px; height:11px; left:5px; top:0; }
.sub_tab_bar h4.open .menu_more:after,.sub_tab_bar h3.open .menu_more:after{display:none;}
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth{display:none; position:absolute; left:0; top:47px; width:100%; z-index:250; background-color:#ffffff; padding:15px 0;
		  border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:15px;}
.sub_tab_2depth>li+li{margin-top:3px;}
.sub_tab_2depth>li>a{display:block; padding:1px 15px;}
.sub_tab_2depth>li>a:hover{color:#37a026; font-weight:500;}
.sub_tab_2depth>li>a:hover strong{font-weight:500;}

/*breadcrumb*/
.breadcrumb{margin-top:30px;}
.breadcrumb>p{font-size:0;}
.breadcrumb span{display:inline-block; vertical-align:middle; font-size:14px; }
.breadcrumb span+span{margin-left:4px;}
.breadcrumb span.on{color:#000000;}
.breadcrumb span.right_arrow{width:12px; height:14px; position:relative; overflow:hidden;}
.breadcrumb span.right_arrow:before{content:''; height:6px; width:6px; display:block; border:1px solid #aaaaaa; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; top:4px; left:1px;}
/*icon_home*/
.breadcrumb .icon_home{width:16px; height:14px; display:inline-block; position:relative; font-size:0; vertical-align:middle;}
.breadcrumb .icon_home:before{content:''; width:0; height:0px; display:block; position:absolute; left:0px; top:0px;
		border:7px solid transparent; border-bottom-color:#555555; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8);
		-moz-transform:scale(1,0.8);-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.breadcrumb .icon_home:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px; border:3px solid #555555; 
		border-top-width:3px; border-bottom:0;}

/*greeting.asp*/
.greeting_wrap{ font-size:16px;}
.greeting_img{position:relative;}
.greeting_img02{position:absolute; right:0; bottom:0;}
.greeting_contents{margin-top:50px; text-align:center;}
.greeting_contents strong{color:#37a026; font-size:28px; letter-spacing:-1px; line-height:1.4;}
.greeting_contents p:first-child{margin-bottom:15px;}
.greeting_contents p+p{margin-top:5px;}

/*map.asp*/
.map_txt{margin-top:50px; font-size:16px; border-top:1px solid #e6e6e6;}
.map_txt dl{border-bottom:1px solid #e6e6e6; padding:12px 5px;}
.map_txt dl dt{font-weight:500; color:#111111; padding-left:30px; background-size:20px auto; background-position:0 center; background-repeat:no-repeat;
		float:left; width:95px;}
.map_txt dl:nth-child(1) dt{background-image:url("../images/sub/map_icon01.png");}
.map_txt dl:nth-child(2) dt{background-image:url("../images/sub/map_icon03.png");}
.map_txt dl:nth-child(3) dt{background-image:url("../images/sub/map_icon02.png");}
.map_txt dl:nth-child(4) dt{background-image:url("../images/sub/map_icon04.png");}
.map_txt dl dd{float:left;  width:calc(100% - 95px);}

/*products01.asp*/
/*.products01_list{display:flex; flex-wrap:wrap; gap:40px 40px;}
.products01_list>li{width:calc(50% - 20px);}
.products01_list>li>img{width:100%;}
.products01_list>li>p{background-color:#37a026; color:#ffffff; font-size:20px; padding:9px 5px; text-align:center; line-height:1.3;}
.products01_contents{margin-top:50px; padding-top:50px; border-top:1px dotted #888888;}
.products01_title b{color:#37a026; line-height:1.3; font-size:22px; letter-spacing:-1px;}
.products01_title p{font-size:16px; margin-top:10px;}
.products01_img{margin-top:40px;} 
.floor_plan_list{margin-top:50px; padding-top:50px; border-top:1px dotted #888888;} 
.floor_plan_list>li>img{width:100%;}
.floor_plan_list>li+li{margin-top:40px;} */

/*products_tab common*/
.products_tab>ul{display:flex; column-gap:15px; justify-content:center;}
.products_tab>ul>li>a{display:block; font-size:18px; padding:8px 40px; border-radius:50px; background-color:#888888; color:#ffffff;}
.products_tab>ul>li>a:hover{background-color:#de411d; font-weight:500;}
.products_tab01 li:first-child>a,.products_tab02 li:nth-child(2)>a{background-color:#de411d; font-weight:500;}

/*products - products01.asp~products02_02.asp*/
.products_list_wrap{margin-top:50px; overflow-x:auto;}
.products_list_wrap table{width:100%; word-break:keep-all; table-layout:auto; border-collapse:collapse; border-spacing:0; letter-spacing:-1px; 
		line-height:1.4;}  
.products_list_wrap table th{text-align:center; padding:12px 8px; font-weight:500; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa;
		background-color:#fafafa; color:#222222;  font-size:16px;}
.products_list_wrap table td{text-align:center; padding:10px 8px; font-weight:500; border-bottom:1px solid #dedede;  font-size:15px;}
.products_list_wrap table th+th{border-left:1px solid #dedede;}
.products_list_wrap table td>a{display:inline-block; padding:2px 10px 4px; border:1px solid #de411d; border-radius:3px;}
.products_list_wrap table td>a>*{display:inline-block; vertical-align:middle; font-size:14px; color:#de411d;}
.products_list_wrap table td>a>span{margin-left:5px;} 
.products_list_wrap table td>a>img{width:12px; height:auto;}
.products_list_wrap table td+td{border-left:1px solid #dedede;}

/*products03.asp*/
.products03_wrap>div+div{margin-top:60px;}
.products03_contents_wrap h4{font-size:28px; color:#222222; letter-spacing:-1.5px; 	line-height:1.4; position:relative; padding-left:30px;}
.products03_contents_wrap h4:before,.products03_contents_wrap h4:after{content:''; width:20px; height:8px; display:block; border:2px solid #de411d; 
		position:absolute; left:0; top:11px;}
.products03_contents_wrap h4:after{top:17px;}
.signboard_list{margin-top:40px;  display:flex; flex-wrap:wrap;}
.signboard_list-03{gap:40px 18px;}
.signboard_list-03>li{width:calc(33.3333% - 12px);}
.signboard_list-02{gap:40px 18px; justify-content: space-evenly;}
.signboard_list-02>li{width:100%; max-width:360px;}
.signboard_list-04{gap:40px 20px;}
.signboard_list-04>li{width:calc(25% - 15px);}
.signboard_img{border:1px solid #eeeeee; padding:3px;}
.signboard_img img{width:100%; }

/*products04.asp*/
.products04_wrap>div+div{margin-top:60px;}
.products04_contents_wrap h4{font-size:28px; color:#222222; letter-spacing:-1.5px; 	line-height:1.4; position:relative; padding-left:30px;}
.products04_contents_wrap h4:before,.products04_contents_wrap h4:after{content:''; width:20px; height:8px; display:block; border:2px solid #de411d; 
		position:absolute; left:0; top:11px;}
.products04_contents_wrap h4:after{top:17px;}
.products04_contents_wrap h4 span{color:#de411d;}
.products04_label_list{margin-top:40px; display:flex; flex-wrap:wrap; gap:40px 18px; }
.products04_label_list>li{width:calc(33.3333% - 12px);}
.label_img{border:1px solid #eeeeee; padding:3px;}
.label_img img{width:100%; }
.products04_label_list>li p{margin-top:10px; font-size:18px; color:#333333; text-align:center;}

/*gallery01_01.asp ~ gallery04_01.asp*/
.gallery_page_list ul{width:100%; display:flex; flex-wrap:wrap; gap:5px;  justify-content:center;}
.gallery_page_list li{width:28px; height:28px;}
.gallery_page_list li>a{display:block; width:100%; height:100%; font-weight:500; background-color:#e5efe3; line-height:26px; text-align:center; 
		border-radius:50%; overflow:hidden;}
.gallery_page_list li>a:hover{background-color:#64b157; color:#ffffff; }
.gallery04_page_list01 li:last-child>a,.gallery04_page_list02 li:nth-child(2)>a,.gallery04_page_list03 li:first-child>a{background-color:#64b157; color:#ffffff; }
.gallery03_page_list01 li:last-child>a,.gallery03_page_list02 li:nth-child(3)>a,.gallery03_page_list03 li:nth-child(2)>a,.gallery03_page_list04 li:first-child>a{
		background-color:#64b157; color:#ffffff; }
.gallery02_page_list01 li:last-child>a,.gallery02_page_list02 li:nth-child(3)>a,.gallery02_page_list03 li:nth-child(2)>a,.gallery02_page_list04 li:first-child>a{
		background-color:#64b157; color:#ffffff; }
.gallery01_page_list01 li:last-child>a,.gallery01_page_list02 li:nth-child(3)>a,.gallery01_page_list03 li:nth-child(2)>a,.gallery01_page_list04 li:first-child>a{
		background-color:#64b157; color:#ffffff; }

/*gallery_list_wrap*/
.gallery_list_wrap{margin-top:40px;}
.gallery_list>li.grid-sizer,.gallery_list>li.grid-item{width:calc(33.3333% - 12px);}
.gallery_list>li.grid-item{float:left; margin-bottom:40px;}
.gallery_list>li *{display:block;}
.gallery_list>li>a{border:1px solid #eeeeee; padding:3px;}
.gallery_list>li>a img{width:100%; }
.gallery_list>li>a:hover{opacity:0.8; box-shadow:0 0 8px rgba(0,0,0,0.2); }


/*갤러리 상세보기 이미지 확대 뷰*/
.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both;}
html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw;}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000000;filter:alpha(Opacity=80);opacity:.8;display:none;}
.lightbox{position:absolute;left:0; width:100%; z-index:10000;font-weight:normal;}
.lightbox .lb-image{display:block; height:auto; max-width:inherit; max-height:none; border:2px solid #ffffff;}
.lb-outerContainer{position:relative; margin:0 auto; background-color:#ffffff;}/* background-color:#ffffff;*/
.lb-loader,.lb-nav{position:absolute;left:0;}
.lb-outerContainer:after{display:table;}
.lb-loader{top:43%;height:25%;width:100%;}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto; background:url("../images/common/loading.gif") no-repeat;}
.lb-nav{top:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
/*next,prev 버튼*/
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block; opacity:1.0;}
.lb-nav a.lb-prev{width:25%;left:0;float:left; margin-left:5px;  background:url("../images/common/prev.png")no-repeat left  48% ;
	-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;}
.lb-nav a.lb-next{width:25%;right:0;float:right; margin-right:5px;background:url("../images/common/next.png")no-repeat right 48% ;
	 -webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-dataContainer{margin:0 auto; padding-top:15px; width:100%; }
.lb-dataContainer:after{display:table}
.lb-data{padding:0 4px;color:#cccccc;}
.lb-data .lb-details{width:95%; margin:0 auto; text-align:left;line-height:1.1em}
.lb-details .lb-caption{font-size:14px; font-weight:normal; line-height:1.4;}
.lb-details .lb-number{margin-top:8px; font-size:13px; display:block; clear:left; padding-bottom:10px;}
/*닫기 버튼*/
.lb-data .lb-close{float:right; width:27px; height:27px;  position:relative; cursor:pointer; overflow:hidden;}
.lb-data .lb-close:before, .lb-data .lb-close:after{content:''; height:2px; width:27px; 
		display:block; background-color:#0f82be; position:absolute; top:10px; left:0px; transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.lb-data .lb-close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}




/*1400이하 */
@media screen and (max-width:1400px){


}/*1400이하 끝*/

/*1200이하 */
@media screen and (max-width:1200px){

/*서브 비주얼*/
.sub_visual{height:350px;} 
.sub_visual_txt>div{padding-bottom:0; padding-top:70px;}

/*horizontal_menu_bar 가로 1201px 이상 서브 메뉴 선택 탭*/
.horizontal_menu_bar{display:none;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:block;}



}/*1200이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){

/*products01.asp*/
/*.products01_list{flex-direction:column;}
.products01_list>li{width:100%;}*/





}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_01{display:none; float:none;}
.sub_tab_02{width:50%;}
.sub_tab_03{width:50%; }
.sub_tab.sub_tab_02:before{display:none;}


/*gallery01_01.asp ~ gallery04_01.asp*/
/*gallery_list_wrap*/
.gallery_list>li.grid-sizer,.gallery_list>li.grid-item{width:calc(50% - 9px);}

/*products03.asp*/
.signboard_list{justify-content:center;}
.signboard_list-03>li{width:calc(50% - 9px);}
.signboard_list-02>li{width:calc(50% - 9px);}
.signboard_list-04{gap:40px 18px;}
.signboard_list-04>li{width:calc(50% - 9px);}





}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*common*/
.contents_wrap{padding-top:40px;}
.sub_page_title>h4{font-size:34px;}

/*서브 비주얼*/
.sub_visual_txt h3{font-size:30px; letter-spacing:-1px;}
.sub_visual_txt p{font-size:16px; letter-spacing:-1px;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_02{width:100%; float:none;}
.sub_tab_03{width:100%; float:none;}
.sub_tab.sub_tab_03:before{width:100%; top:0; height:1px; }
.sub_tab.sub_tab_02 .sub_tab_2depth{z-index:400;}

/*breadcrumb*/
.breadcrumb{margin-top:20px;}

/*greeting.asp*/
.greeting_wrap{ font-size:14px;}
.greeting_img02{width:60%;}
.greeting_contents{margin-top:40px;}
.greeting_contents strong{font-size:20px;}



/*map.asp*/
.map_txt{margin-top:40px; font-size:14px;} 
.map_txt dl dt{ padding-left:25px; width:85px;}
.map_txt dl dd{width:calc(100% - 85px);}

/*products01.asp*/
/*.products01_list>li>p{font-size:18px;}
.products01_contents{margin-top:40px; padding-top:40px;}
.products01_title b{font-size:20px;}
.products01_title p{font-size:15px;}
.floor_plan_list{margin-top:40px; padding-top:40px;} */

/*products_tab common*/
.products_tab>ul{column-gap:4px;} 
.products_tab>ul>li{width:calc(50% - 2px); text-align:center;}
.products_tab>ul>li>a{font-size:15px; padding:8px 2px; letter-spacing:-1px;}

/*products - products01.asp~products02_02.asp*/
.products_list_wrap{margin-top:40px;} 
.products_list_wrap table th{padding:12px 4px; font-size:14px;}
.products_list_wrap table td{padding:10px 4px; font-size:13px;}
.products_list_wrap table td>a{padding:2px 5px 4px;}
.products_list_wrap table td>a>*{font-size:12px;}
.products_list_wrap table td>a>span{margin-left:3px;}

/*products03.asp*/
.products03_wrap>div+div{margin-top:50px;}
.products03_contents_wrap h4{font-size:24px;}
.products03_contents_wrap h4:before{top:8px;}
.products03_contents_wrap h4:after{top:14px;}
.signboard_list>li{width:100%; max-width:400px;}


/*products04.asp*/
.products04_wrap>div+div{margin-top:50px;}
.products04_contents_wrap h4{font-size:24px;}
.products04_contents_wrap h4:before{top:8px;}
.products04_contents_wrap h4:after{top:14px;}
.products04_label_list{justify-content:center;}
.products04_label_list>li{width:100%; max-width:400px;}
.products04_label_list>li p{margin-top:8px; font-size:15px;}



}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){

/*gallery01_01.asp ~ gallery04_01.asp*/
/*gallery_list_wrap*/
.gallery_list>li.grid-sizer,.gallery_list>li.grid-item{width:100%;}
.gallery_list>li.grid-item{margin-bottom:20px;}
.gallery_list>li.grid-item:last-child{margin-bottom:0;}

}/*420이하 끝*/