.bloomcity-N10 {

position: relative;
padding-top:0rem; 

}


.bloomcity-N10 .tabset {
margin-bottom: clamp(20px, 5.263vw, 100px)
}



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.bloomcity-N10 .tabset .tabset-list {
justify-content:flex-start; gap:clamp(10px, 1.053vw, 20px); display: flex;
flex-wrap: wrap; 

}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.bloomcity-N10 .tabset .tabset-list {
justify-content:flex-start; gap:clamp(10px, 1.053vw, 20px); display: flex;
flex-wrap: wrap; flex-direction: column;margin-bottom: 30px

}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/





.bloomcity-N10 .tabset .tabset-link2 .tab_tit{width: auto; min-height: clamp(35px, 2.895vw, 55px); padding: clamp(7px, 0.526vw, 10px) clamp(10px, 1.053vw, 20px); border-radius: 30px; background-color: rgba(255,255,255,0.5); font-size: clamp(16px, 1.053vw, 20px); color: #1e1e1e; font-weight: 700;line-height: 100%; letter-spacing: -1px;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 

}
.bloomcity-N10 .tabset .tabset-link2 .tab_tit span{ font-size:clamp(16px, 1.053vw, 20px) ; color: #1e1e1e; font-weight: 700;line-height: 100%; letter-spacing: -1px ; margin-right: 5px}
.bloomcity-N10 .tabset .tabset-link2 .tab_tit em{ margin-left:0px;  width: auto;font-size:clamp(0.875rem, 0.842vw, 1rem) ; color: #fff; font-weight: 700; line-height: 100%; letter-spacing: -0.5px; padding:  clamp(7px, 0.526vw, 10px) clamp(10px, 1.053vw, 20px); border-radius: 30px;  background-color: var(--primary); position: relative; cursor:pointer ;display: none}

.bloomcity-N10 .tabset .tabset-link2.active .tab_tit{width: auto; min-height: clamp(35px, 2.895vw, 55px); padding:  clamp(5px, 0.526vw, 10px) clamp(10px, 1.053vw, 20px); border-radius: 30px; background-color: rgba(255,255,255,1.0); font-size:clamp(16px, 1.053vw, 20px) ; color: #000; font-weight: 700;line-height: 100%; letter-spacing: -1px}
.bloomcity-N10 .tabset .tabset-link2.active .tab_tit span{ font-size:clamp(16px, 1.053vw, 20px); color: var(--primary);; font-weight: 700; line-height: 100%; letter-spacing: -1px}
.bloomcity-N10 .tabset .tabset-link2.active .tab_tit em{ margin-left:50px; width: auto;font-size:clamp(0.875rem, 0.842vw, 1rem) ; color: #fff; font-weight: 700; line-height: 100%; letter-spacing: -0.5px; padding:  clamp(7px, 0.526vw, 10px) clamp(10px, 1.053vw, 20px); border-radius: 30px; background-color: var(--primary); position: relative; cursor:pointer ; display:block}
.bloomcity-N10 .tabset .tabset-link2.active .tab_tit em:before{position: absolute; left:-40px; top:15px; content: "";  font-family: unicons-line; width: 30px; height: 1px; background-color: #000; display: block}



.bloomcity-N10 .tabset .tabset-link2.active::after,
.bloomcity-N10 .tabset .tabset-link2:hover::after {
content: none;
}




.bloomcity-N10 .wrap {
width: 100%; 
}

.bloomcity-N10 .tab-con {
opacity: 0;
visibility: hidden;
width: 100%;
height: 0;  position: relative; 
	
}



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.bloomcity-N10 .tab-con .img{position: absolute; right:0px; top:-120px; content: ""; font-family: unicons-line;width: clamp(180px, 30vw, 304px); /* 최소 200px ~ 최대 304px 사이에서 반응형 */
aspect-ratio: 304 / 421; /* 지원 안 하면 height도 clamp로 따로 지정 가능 */
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.bloomcity-N10 .tab-con .img{position: absolute; right:0px!important; top:-50px; content: ""; font-family: unicons-line;width: clamp(180px, 30vw, 304px); /* 최소 200px ~ 최대 304px 사이에서 반응형 */
aspect-ratio: 304 / 421; /* 지원 안 하면 height도 clamp로 따로 지정 가능 */
overflow: hidden
}

	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.bloomcity-N10 .tab-con .img img { width: 100%;  height: auto;  display: block;}



.bloomcity-N10 .tab-con.active {
opacity: 1;
visibility: visible;
height:100%;
transition: opacity 0.3s, visibility 0.3s;
}

.bloomcity-N10 .tab-con img {
width: 100%;
height: 0;
object-fit: cover;
}

.bloomcity-N10 .tab-con.active img {
height: 100%;
}

.bloomcity-N10 .tab-con .link2_box{ width: 100%; position: relative; }	

.bloomcity-N10 .tab-con .link2_box2{ width: 100%; position: relative; }	
.bloomcity-N10 .tab-con .link2_box2:before{position: absolute; right:0px; top:-120px; content: ""; font-family: unicons-line; background: url("../images/tab-con_img01.png") no-repeat center center;  background-size:304px;	 aspect-ratio:304 / 421!important; height:421px!important   }	

.bloomcity-N10 .tab-con .link2_box_tt{ width: 100%;  line-height: 100%;  margin-bottom: clamp(5px, 1.579vw, 30px)}
.bloomcity-N10 .tab-con .link2_box_tt em{  color: var(--primary);  line-height: 100%; letter-spacing: -1px; position: relative}	
.bloomcity-N10 .tab-con .link2_box_tt em:before{width:clamp(7px, 0.789vw, 15px); height:clamp(7px, 0.789vw, 15px);  border-radius: 100%; position: absolute; left: clamp(5px, 0.789vw, 13px); top:-20px; ; background-color: var(--primary); content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}		

/* PC보다 큰 화면일수록 더 위로 */
@media screen and (min-width: 1600px) {
.bloomcity-N10 .tab-con .link2_box_tt em:before {
top: -20px;
}
}

/* 태블릿 ~ 작은 PC */
@media screen and (max-width: 1024px) {
.bloomcity-N10 .tab-con .link2_box_tt em:before {
top: -16px;
}
}

/* 모바일 */
@media screen and (max-width: 768px) {
.bloomcity-N10 .tab-con .link2_box_tt{ width: 100%;  line-height: 100%;  margin-bottom: clamp(5px, 1.579vw, 30px); display: flex;
justify-content:flex-start;  align-items:flex-start; flex-direction:column; box-sizing: border-box; }
.bloomcity-N10 .tab-con .link2_box_tt em:before {
top: -10px;
}
}

.bloomcity-N10 .tab-con .link2_box_tx{
width: 100%;  color: #333; font-weight:500; line-height: 150%; letter-spacing: -0.5px;}