/*겔러리 뷰페이지*/
@charset "UTF-8";


*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body{margin: 0; padding: 0;}
header, section, article, nav, aside, main, footer{display: block;}
header:after, section:after, article:after, nav:after, aside:after, main:after, footer:after{content: ""; display: block; clear: both;}
h1, h2,h3, h4, h5, h6, p{margin: 0;}
ul, ol{margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;}
.frame1200{width:1200px; margin:0 auto;}
.frame860 {width: 860px;margin: 0 auto;}


.photoGallery_wrap{padding-top:60px;}
.photoGallery_wrap .gallery_view {height:auto;margin:0 auto;}

.homeURL_mo{display:none}

/************************큰 이미지*******************************/
.photoGallery_main{width:100%; height:600px;overflow:hidden}
/* .photoGallery_main_detail{position: relative;overflow: hidden;    width: 100%;height:100%;} */
/* .photoGallery_main .photoGallery_main_detail img{width:100%; background-size: cover;background-repeat: no-repeat;background-position: center 58.8569%;    position: absolute;top: 0;left: 0;width: 100%;    transform: translate(0% , -25%);} */
.photoGallery_main .photoGallery_main_detail img{width: 100%;
    display: block; transform: translate(0% , -25%);}
 .photoGallery_main_detail{overflow: hidden;    width: 100%;}


/************************아파트명*******************************/
.photoGallery_wrap .gallery_view .photoGallery_titlebox{width:auto;margin: 0 auto;text-align:left;}
.photoGallery_wrap .gallery_view .photoGallery_titlebox h2{font-size:27px;color:#6b6a6a;}

.photoGallery_contTitle{}
.photoGallery_contTitle .photoGallery_contTitle01{display: flex;justify-content: space-between;color:#999999}
.photoGallery_contTitle .photoGallery_contTitle01 .photoGallery_cont_P{padding:20px 0 10px 0}
.photoGallery_contTitle .photoGallery_contTitle01 .photoGallery_cont_P p.D_name{padding-bottom: 5px;}

.photoGallery_cont_P p{font-size: 13px;}
/************************정보 (아이콘)*******************************/
 .photoGallery_cont_P {    display: inline-flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;}
    
.photoGallery_contTitle02 {background:red; border-radius:5px}
.project-detail-metadata {border-top: 1px solid #eaebef;border-bottom: 10px solid #eaebef;margin: 0 -15px 14px;margin: 0 0 50px;padding: 0 24px 25px;background-color: #f9f9f9;border-radius: 4px;border: none;}

.project-detail-metadata-overview {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 0;
	border-bottom: 1px solid #dadce0;
}
.project-detail-metadata-overview-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0px;
    -moz-box-flex: 1;
    -moz-flex: 1 0 0px;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px;
    padding: 14px 0;
    text-align: center;
    white-space: nowrap;
    
    position: relative;
    padding: 0 20px;
    
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-detail-metadata-overview-item__icon {display: inline-block;vertical-align: -15px;    margin-top: 5px;}
.project-detail-metadata-overview-item__icon img{width:21px; height:21px}
.project-detail-metadata-overview-item__text{display: inline-block;margin: 0 0 0 8px;font-size: 14px;line-height: 20px;color: #424242;}
.project-detail-metadata-overview-item__text a{  font-size: 14px;    color: #424242;}
.project-detail-metadata-overview-item:after {
    content: "";
    position: absolute;
    right: 0;top: 50%;
    display: block;
    margin-top: -6px;
    width: 1px;height: 12px;background-color: #dadce0;
}

.project-detail-metadata-overview-item:last-child:after{display:none}

.photoGallery_Stxt{    display: flex;padding-top:20px}
.photoGallery_Stxt .photoGallery_Stxt_box ul li{display:inline-block;color:#9d9d9d;font-size: 15px;}
.photoGallery_Stxt .photoGallery_Stxt_box  p{color:#9d9d9d}

/* 2021.12.16성분 */
.gallery_view_content p img{padding-top:15px; padding-bottom:15px;}
.gallery_view_content p img:last-child{padding-top:15px; padding-bottom:0px!important;}
.gallery_view_content p img:first-child{padding-bottom:15px; padding-top:0px!important;}



/*************************저작권안내*******************************/
.photoGallery_wrap .gallery_view .Warning_box{height:auto;margin:0 auto; border:1px solid #75a7e1; border-radius:5px;padding:20px 0px;display: flex; align-items: center;    justify-content: center;}
.photoGallery_wrap .gallery_view .Warning_box img{width:44px;display: inline-block;margin-right:30px;}
.photoGallery_wrap .gallery_view .Warning_box .warning_txt{display: inline-block;}
.photoGallery_wrap .gallery_view .Warning_box .warning_txt p{font-size:14px;color:#7c8a9a;    line-height: 1.5;}
.photoGallery_wrap .gallery_view .Warning_box .warning_txt ul li{font-size:14px;color:#7c8a9a;    line-height: 1.5; display:inline-block}
.photoGallery_wrap .gallery_view .gallery_view_contentbox .gallery_view_content{width:100%;height:auto;    margin: 20px  auto; padding-bottom: 25px;    text-align: center;}
.gallery_view_content p img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.Warning_box_mo {display:none}

/*************************다른 인테리어도도 구경해 보세요!*******************************/
.gallery_view_anotherG {padding-bottom:50px;width:860px}
.photoGallery_wrap .gallery_view .gallery_view_anotherG p.cont_name{padding-top:50px; padding-bottom:25px;font-size:20px;color:#515050;font-weight:bold}
.photoGallery_wrap .gallery_view .gallery_view_anotherG .D_garllay{    
	overflow: hidden;
	height:auto; 
	width:calc(100%/3 - 10px);   
	display: inline-block;    
	vertical-align: top; 
	cursor:pointer;
	padding: 0px;
	margin-right: 10px;
	}
.photoGallery_wrap .gallery_view .gallery_view_anotherG .D_garllay:last-child{
	margin-right: 0;	
}
.photoGallery_wrap .gallery_view .gallery_view_anotherG .D_garllay img{}


.photoGallery_wrap .gallery_view .gallery_view_anotherG .cont_gallayBox{font-size:0}

.photoGallery_wrap .gallery_view .gallery_view_anotherG .cont_gallayBox .D_garllay .D_txt a{font-size: 16px; font-weight: bold; color: #727171; text-align: left; line-height: 30px; }

.photoGallery_wrap .gallery_view .gallery_view_anotherG .cont_gallayBox .D_garllay .D_txt p{ text-overflow: ellipsis; overflow: hidden}
.photoGallery_wrap .gallery_view .gallery_view_anotherG .cont_gallayBox .D_garllay .D_txt p:last-child{font-size: 18px; font-weight: bold;color: #484848;    line-height: 1.5;}
.photoGallery_wrap .gallery_view .gallery_view_anotherG .cont_gallayBox .D_garllay .D_txt p:first-child{font-size: 15px; font-weight: bold;color: #727171;text-overflow: ellipsis; overflow: hidden;/*white-space: nowrap;*/line-height: 1.5;padding-top: 10px;}
.photoGallery_wrap .gallery_view .gallery_view_anotherG .cont_gallayBox .D_garllay .D_txt:hover p{text-decoration:underline}

/* .photoGallery_wrap .gallery_view .gallery_view_anotherG .cont_gallayBox .D_garllay:nth-child(2n){padding:0 15px;} */

.cont_gallayBox .slick-track ,.cont_gallayBox .slick-list{height:100%}
/* .cont_gallayBox  .slick-slider{width:900px;} */
.cont_gallayBox  .slick-slide{    margin: 0 10px 0 0;}


/* .cont_gallayBox .slick-list > .slick-track > .D_garllay {width:calc(100%/3 - 10px)} */
.cont_gallayBox_slick {height:300px; }
/* .D_garllay{width:292px !important} */
.D_garllay a{display:block; width:100%; overflow: hidden;}
.D_garllay a:hover img {
    transform: scale(1.1);
    transition: 0.5s; 
}

/* 건축물 갤러리 상세페이지 */
.exterior_gallery_bottom .D_garllay .di_img{
	width:100%; 
	object-fit:cover;
	height: auto;
}
.photoGallery_wrap .gallery_view .gallery_view_anotherG .exterior_gallery_bottom .D_garllay {
    overflow: hidden;
    width: calc(100%/4 - 24px);
    cursor: pointer;
    margin-right: 0;
}
.exterior_gallery_bottom{
	display: flex;
    justify-content: space-between;
}
.photoGallery_wrap .gallery_view .gallery_view_anotherG .exterior_gallery_bottom .D_garllay .D_txt p:first-child {
	white-space: nowrap;
}
.photoGallery_wrap .gallery_view .gallery_view_anotherG .exterior_gallery_bottom .D_garllay .D_txt p:last-child {
	font-size: 13px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
@media all and (max-width:600px) {
	.cont_gallayBox button{display:none !important}
	
}









.cont_gallayBox  .slick-prev, 
.cont_gallayBox  .slick-next{
	    width: 40px;
   		 height: 40px;
	     background-color: #fff;
		 border-radius: 50%;
		 box-shadow: 0px 0px 8px #00000029;
}
.cont_gallayBox  .slick-prev{
	     left: -20px;
	     top: 25%;
	     z-index: 10;
	     background: #fff;
}
.cont_gallayBox  .slick-next{
	right: -12px;
	top: 25%;
	 z-index: 10;
	 background: #fff ;
}
.cont_gallayBox .slick-prev:before, 
.cont_gallayBox .slick-next:before{
	color: #000;
	 content: " ";
    display: block;
    width: 10px;
    height: 10px;
    border-top: solid 3px #b0b0b0;
	}
.cont_gallayBox .slick-prev:before{
    border-left: solid 3px #b0b0b0;
    transform: rotate(-45deg);
    margin-left: 15px;    
}
.cont_gallayBox .slick-next:before{
    border-right: solid 3px #b0b0b0;
    transform: rotate(45deg);    
     margin-left: 12px;
}
.cont_gallayBox .slick-prev:focus, 
.cont_gallayBox .slick-next:focus{	background:#fff;

}


.cont_gallayBox .slick-next:focus:before{
	border-right: solid 3px#b0b0b0;
     border-top: solid 3px #b0b0b0;
 }
 
 .cont_gallayBox .slick-prev:focus:before{
	border-left: solid 3px#b0b0b0;
     border-top: solid 3px #b0b0b0;}


.cont_gallayBox .slick-prev:hover, 
.cont_gallayBox .slick-next:hover
{
	background:#80b2ef
}

.cont_gallayBox .slick-prev:hover:before{
    border-left: solid 3px #fff;
     border-top: solid 3px #fff;
}
.cont_gallayBox .slick-next:hover:before{
    border-right: solid 3px #fff;
     border-top: solid 3px #fff;
}


@media all and (max-width:1240px) {
	.frame1200{width:100% !important; margin:0 auto;}
	.photoGallery_main_detail{max-height: calc(100vh - 350px);}
/* .photoGallery_main .photoGallery_main_detail img{height:100%;    transform: initial;} */
	.photoGallery_main .photoGallery_main_detail img{    transform: translate(0% , -15%);position: inherit;}
	.photoGallery_main { height: auto;}
}

@media all and (max-width:1000px) {
	.gallery_wrap .gallery_view .gallery_view_contentbox .gallery_view_content img{width:500px !important;}
}


@media all and (max-width:920px) {
	.gallery_view_anotherG{width:100%}
	
	
}



@media all and (max-width:900px) {
	.gallery_wrap .gallery_view .gallery_view_img {    width: fit-content;margin: 0 auto;}
	.gallery_wrap .gallery_view .gallery_view_img img {width:100%}
	.gallery_wrap .gallery_view {width:94vw;}
	.gallery_wrap .gallery_view .gallery_view_contentbox {
    width: 100%;}
    .gallery_wrap .gallery_view .Warning_box {width:100%}
	.photoGallery_wrap { width: 94vw;margin: 0 auto; padding-top:20px}
    .photoGallery_wrap .frame860{width:100%}
    .photoGallery_wrap .gallery_view{width:100%}
    .photoGallery_wrap .gallery_view .Warning_box{width:100%}

	.photoGallery_main .photoGallery_main_detail img{    transform: translate(0% , 0%);}
}

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

@media all and (max-width:720px) {
	.photoGallery_wrap .gallery_view .Warning_box img{margin-right:0; margin-bottom:10px;}
	
   .photoGallery_wrap .gallery_view .Warning_box{flex-direction: column;}
}
   
@media all and (max-width:700px) {
	.gallery_wrap .gallery_view .gallery_view_contentbox .gallery_view_content img{width:100% !important;}
}


@media all and (max-width:680px) {
	.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox {width:90%}
	.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01 .icon_img {padding-right:5px}

	.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01 .icon_txt .icon_Mtxt::after {padding:0 5px}

	.gallery_wrap .gallery_view .gallery_view_contTitle .pofol_button p { font-size: 13px;}
	.gallery_wrap .gallery_view .gallery_view_contTitle .pofol_button a {padding: 10px 30px;}
	
	.gallery_wrap .gallery_view .Warning_box img {width: 40px;margin-right: 10px;}
	.gallery_wrap .gallery_view .Warning_box .warning_txt p ,	.gallery_wrap .gallery_view .Warning_box .warning_txt ul li { font-size: 13px};
	.gallery_wrap .gallery_view .gallery_view_contTitle .pofol_button a {padding: 10px 20px;}
	.gallery_wrap .gallery_view .gallery_view_contTitle {padding-bottom: 10px;}
	iframe {width:100% !important;}
		.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01:nth-child(2) {padding: 0 35px;}
}
    
    
@media all and (max-width:600px) {
	.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01 .icon_img img{width: 20px;}

	.sub_banner_bg .banner_txt .banner_h2 span {display: block;}

/* 	.gallery_wrap .gallery_view .gallery_view_contentbox .gallery_view_content img { width: 400px !important;} */
	
	.gallery_wrap .gallery_view .Warning_box {padding: 15px 10px;flex-direction: column;    word-break: keep-all;text-align: center;}
	.gallery_wrap .gallery_view .Warning_box img {margin-right:0;margin-bottom:10px;}
	
	.gallery_wrap .gallery_view .gallery_view_contTitle > p {order:2}
	.gallery_wrap .gallery_view .gallery_view_contTitle .pofol_button a {width: fit-content; margin-left: auto;}
	 .gallery_wrap .gallery_view .gallery_view_contTitle {  flex-direction: column;}
	 
	 .gallery_wrap .gallery_view .gallery_view_contentbox .D_garllay {width: calc(100%/3 - 7px);}
	 .gallery_wrap .gallery_view .gallery_view_contentbox .cont_gallayBox .D_garllay:nth-child(2) {margin: 0 10px;}

	.homeURL_mo{display:block}
	.homeURL_pc{display:none}
	
	.photoGallery_Stxt .photoGallery_Stxt_box ul li{font-size:13px}
	
	.photoGallery_wrap .gallery_view .gallery_view_anotherG .cont_gallayBox .D_garllay .D_txt p:first-child {
    font-size: 13px;}
	.photoGallery_wrap .gallery_view .gallery_view_anotherG .cont_gallayBox .D_garllay .D_txt p:last-child {     font-size: 15px;font-weight:600;}
	.photoGallery_wrap .gallery_view .photoGallery_titlebox h2 {font-size: 25px;}
	.gallery_view_anotherG {
    padding-bottom: 0px;
	}
	.exterior_veiwList{
	padding-bottom: 50px;
	}
	.photoGallery_wrap .gallery_view .exterior_veiwList .exterior_gallery_bottom .D_garllay {
    width: calc(100%/3 - 24px);
	}
	.photoGallery_wrap .gallery_view .exterior_veiwList .D_garllay:last-child {
    display: none;
	}
	.exterior_gallery_bottom .D_garllay .di_img {
    height: auto !important;
	}
	.photoGallery_wrap .gallery_view .gallery_view_anotherG .exterior_gallery_bottom .D_garllay .D_txt p:last-child {
    font-size: 11px !important;
	}
	.photoGallery_wrap .gallery_view .exterior_veiwList .exterior_gallery_bottom .D_garllay {
    width: calc(100%/3 - 16px);
	}
}

@media all and (max-width:540px) {
	.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox {width: 100%;display: flex;justify-content: space-between;}
	.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01 .icon_txt p {font-size:3vw}
	
	.photoGallery_wrap .gallery_view .Warning_box .warning_txt {display: block;}
	.photoGallery_wrap .gallery_view .Warning_box .warning_txt {text-align: center;}	
}


@media all and (max-width:500px) {
/* 	.gallery_wrap .gallery_view .gallery_view_contentbox .gallery_view_content img { width: 350px !important;} */

	.project-detail-metadata-overview-item{flex-direction: column;}
	.project-detail-metadata-overview-item__text{margin-left:0; margin-top:5px}
	
	.photoGallery_wrap .gallery_view .Warning_box .warning_txt {text-align: center;}
	
	.project-detail-metadata-overview-item{padding:0}
	.project-detail-metadata{padding: 0 3vw 20px;}
	
	.D_garllay img{    height: 3vw !important;}
	.photoGallery_wrap .gallery_view .gallery_view_anotherG .cont_gallayBox {
    font-size: 0;
    height: 250px;
	}
	.photoGallery_wrap .gallery_view .exterior_veiwList .cont_gallayBox {
    font-size: 0;
    height: auto !important;
	}
}



@media all and (max-width:455px) {
	.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01:nth-child(2) {padding: 0 15px;}
}

@media screen and (max-width:440px){
	.photoGallery_wrap .gallery_view .exterior_veiwList .exterior_gallery_bottom .D_garllay {
    width: calc(100%/3 - 10px);
	}
}

@media all and (max-width:430px) {
/* 	.gallery_wrap .gallery_view .gallery_view_contTitle .pofol_button a {padding: 10px 10px;} */
	.gallery_wrap .gallery_view .gallery_view_contTitle .pofol_button img {    width: 15px;}
	.gallery_wrap .gallery_view .gallery_view_contTitle .pofol_button p {font-size: 13px;}
	.gallery_wrap .gallery_view .gallery_view_contTitle > p {    line-height: 40px;}
}
 
 @media all and (max-width:406px) {
 	.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01 {margin-top:10px;display:flex;    align-items: center;}
 	.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01 .icon_img img {width: 15px;}
 		.photoGallery_Stxt .photoGallery_Stxt_box ul li {word-break: keep-all; display: contents;}
 }   
    
@media all and (max-width:380px) {
/* 	.gallery_wrap .gallery_view .gallery_view_contentbox .gallery_view_content img { width:250px !important;} */
}
    
  @media all and (max-width:365px) {  
     	.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01 .icon_img img {width: 10px;}
  }
  
@media all and (max-width:320px) {    
    .gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01 {    flex-direction: column;margin-top: 0px;    height: auto;}
    .gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01 .icon_img img {width: 15px;}
    .gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01 .icon_txt { padding-top: 5px;}
	.gallery_wrap .gallery_view .gallery_view_titlebox .view_iconbox .icon_01 .icon_txt p {font-size: 3.5vw;}    
    
}

/* .swiper-button-prev:before { */
/*     content: "\e93d"; */
/*     font-family: 'xeicon'; */
/*     font-size: 45px; */
/*     color: #c0d4e2; */
/*     border: transparent; */
/* } */
/* .swiper-button-prev { */
/*     position: absolute; */
/*     left: 0; */
/*     z-index: 3; */
/*     border: transparent; */
/*     cursor: pointer; */
/* } */


/* .swiper-button-next:before { */
/*     content: "\e940"; */
/*     font-family: 'xeicon'; */
/*     font-size: 45px; */
/*     color: #c0d4e2; */
/* } */
/* .swiper-button-next { */
/*     position: absolute; */
/*     right: 0; */
/*     z-index: 3; */
/*     border: transparent; */
/*     cursor: pointer; */
/* } */



/* .container_photoD{width:100%} */