@charset "utf-8";

/********************************************
  크게보기 버튼
********************************************/
.button_group {text-align: center; padding: clamp(20px, calc(40/640 * 100vw), 40px) 0; display: flex; justify-content: center; gap: 10px;}
.button_group .round_btn {
  background: #000;
  border-radius: clamp(20px, calc(30/640 * 100vw), 30px); 
  padding: clamp(10px, calc(15/640 * 100vw), 15px) clamp(20px, calc(40/640 * 100vw), 40px); 
  color: #fff; 
  display: inline-block; 
  font-size: clamp(14px, calc(18/640 * 100vw), 18px);
  transition: all .3s;
}
.button_group .round_btn i {margin-right: 10px;}
.button_group .round_btn:hover {
    background:var(--point_color);
    box-shadow: rgb(0 0 0 / 19%) 0px 0.3rem 1rem, rgb(0 0 0 / 23%) 0px 0.2rem 0.2rem;
}
.button_group .round_btn span {margin-left: 10px;}
.button_group .round_btn.gradient {background: linear-gradient(to right, rgba(0,44,139,1) 0%, rgba(0,146,117,1) 100%);}

/******************************************
  오리발
******************************************/
.foot_summary { padding: 50px 0; }
.foot_summary li {font-size: 16px; color: rgba(0,0,0,0.9);}

@media screen and (max-width:560px) {
  .foot_summary{padding: 20px 0;}
  .foot_summary li{font-size: 14px; margin-bottom: 5px;}
}

/******************************************
  준비중
******************************************/
.ready img{display: block;}
@media screen and (max-width:700px){
  .ready img{content: url("/resources/img/sub/mo_ready.jpg");}
}











/******************************************
  컨텐츠 영역
******************************************/
.page_content {
    padding: 80px 0 200px;
}
.page_content .page_container  {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.page_content .page_container img {max-width: 100%;}
@media screen and (max-width: 1200px) {
  .page_content .page_container  {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 700px) {
  .page_content  {
    padding: 80px 0;
  }
}
.pc-only {display:block;}
.m-only {display:none;}


/******************************************
  사업개요
******************************************/
.temp_overview_skin1 {text-align: left;}
.overview_title {text-align: center; padding-bottom: 3rem;}
.overview_title dt {font-size: 26px; font-weight: 300; letter-spacing: -0.5px; padding-bottom:1rem; line-height: 1.3; color: #111; font-family: "Pretendard";}

.temp_overview_skin1 .con_inner {display: flex; margin-top: 50px; justify-content: space-between; gap: 30px;}
.temp_overview_skin1 .con_inner .prj_summary{border-top: 1px solid #001961;}
.temp_overview_skin1 .con_inner .prj_summary:first-child{width: 700px;}
.temp_overview_skin1 .con_inner .prj_summary:last-child{width: 470px;}
.temp_overview_skin1 .con_inner .prj_summary dl{display: flex; border-bottom: 1px solid #eeefef;}
.temp_overview_skin1 .con_inner .prj_summary dl dt{color: #111; font-size: 18px; text-align: center; width: 200px; padding: 20px 5px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; word-break: keep-all;}
.temp_overview_skin1 .con_inner .prj_summary dl dd{color: #666666; font-size: 18px; padding: 20px 30px; word-break: keep-all;}

@media screen and (max-width: 1100px) {
  .temp_overview_skin1 .con_inner .prj_summary dl dt{width: 130px;}
}
@media screen and (max-width: 920px) {    
  .temp_overview_skin1 .con_inner{flex-direction: column;}
  .temp_overview_skin1 .con_inner .prj_summary{width: 100% !important;}
}
@media screen and (max-width: 700px) {
  .temp_overview_skin1 .con_inner .prj_summary dl dt{font-size: 16px;}
  .temp_overview_skin1 .con_inner .prj_summary dl dd{font-size: 16px; padding: 20px 10px; width: 100%;}
}
@media screen and (max-width: 360px) {
  
}

/******************************************
  단지배치도
******************************************/
@media screen and (max-width: 700px) {
  .temp_danzi_skin .danzi img {content: url("/resources/img/sub/mo_danzi.jpg");}
}


/******************************************
  동·호수배치도
******************************************/
@media screen and (max-width: 700px) {
  .temp_dongho_skin .dongho img {content: url("/resources/img/sub/mo_dongho.jpg");}
}



/******************************************
  단지설계
******************************************/
@media screen and (max-width: 700px) {
  .temp_danzi_design_skin .danzi_design img {content: url("/resources/img/sub/mo_danzi_design.jpg");}
}


/******************************************
  세대안내
******************************************/
@media screen and (max-width: 700px) {
  .temp_houseInfo_skin .tab_conlist li:nth-child(1) img {content: url("/resources/img/sub/mo_houseInfo01.jpg");}
  .temp_houseInfo_skin .tab_conlist li:nth-child(2) img {content: url("/resources/img/sub/mo_houseInfo02.jpg");}
  .temp_houseInfo_skin .tab_conlist li:nth-child(3) img {content: url("/resources/img/sub/mo_houseInfo03.jpg");}
  .temp_houseInfo_skin .tab_conlist li:nth-child(4) img {content: url("/resources/img/sub/mo_houseInfo04.jpg");}
}




/******************************************
  마감재리스트
******************************************/
.temp_texture_skin p{position: relative;}
.temp_texture_skin p a{position: absolute;}
.temp_texture_skin p:nth-child(1){margin-bottom: 80px;}
.temp_texture_skin p:nth-child(1) a:nth-of-type(1){top: 22%; left: 75%; width: 20.2%; height: 12%;}
.temp_texture_skin p:nth-child(1) a:nth-of-type(2){top: 41.5%; left: 75%; width: 20.2%; height: 12%;}
.temp_texture_skin p:nth-child(2) a:nth-of-type(1){top: 50%; left: 4%; width: 10.5%; height: 16%;}
@media screen and (max-width: 900px){
  .temp_texture_skin p:nth-child(1){margin: 0;}
  .temp_texture_skin p:nth-child(1) img{content: url("/resources/img/sub/mo_texture01.jpg");}
  .temp_texture_skin p:nth-child(1) a:nth-of-type(1) {top: 7.5%; left: 7%; width: 41.2%; height: 34.5%;}
  .temp_texture_skin p:nth-child(1) a:nth-of-type(2) {top: 7.5%; left: 51.7%; width: 41.2%; height: 34.5%;}
  .temp_texture_skin p:nth-child(2){display: none;}
}

/******************************************
  전시품목
******************************************/
.temp_display_skin p{position: relative;}
.temp_display_skin p a{position: absolute;}
.temp_display_skin p:nth-child(1){margin-bottom: 80px;}
.temp_display_skin p:nth-child(1) a:nth-of-type(1){top: 22%; left: 75%; width: 20.2%; height: 12%;}
.temp_display_skin p:nth-child(1) a:nth-of-type(2){top: 41.5%; left: 75%; width: 20.2%; height: 12%;}
.temp_display_skin p:nth-child(2) a:nth-of-type(1){top: 50%; left: 4%; width: 10.5%; height: 16%;}
@media screen and (max-width: 900px){
  .temp_display_skin p:nth-child(1){margin: 0;}
  .temp_display_skin p:nth-child(1) img{content: url("/resources/img/sub/mo_display01.jpg");}
  .temp_display_skin p:nth-child(1) a:nth-of-type(1) {top: 7.5%; left: 7%; width: 41.2%; height: 34.5%;}
  .temp_display_skin p:nth-child(1) a:nth-of-type(2) {top: 7.5%; left: 51.7%; width: 41.2%; height: 34.5%;}
  .temp_display_skin p:nth-child(2){display: none;}
}

/******************************************
  프리미엄
******************************************/
@media screen and (max-width: 700px) {
  .temp_premium_skin1 .tab_conlist li:nth-child(1) img{content: url("/resources/img/sub/mo_premium.jpg");}
}

/******************************************
  특화설계
******************************************/
@media screen and (max-width: 700px) {
  .temp_premium_skin1 .tab_conlist li:nth-child(2) img{content: url("/resources/img/sub/mo_special.jpg");}
}
/******************************************
  종로엠스쿨
******************************************/
@media screen and (max-width: 700px) {
  .temp_mschool_skin .mschool img{content: url("/resources/img/sub/mo_mschool.jpg");}
}
/******************************************
  청약안내
******************************************/
.temp_subscription_skin .swiper-container{width: 100%; max-width: 935px; margin: auto; overflow: hidden; position: relative;}
.temp_subscription_skin .swiper-wrapper img { width: 100%; height: auto;}
.temp_subscription_skin .cy_btn_next { width: 64px; height: 89px; right: 0; top: 50%; margin: 0; position: absolute; transform:none; opacity: 1; cursor: pointer;}
.temp_subscription_skin .cy_btn_prev { width: 64px; height: 89px; left: 0; top: 50%; margin: 0; position: absolute; transform:none; opacity: 1; cursor: pointer;}
.temp_subscription_skin .swiper-pagination {position: absolute; left: 0; right: 0; bottom: 40px !important; text-align: center; width: 100% !important; max-width: 935px; margin: 0 auto; background-color: #bae9f3; padding: 20px;}
.temp_subscription_skin .swiper-pagination-bullet {width: 20px; height: 20px; background: #86b0c2; opacity: 0.7; margin: 0 10px !important;}
.temp_subscription_skin .swiper-pagination-bullet-active {background: #0d2b51; opacity: 1;}
.temp_subscription_skin .foot_summary{max-width: 935px; margin: auto;}
@media screen and (max-width: 660px) {
  .temp_subscription_skin .swiper-pagination{bottom: 1% !important;}
  .temp_subscription_skin .swiper-pagination-bullet{width: 10px; height: 10px;}
  .temp_subscription_skin .cy_btn_next,
  .temp_subscription_skin .cy_btn_prev{z-index: 1; width: 40px; height: 60px;}
  .temp_subscription_skin .cy_btn_next{right: 20px;}
  .temp_subscription_skin .cy_btn_prev{left: 20px;}
}

/******************************************
  홍보영상
******************************************/
.promotions .ui_tabcontents .tab_conlist > li iframe{width: 100%; height: 680px;}
@media screen and (max-width: 1200px) {
  .promotions .ui_tabcontents .tab_conlist > li iframe{width: 100%; height: 50vw;}
}

/******************************************
  오시는길
******************************************/
.temp_location_skin2 .map_con .map_box{background: url('/resources/img/sub/contact02.jpg') center center/cover no-repeat; padding: 60px 100px 0; display: flex; flex-direction: column; align-items: center;}
.temp_location_skin2 .map_con .map_box .map img{display: block;}
.temp_location_skin2 .map_con .map_box ul{display: flex; justify-content: center; margin: 50px 0; gap: 30px; width: 100%;}
.temp_location_skin2 .map_con .map_box ul .line{display: block; width: 1px; height: 142px; background: #cfcfcf;}
.temp_location_skin2 .map_con .map_box ul li{text-align: center;}
.temp_location_skin2 .map_con .map_box ul li p{color: #001961; font-size: 24px; font-weight: 600; margin-bottom: 20px; text-align: center;}
.temp_location_skin2 .map_con .map_box ul li span{color: #666666; font-size: 20px; font-weight: 400; text-align: center;}
.temp_location_skin2 .map_con .btn_box{display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px;}
.temp_location_skin2 .map_con .btn_box a{display: block;}
.temp_location_skin2 .map_con .btn_box a img{display: block;}


@media screen and (max-width: 1100px) {
  .temp_location_skin2 .map_con .map_box{padding: 60px 40px 0;}
}
@media screen and (max-width: 900px) {
  .temp_location_skin2 .map_con .map_box{background: url('/resources/img/sub/mo_contact02.jpg') center center/cover no-repeat; padding: 60px 40px 0;}
  .temp_location_skin2 .map_con .map_box .map img{content: url("/resources/img/sub/mo_contact01.png");}
  .temp_location_skin2 .map_con .map_box ul{flex-direction: column; gap: 50px;}
  .temp_location_skin2 .map_con .map_box ul .line{display: none;}
  .temp_location_skin2 .map_con .map_box ul li{text-align: center;}
  .temp_location_skin2 .map_con .map_box ul li p{font-size: 30px;}
  .temp_location_skin2 .map_con .map_box ul li span{font-size: 26px;}
  .temp_location_skin2 .map_con .btn_box{flex-direction: column;}
}
/***************************************
  브랜드
****************************************/
/* .brand .sub_top_visual,
.brand .page_location_nav{display: none;} */
.brand .page_content {padding: 0;}
.page_content .page_container .brandarea1  img{max-width: unset;}
.page_content .brand_container{max-width: 100%;}
.brandarea1{  overflow:hidden;		}
.brandarea1 .pin{width:100%; height:100vh; height:100dvh; background:transparent; color:#fff; text-align:center; overflow:hidden;}
.brandarea1 .sec1{position:relative; width:100%; height:100vh; height:100dvh; background:url(../../images/bg_brand1.jpg) no-repeat center center; background-size:cover;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; z-index:2;}
.brandarea1 .bcont1{  width:100%;  text-align:center;  }
.brandarea1 .bcont1 > .lgbox1{  width:50%; max-width:500px;  margin:0 auto;  opacity:0;  transition:opacity ease .8s 0s;}
.brandarea1 .bcont1 > .lgbox1 > svg{  overflow: visible;}
.brandarea1 .bcont1 > .lgbox1 > svg > .leftp1{ transform: translateX(-100px); animation: moveleft1 1.2s forwards ease-in-out; animation-delay: 0.7s; }
.brandarea1 .bcont1 > .lgbox1 > svg > .leftp2{ transform: translateX(-50px); animation: moveleft2 1.2s forwards ease-in-out; animation-delay: 0.7s; }
.brandarea1 .bcont1 > .lgbox1 > svg > .rightp1{ transform: translateX(50px); animation: moveright1 1.2s forwards ease-in-out; animation-delay: 0.7s;}
.brandarea1 .bcont1 > .lgbox1 > svg > .rightp2{ transform: translateX(100px); animation: moveright2 1.2s forwards ease-in-out; animation-delay: 0.7s; }
@keyframes moveleft1 {
  from { transform: translateX(-100px);}
  to { transform: translateX(0px);}
}
@keyframes moveleft2 {
  from { transform: translateX(-50px);}
  to { transform: translateX(0px);}
}
@keyframes moveright1 {
  from { transform: translateX(50px);}
  to { transform: translateX(0px);}
}
@keyframes moveright2 {
  from { transform: translateX(100px);}
  to { transform: translateX(0px);}
}
.brandarea1 .bcont1 > .txt1{  position:relative; font-weight:300; color:#fff; font-size:35px; line-height:50px; letter-spacing:1px;}
.brandarea1 .bcont1 > .txt1 > span{  position:relative; bottom:0;  opacity:0;  display:block;  overflow:hidden;}
.brandarea1 .bcont1 > .txt1 em{  font-weight:600;}

.brandarea1 .bcont1 > .txt2{  font-weight:300; font-family:"Roboto"; color:rgba(255,255,255,.5); font-size:16px; line-height:16px; letter-spacing:1px;  white-space:nowrap;
  opacity:0; width:0;  overflow:hidden;  margin:0 auto;  text-align:center;  display:flex; justify-content:center;}
.brandarea1 .bcont1 > .txt2 > span{  display:inline-block;  vertical-align:middle;  margin:0 auto;}
.brandarea1 .bcont1 > .txt2 > span::before{  display:inline-block;  vertical-align:middle;  width:180px; height:1px;  margin-right:10px;  background:rgba(255,255,255,.5);  content:"";}
.brandarea1 .bcont1 > .txt2 > span::after{  display:inline-block;  vertical-align:middle;  width:180px; height:1px;  margin-left:10px;  background:rgba(255,255,255,.5);  content:"";}

.brandarea1 .bcont1 > .txt3{  font-weight:300; color:#fff; font-size:18px; line-height:26px; letter-spacing:1px;}
.brandarea1 .bcont1 > .txt3 > span{  position:relative; bottom:0;  opacity:0;  display:block;  overflow:hidden;}
.brandarea1 .bcont1 > .txt3 em{  font-weight:500;}
.brandarea1 .bcont1 .heightp1{  opacity:0;}
.brandarea1 .bcont1 .heightp1 > .downtxt1{  position:relative;  display:inline-block;  width:116px; height:116px;  background:url(../../images/ico_mouse1.png) no-repeat center center;  font-size:0px; line-height:0;}
.brandarea1 .bcont1 .heightp1 > .downtxt1::before{  position:absolute; left:0; top:0;  width:100%; height:100%;  background:url(../../images/txt_cir1.png) no-repeat center center; 
  background-position:cover;  animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;  content:"";}

.brandarea1 .sec2{  position:relative; z-index:1; width:100%;   background:#fff; color:#000; transition: background-color ease .3s; }
.brandarea1 .bcont2{  position:relative;  width:100%; height:100vh; height:100dvh;  margin-bottom:20px;  z-index:4;  background:#fff;}
.brandarea1 .bcont2.fx{  text-align:center;  display:flex; align-items:center; justify-content:center;}  
.brandarea1 .bcont2.fx h3{  text-align:center;  display:inline-block;  background:#001a61;  border-radius:20px;  white-space:nowrap;  font-size:16px; line-height:16px;  padding:10px 0;  max-width:0; 
  transition:padding ease .5s 0s, max-width ease .5s 0s}
.brandarea1 .bcont2.fx h3 em{  display:block;  position:relative; left:50%;  transform:translateX(-50%);		  font-weight:400; font-family:"Roboto"; color:#fff; }
.brandarea1 .bcont2.fx .tit1{  overflow:hidden;   white-space: nowrap;  margin-top:20px;  font-weight:900; font-family:"Roboto"; color:#001a61; font-size:100px; line-height:100px;  opacity:0;  transition:opacity ease .3s .4s}
.brandarea1 .bcont2.fx .tit1 span{  display:inline-block;  vertical-align:bottom;  line-height:100px;  color:#c6c6c6;  max-width:0;  opacity:0;  overflow:hidden;  transition:opacity ease .3s .4s	}
.brandarea1 .bcont2.fx .tit1 em{  color:#001a61;}
.brandarea1 .bcont2.fx .txt1{  margin-top:40px;  font-weight:300; color:#888; font-size:25px; line-height:40px;  opacity:0;  transform:translateY(10px);  transition:transform ease .3s .4s, opacity ease .3s .4s}
.brandarea1 .bcont2.fx .txt1 > em{  font-weight:300;  transition:font-weight ease .3s .4s, color ease .3s .4s	}
.brandarea1 .bcont2.fx.on h3{  padding:12px 40px;  max-width:500px;  transition:padding ease .8s .7s, max-width ease .8s .7s}
.brandarea1 .bcont2.fx.on .tit1{  opacity:1;  transition:opacity ease .8s 1.3s}
.brandarea1 .bcont2.fx.on .tit1 span{  max-width:400px;  opacity:1;  transition:all ease 1.0s 2.0s, opacity ease .8s 2.2s}
.brandarea1 .bcont2.fx.on .txt1{  opacity:1;  transform:translateY(0);  transition:transform ease .8s 3.2s, opacity ease .6s 3.2s}
.brandarea1 .bcont2.fx.on .txt1 > em{  font-weight:600; color:#162259;  transition:font-weight ease .8s 3.8s, color ease .8s 3.8s	}
.brandarea1 .bcont2:nth-of-type(2){		  width: 100%;  height:100vh; height:100dvh;  position:relative;  z-index:2;  overflow: hidden;}
.brandarea1 .bcont2:nth-of-type(2) .background {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #000;}
.brandarea1 .bcont2:nth-of-type(2) .background .media {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; object-fit: cover;}
.brandarea1 .bcont2:nth-of-type(2) .background iframe {  position: absolute;  top: 50%;  left: 50%;  width: 100vw;  height: 56.25vw;  min-height: 100vh;  min-width: 177.77vh;  transform: translate(-50%, -50%);  object-fit: cover;}
.brandarea1 .bcont2:nth-of-type(3){height:auto; height:auto;  margin-bottom:0;  z-index:1;}
.brandarea1 .bcont2:nth-of-type(3) > div{  display:flex; justify-content:center;  width:1400px;  margin:0 auto;}
.brandarea1 .bcont2:nth-of-type(3) > div > *{  position:relative;  width:50%;}	
.brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(1){  padding:120px 0;}
.brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(1) .tit1{  font-family:"Roboto"; font-weight:800; color:#001a61; font-size:70px; line-height:70px;  opacity:0;  transform:translateX(-30px);  
  transition:transform ease .2s .6s, opacity ease .2s .6s;}
.brandarea1 .bcont2:nth-of-type(3) .hslist1{  margin-top:100px;  opacity:0;  transform:translateY(30px);  transition:transform ease .2s .6s, opacity ease .2s .6s;}
.brandarea1 .bcont2:nth-of-type(3) .hslist1 > li .tt1{  font-weight:600; color:#333333; font-size:30px; line-height:30px;}
.brandarea1 .bcont2:nth-of-type(3) .hslist1 > li .imgbox1{  margin-top:30px;}
.brandarea1 .bcont2:nth-of-type(3) .hslist1 > li > ul{  margin-top:30px;  display:flex; flex-wrap:wrap; gap:0 10px;  max-width:520px;  text-align:left;}
.brandarea1 .bcont2:nth-of-type(3) .hslist1 > li > ul > li{  position:relative;  width:calc(50% - 10px);  font-weight:300; color:#333333; font-size:16px; line-height:22px;  padding-left:12px;  box-sizing:border-box;}
.brandarea1 .bcont2:nth-of-type(3) .hslist1 > li > ul > li::before{  position:absolute; left:0; top:7px;  width:4px; height:4px;  border-radius:50%;  background:#001a61;  content:"";}
.brandarea1 .bcont2:nth-of-type(3) .hslist1 > li > ul > li:nth-child(n+3){  margin-top:10px;}
.brandarea1 .bcont2:nth-of-type(3) .hslist1 > li:nth-child(n+2){  margin-top:80px;}
.brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(2) > .imgbox1{  position:relative; top:-20px;  z-index:0;  opacity:0;  transform:translateX(30px);  transition:transform ease .2s .6s, opacity ease .2s .6s}
.brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(2) > .imgbox1.fixed{  position:fixed;}

.brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(2) > .imgbox1 > .lnk1{  position:absolute; left:-97px; top:100px;  width:194px; height:194px;  display:flex; align-items:center; justify-content:center;}	
.brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(2) > .imgbox1 > .lnk1::before{  position:absolute; left:0; top:0;  width:100%; height:100%;  background:url(../../images/txt_cir2.png) no-repeat; background-size:cover;
  animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;  content:""}
.brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(2) > .imgbox1 > .lnk1::after{  position:absolute; left:11%; top:11%;  width:78%; height:78%;  background:#001a61;  border-radius:50%;  content:"";}	
.brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(2) > .imgbox1 > .lnk1 > span{  position:relative;  font-weight:400; color:#fff; font-size:19px;  z-index:1;}
.brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(2) > .imgbox1 > .lnk1 > span::before{  display:block;  margin:0 auto; margin-bottom:5px;  width:57px; height:16px;  
  background:url(../../images/txt_logo1.png) no-repeat center center; background-size:cover;  content:"";}
.brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(2) > .imgbox1 > .lnk1 > span::after{  display:block;  margin:0 auto; margin-top:6px;  width:25px; height:20px;
  background:url(../../images/ico_arr1.png) no-repeat center center; background-size:cover;  content:"";}
.brandarea1 .bcont2:nth-of-type(3).on > div > *:nth-child(1) .tit1{  opacity:1;  transform:translateX(0px);  transition:transform ease .6s .3s, opacity ease .6s .3s;}
.brandarea1 .bcont2:nth-of-type(3).on .hslist1{  opacity:1;  transform:translateY(0px);  transition:transform ease .6s .5s, opacity ease .6s .5s;}
.brandarea1 .bcont2:nth-of-type(3).on > div > *:nth-child(2) > .imgbox1{  opacity:1;  transform:translateX(0px);  transition:transform ease .6s .3s, opacity ease .6s .3s, top ease ease-in-out 1.5s 2.5s;}

@keyframes ratateLoop{
  from{transform:rotate(0);transform:rotate(0)}
  to{transform:rotate(1turn);transform:rotate(1turn)}
}

@media screen and (max-width:1400px) {
  .brandarea1 .bcont1 > .lgbox1{max-width: 350px;}
  .brandarea1 .bcont1 > .txt1{font-size: 28px; line-height: 36px;}
  .brandarea1 .bcont1 > .txt2 > span::before{width: 100px;}
  .brandarea1 .bcont1 > .txt2 > span::after{width: 100px;}
  .brandarea1 .bcont1 > .txt3{font-size: 16px; line-height: 22px;}
  .brandarea1 .bcont2.fx .tit1{font-size: 50px;}
  .brandarea1 .bcont2.fx .txt1{font-size: 18px; line-height: 24px;}
  .brandarea1 .bcont2:nth-of-type(3){position: relative;}
  .brandarea1 .bcont2:nth-of-type(3) > div{width: 90%;}
  .brandarea1 .bcont2:nth-of-type(3) > div > *{width: 100%;}
  .brandarea1 .bcont2:nth-of-type(3) > .cont1 > div:last-child{position: absolute; top: 30px; right: 30px; width: 194px; height: 194px;}
  .brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(2) > .imgbox1{position: absolute !important; top: 0px;}
  .brandarea1 .bcont2:nth-of-type(3).on > div > *:nth-child(2) > .imgbox1 a + img{display: none;}
  .brandarea1 .bcont2:nth-of-type(3) .hslist1{display: flex; justify-content: center; gap: 50px;}
  .brandarea1 .bcont2:nth-of-type(3) .hslist1 > li:nth-child(n+2){margin: 0;}
  .brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(2) > .imgbox1 > .lnk1{top: 0; left: 0;}
}
@media screen and (max-width:1200px){
  .brand .page_content .page_container{padding: 0;}
  .brand .page_content .page_container img{max-width: 100%;}
}
@media screen and (max-width:943px){
  .brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(1) .tit1{text-align: center;}
  .brandarea1 .bcont2:nth-of-type(3) .hslist1{flex-direction: column; align-items: center;}
}
@media screen and (max-width: 775px) {
  .brandarea1 .bcont1{padding: 0 40px; }
  .brandarea1 .bcont1 > .txt3{word-break: keep-all;}
  .brandarea1 .bcont2.fx{padding: 0 40px;}
  .brandarea1 .bcont2:nth-of-type(3) .hslist1{align-items: baseline;}
  .brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(1) .tit1 {font-size: 50px; text-align: left;}
}
@media screen and (max-width: 423px){
  .brandarea1 .bcont1 > .txt1 {font-size: 20px; line-height: 25px;}
  .brandarea1 .bcont2.fx .tit1{font-size: 30px;}
  .brandarea1 .bcont2.fx .txt1{word-break: keep-all;}
  .brandarea1 .bcont2:nth-of-type(3) > div{flex-direction: column;}
  .brandarea1 .bcont2:nth-of-type(3) > div > *:nth-child(1){padding: 60px 0 0;}
  .brandarea1 .bcont2:nth-of-type(3) > .cont1 > div:last-child{position: relative; top: 0; right: 0; margin: 65px auto;}
}

/*brand*/

/******************************************
  커뮤니티
******************************************/
.temp_community_skin .overview_title dd{font-size: 35px; font-weight: 700; color: #061e5e;}
.temp_community_skin .community p {font-size:0;}
.temp_community_skin .community p:nth-child(1) {}
.temp_community_skin .community p:nth-child(2) {margin-top:60px;}
@media screen and (max-width: 700px) {
  .temp_community_skin .community p:nth-child(1) img{content: url("/resources/img/sub/mo_community01.jpg");}
  .temp_community_skin .community p:nth-child(2) img{content: url("/resources/img/sub/mo_community02.jpg");}
}
@media screen and (max-width: 570px) {
.temp_community_skin .overview_title dd{font-size: 25px; word-break: keep-all;}
}

/******************************************
  특화시스템
******************************************/
@media screen and (max-width: 700px) {
  .temp_system_skin .system img{content: url("/resources/img/sub/mo_system.jpg");}
}


/******************************************
  모집공고
******************************************/
.temp_gonggo_skin1 p{position: relative;}
.temp_gonggo_skin1 p a{position: absolute;}
.temp_gonggo_skin1 p:nth-child(1){margin-bottom: 80px;}
.temp_gonggo_skin1 p:nth-child(1) a:nth-of-type(1){top: 22%; left: 75%; width: 20.2%; height: 12%;}
.temp_gonggo_skin1 p:nth-child(1) a:nth-of-type(2){top: 41.5%; left: 75%; width: 20.2%; height: 12%;}
.temp_gonggo_skin1 p:nth-child(2) a:nth-of-type(1){top: 50%; left: 4%; width: 10.5%; height: 16%;}
@media screen and (max-width: 900px){
  .temp_gonggo_skin1 p:nth-child(1){margin: 0;}
  .temp_gonggo_skin1 p:nth-child(1) img{content: url("/resources/img/sub/mo_gonggo01.jpg");}
  .temp_gonggo_skin1 p:nth-child(1) a:nth-of-type(1) {top: 7.5%; left: 7%; width: 41.2%; height: 34.5%;}
  .temp_gonggo_skin1 p:nth-child(1) a:nth-of-type(2) {top: 7.5%; left: 51.7%; width: 41.2%; height: 34.5%;}
  .temp_gonggo_skin1 p:nth-child(2){display: none;}
}


/******************************************
  입지환경
******************************************/
.temp_envir_skin1 p{margin-bottom: 80px;}
.temp_envir_skin1 .map_box {position:relative; overflow:hidden;}
.temp_envir_skin1 .map_box .map-zoom{width:100%;position: absolute;top:0;left:0;cursor:none; }
.temp_envir_skin1 .map_box .magnifier{width: 300px;height: 300px;position: absolute; border-radius: 100%;border:7px solid #7b6244; box-shadow: 0 0  10px rgb(0 0 0 / 80%); display: none; background-repeat:no-repeat}
.temp_envir_skin1 .map_box .map_area{width: 100%;position: absolute;top: 0;left: 0;padding: 0 20px;}


@media screen and (max-width: 700px) {
  .temp_envir_skin1 p{margin-bottom: 58px;}
  .temp_envir_skin1 p img{content: url("/resources/img/sub/mo_environment01.jpg");}
  .temp_envir_skin1 .map_box{pointer-events: none;}
  .temp_envir_skin1 .map_box > img{content: url("/resources/img/sub/mo_environment.jpg");}
}

/******************************************
  보도자료
******************************************/
.news_tbl_th {
   display: grid;
   grid-template-columns: 80px 150px auto 100px;
   border-top: 2px solid var(--board_table_border);
}
.news_tbl_th li {
  padding: 1.12rem 0;
  font-size: 1rem;
  background: #fff;
  color:var(--board_th_color);   
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #b5b6b6;
  font-weight: 500;
}
.news_tbl_body li a {
  display: grid;
  grid-template-columns: 80px 150px auto 100px;
  padding: 1rem 0;
  font-size: 1rem;
  word-break: break-all;
  text-align: center;
  border-bottom: 1px solid #d6d6d6;
  color: #000; 
  line-height: 1.6;
  text-align: center; 
}
.news_tbl_body li .sbj {
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.news_tbl_body a:hover .sbj { text-decoration: underline;}    
.news_tbl_body .nodata {padding: 6rem 0;}
.news_tbl_body .media {padding: 0 1rem;}
.news_tbl_body .media span {
    display: block;
    background-color: var(--board_label_bg);
    color: #fff;
    padding: 0.3rem 0;
    font-size: 0.87rem;
}
.news_tbl_body .sbj {text-align: left; font-weight: 500; padding-left: 1rem;}
.news_tbl_body .num {font-family:"Montserrat", tahoma, sans-serif; font-weight: 600;}
.news_tbl_body .date {font-family:"Montserrat", tahoma, sans-serif; font-weight: 600; color: #000; white-space: nowrap;}


@media screen and (max-width: 640px) {
  .news_tbl_th {grid-template-columns: 120px auto 80px;}
  .news_tbl_body li a {grid-template-columns: 120px auto 100px;}
  .news_tbl_body .media {padding: 0 0.3rem;}
  .news_tbl_th li:first-child {display: none;}
  .news_tbl_body .num {display: none;}
}
@media screen and (max-width: 480px) {
  .news_tbl_th {display: none;}
  .news_tbl_body {border-top: 1px solid var(--board_table_border);}
  .news_tbl_body li a {grid-template-rows: repeat(2, 1fr);}
  .news_tbl_body .media {padding-left: 0;}
  .news_tbl_body .sbj {grid-row-start: 2; grid-column-start: 1; grid-column-end: 4; padding-left: 0; padding-top: 0.5rem;}
  .news_tbl_body .date {grid-column-start: 3;}
}

.top_search_box {display: flex; padding: 2rem 0; justify-content: space-between;}
.top_search_box .news_tab {display: inline-flex;}
.top_search_box .news_tab li {margin-right: 1rem;}
.top_search_box .news_tab li a {
    display: block;
    position: relative;
    padding: 0.3rem;
    font-size: 1rem;
    font-weight: 500;
    color: #333;
    font-weight: 400;
    overflow: hidden;
}
.top_search_box .news_tab li a strong {display: inline-block; position: relative; padding:0.5rem 0.3rem;}
.top_search_box .news_tab li a strong::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;        
    background: transparent;
    bottom: 0;
    left: 0;
    right: 0;
}
.top_search_box .news_tab li a.on strong::before {background: #000;}
.top_search_box .news_tab li a.on {color: #000;}
.top_search_box .search_in {  
  margin-left: auto; 
  padding-left: 1rem;
  display: flex;
}
.top_search_box .search_in .inner_con {
  position: relative; 
  padding-right: 50px;
  background: #fff; 
  border: 1px solid #333; 
  margin-right: 1rem;
  display: flex;
}
.top_search_box .search_in .placeholder {display: inline-block; padding: 0 1rem;}
.top_search_box .search_in .placeholder label {font-size: 0.92rem; top: 0.7rem; left: 1rem; color: #999;}
.top_search_box .search_in .placeholder input { 
  height: 45px; 
  line-height: 45px; 
  border:0; 
  border: none;     
  padding-left: 0;
  font-size: 1rem;
}
.top_search_box .search_in .btn {
  display: inline-block; 
  height: 45px;
  color: transparent;
  background: none;  
  line-height: 45px;  
  font-size: 0;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.top_search_box .search_in .btn::before {
    content: "\e86f";
    font-family: Linearicons-Free;    
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    padding: 0 1rem;
    font-weight: bold;
    font-size: 1.2rem;
    text-indent:0;
    margin-top: 3px;    
    display: inline-block;
}
.top_search_box h4 {width: 100%;}

.list_toggle {display: flex;}
.list_toggle li {flex: 1;}
.list_toggle a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #909090;
    width: 3.2rem;
    margin-left: -1px;
    height: 100%;
}
.list_toggle a.thumb_btn .inner {  
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, minmax(auto, auto));
  gap: 0.1rem;
}
.list_toggle a.thumb_btn em { width: 0.4rem; height: 0.4rem; background: #909090;}
.list_toggle li.active a {border-color:#000; position: relative; z-index: 10;}
.list_toggle li.active a em {background: #000;}

.list_toggle i {font-size: 2rem;}

.notice_table {margin-top: 1.5rem; margin-bottom: 1rem;}
/* .notice_thumb {margin-top: 1.5rem; margin-bottom: 1rem;}
.notice_thumb ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, minmax(150px, auto));
  gap: 1.3rem;
}
.notice_thumb ul.less {grid-template-rows: repeat(1, minmax(150px, auto));}
.notice_thumb ul li {margin-bottom: 2.5rem;}
.notice_thumb ul li .thumbimg {
    /* background: linear-gradient(45deg, rgba(126,204,43,1) 0%, rgba(40,61,155,1) 87%, rgba(40,61,155,1) 100%); */
    /* position: relative;    
    padding-bottom: 70%;
    background: url("/resources/img/sub/no_thumb.jpg") no-repeat 0 0;
    background-size: 100% 100%; */
/* } */
.notice_thumb ul li .thumbimg span {
    display: block;    
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: center center;   
    background-repeat: no-repeat;    
    background-size: cover;
}
.notice_thumb ul li .thumbimg span.noimg { background-size: 50%;}
.notice_thumb ul li dl {color: #000;}
.notice_thumb ul li dt {
    font-weight: 500;
    font-size: 1.1rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    letter-spacing: 1.3;
    margin: 1rem 0;
    height: 3.2rem;
    word-break: break-all;
}
.notice_thumb.galley_thumb ul li dd {padding-top: 1rem;}
.notice_thumb.galley_thumb ul li dt {margin-bottom: 0;}

.notice_thumb ul li dd {font-family:"Montserrat", tahoma, sans-serif; font-weight: 600;}
.notice_thumb ul li dd .cate {
  display: inline-block;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  color:#283d9b;
  padding-right: 1rem;
} */
.news_tbl_list tbody td.empty_data {padding: 5rem 0; text-align: center;}

/******************************************
  페이지네이션 (Pagination)
******************************************/
.pagination { 
  clear:both;      
  font-family:"Montserrat", tahoma, sans-serif,arial;
  text-align:center;      
  font-weight:400;
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination a {  
  width:1.7rem; 
  height:2rem;
  line-height:2rem;
  color:#333;
  font-size:1rem;
  text-align:center; 
  padding:0 !important;       
  margin: 0 3px;  
  display: inline-block; 
}
.pagination strong { 
  font-size:1rem;
  font-weight: 500;
  width:1.7rem; 
  height:2rem;
  line-height:2rem; 
  padding:0;
  border-bottom: 1px solid #333;       
  position: relative;
  text-align: center;
  color: #000;  
}
.pagination a.pagbtn {background-color: #fff; font-size: 0; color: transparent;}
.pagination a.prev, 
.pagination a.first,
.pagination a.next,
.pagination a.last {
  display: inline-block;
  overflow: hidden;
  position: relative;
  font-size: 0;
  color: transparent;
}
.pagination a.prev:before{font-family: 'FontAwesome'; content: "\f104"; font-size:1.3rem; color: #333; margin-left: -3px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pagination a.first:before{font-family: 'FontAwesome'; content: "\f100"; font-size:1.3rem; color: #333; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pagination a.next:before{font-family: 'FontAwesome'; content: "\f105"; font-size:1.3rem; color: #333; margin-left:3px;position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pagination a.last:before{font-family: 'FontAwesome'; content: "\f101"; font-size:1.3rem; color: #333;position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.pagination button:disabled {opacity: 0.3; cursor:default;}
.pagination button.pagbtn {
  margin: 0 1rem;
  color: #333;
  cursor: pointer;
  border-radius: 1.5rem;
  border: 1px solid #ddd;
  padding: 0.5rem 1rem;
  font-size: 0.87rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/******************************************
  보도자료
******************************************/
.news_list_type ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
.news_list_type ul li {height: 320px; margin-bottom:2.5rem; background:#fff; text-align: left; border: 1px solid #bbb; transition: box-shadow .4s;}
.news_list_type ul li:hover {box-shadow: 8px 13px 15px 0px rgba(0, 0, 0, 0.1);  transition: box-shadow .4s;}
.news_list_type ul li.empty_data {grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; font-family: 'Noto Sans'; font-size:1rem; color:#000;}
.news_list_type ul li.empty_data:hover{box-shadow: none;}
.news_list_type ul li a {display:block; width:100%; height:100%; padding:3rem; font-size:1rem; color:#000;}
.news_list_type ul li a .news_con {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.news_list_type ul li a .news_con span { word-break:break-all; white-space: normal; display:block; font-family: 'Noto Sans'; color:#074f51; font-size:17px; margin-bottom:1rem; font-weight: bold;}
.news_list_type ul li a .news_con dl {height: 60px; margin-top: -35px; word-break:break-all; white-space: normal;}
.news_list_type ul li a .news_con dl dt { word-break:break-all; white-space: normal;line-height: 25px; font-size:18px; font-family: 'Noto Sans'; font-weight:bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_list_type ul li a .news_con dl dd { word-break:break-all; white-space: normal; margin:1rem 0; font-family: 'Noto Sans';overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_list_type ul li a .news_con .news_content {width: 100%; height: 80px; overflow: hidden; margin-top: -30px;}
.news_list_type ul li a .news_con .news_content h4 {font-size: 15px; line-height: 28px; color: #000; font-weight: 500; word-break:break-all; white-space: normal;}
.news_list_type ul li a .news_con .news_b {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.news_list_type ul li a .news_con .news_b .date {color: #000; font-family: 'Noto Sans'; margin:0; font-size: 14px; font-weight: bold;}
.news_list_type ul li a .news_con .news_b h3 {font-size: 14px; font-family: 'Noto Sans'; color: #000; font-weight: bold;}

/* .news_list_type ul li a span {display:block; color:#204eb0; font-size:1rem; margin-bottom:1rem; font-weight: 400;}
.news_list_type ul li a span.date {margin-bottom:0; font-family: "Montserrat"; margin-top:1.5rem;}
.news_list_type ul li a dl dt {font-size:1.3rem; font-weight:400;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_list_type ul li a dl dd {margin:1rem 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} */
.paging_wrap {display:flex; width:100%; justify-content: center; margin:3.5rem 0;}
.paging_wrap a {display:inline-flex; margin:0 0.5rem; font-size:0.9rem; font-family: "Montserrat"; width:1.8rem; height:1.8rem; border-radius: 100%; justify-content: center; align-items: center; font-weight:500;}
.paging_wrap a.current {background:#000; color:#fff;}


@media screen and (max-width: 1024px) {
  .news_list_type ul {flex-direction: column;}
	.news_list_type ul li {width: 100%;}
	.news_list_type ul li a { padding: 3rem; width: 100%; }
	.news_list_type ul li a span {font-size: 13px;}
	.news_list_type ul li a dl dt { line-height: 1.8rem;}
	.news_list_type ul li .new {left:85.5%;}
  .news_list_type ul li {margin-left: 0; margin-right: 0;}
} 

@media screen and (max-width: 960px) {
  .news_list_type ul {grid-template-columns: repeat(2, 1fr);}
	.news_list_type ul li {width: 100%;}
	.news_list_type ul li a { padding: 3rem; width: 100%; }
	.news_list_type ul li a span {font-size: 13px;}
	.news_list_type ul li a dl dt { line-height: 1.8rem;}
	.news_list_type ul li .new {left:85.5%;}
  .news_list_type ul li {margin-left: 0; margin-right: 0;}
} 

@media screen and (max-width: 480px) {
  .news_list_type ul {grid-template-columns: repeat(1, 1fr); gap:0;}
  .news_list_type ul li a dl dt { font-size:1.1rem; }
  .news_list_type ul li a span { margin-bottom: 0.5rem;}
  .news_list_type ul li a span.date { margin-top: 1rem;}
}

/* @media screen and (max-width: 768px) {
  .news_list_type ul {grid-template-columns: repeat(2, 1fr);}
} 

@media screen and (max-width: 480px) {
  .news_list_type ul {grid-template-columns: repeat(1, 1fr); gap:0;}
  .news_list_type ul li a dl dt { font-size:1.1rem; }
  .news_list_type ul li a { padding: 1.5rem 1rem; }
  .news_list_type ul li a span { margin-bottom: 0.5rem;}
  .news_list_type ul li a span.date { margin-top: 1rem;}
} */

/******************************************
  특별공급
******************************************/
.temp_docspecial_skin .docs_tab {display: flex; width: 100%; margin-bottom: 5rem;}
.temp_docspecial_skin .docs_tab li {flex: 1; margin-left: -1px;}
.temp_docspecial_skin .docs_tab li a {
  border: 1px solid #e5e5e5; 
  background: var(--docs_tab_bg); 
  color:var(--docs_tab_txt);
  display: block; 
  padding: 1.3rem 0; 
  text-align: center;
  line-height: 1.4;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 500;
}
.temp_docspecial_skin .docs_tab li a.on{
  color: #fff;  
  background:var(--docs_tab_active);
  position: relative;
}
.temp_docspecial_skin .docs_tab li:first-child a {border-top-left-radius: 0.5rem; border-bottom-left-radius:0.5rem;}
.temp_docspecial_skin .docs_tab li:last-child a {border-top-right-radius: 0.5rem; border-bottom-right-radius:0.5rem;}
.temp_docspecial_skin .docs_con h3 {font-size: 2.3rem; padding-bottom: 1rem; letter-spacing: -2px; font-weight: 500; color: #333;}
.temp_docspecial_skin .docs_con h3 strong {font-size: 1.8rem; color:var(--docs_tab_active);}

@media screen and (max-width: 1100px) {
  .temp_docspecial_skin .docs_tab {margin-bottom: 2rem;}
  .temp_docspecial_skin .docs_con h3 { font-size: 1.8rem;}
}
@media screen and (max-width: 600px) {
  .temp_docspecial_skin .docs_tab {display: grid; grid-template-columns: repeat(3, 1fr);}
  .temp_docspecial_skin .docs_tab li {margin-left: 0; margin-top: -1px;}
  .temp_docspecial_skin .docs_tab li:first-child a {border-radius: 0;}
  .temp_docspecial_skin .docs_tab li:last-child a {border-radius: 0;}
  .temp_docspecial_skin .docs_tab li a {padding: 0.8rem 0; font-size: 0.87rem;}
  .temp_docspecial_skin .docs_con h3 { font-size: 1.4rem;}
}

/******************************************
  홍보영상
******************************************/
.temp_video_skin .movie_tab {display: flex; width: 100%; margin-bottom: 4rem;}
.temp_video_skin .movie_tab li {flex: 1; margin-left: -1px;}
.temp_video_skin .movie_tab li a {
  border: 1px solid #e5e5e5; 
  background: var(--docs_tab_bg); 
  color:var(--docs_tab_txt);
  display: block; 
  padding: 1.3rem 0; 
  text-align: center;
  line-height: 1.4;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 500;
}
.temp_video_skin .movie_tab li a.on{
  color: #fff;  
  background:var(--docs_tab_active);
  position: relative;
}
.temp_video_skin .movie_tab li:first-child a {border-top-left-radius: 0.5rem; border-bottom-left-radius:0.5rem;}
.temp_video_skin .movie_tab li:last-child a {border-top-right-radius: 0.5rem; border-bottom-right-radius:0.5rem;}

@media screen and (max-width: 640px) {
  .temp_video_skin .movie_tab {margin-bottom: 2rem;}
}

/************************************ 
  시스템 - AIQ 
*************************************/
.aiq { max-width: 1100px; margin: 0 auto;}
.aiq .aiq_top { margin: 0 0 40px; }
.aiq .aiq_tit { font-size: 40px; text-align: center; font-weight: 400; word-break: keep-all; margin: 20px 0;}
.aiq .aiq_tit strong { font-weight: 600; }
.aiq .aiq_tit[data-tit="1"] strong { color: #f0a440; }
.aiq .aiq_tit[data-tit="2"] strong { color: #813f99; }
.aiq .aiq_tit[data-tit="3"] strong { color: #0c9142; }
.aiq .aiq_img { margin: 50px 0 0; }
.aiq #tv_load {
  position: relative;
  padding: 56.2% 0 0;
}
.aiq #tv_load iframe { 
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .aiq .aiq_tit { font-size: 30px; }
  .aiq .aiq_img { margin: 30px 0 0; }
}
@media screen and (max-width: 600px) { 
  .aiq .aiq_tit { font-size: 24px; }
  .aiq .aiq_img { margin: 20px 0 0; }  
}
@media screen and (max-width: 480px) {
  .aiq .aiq_tit { font-size: 18px; }
}


/***************************************
  이벤트 당첨자
****************************************/

.event_winner .winner_con {
  background-color: #c1e6ff; 
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 1200px 2400px;
  position: relative;
}
.event_winner .winner_con01{height: 4655px; background-image: url("/resources/img/sub/event_winner01.jpg"); }
.event_winner .winner_con_new{height: 5218px; background-size: 1200px 2960px;}
.event_winner .winner_con02{background-image: url("/resources/img/sub/event_winner02.jpg");}
.event_winner .winner_con03{background-image: url("/resources/img/sub/event_winner03.jpg");}
.event_winner .winner_con04{background-image: url("/resources/img/sub/event_winner04.jpg");}
.event_winner .winner_con05{background-image: url("/resources/img/sub/event_winner05.jpg");}
.event_winner .winner_con06{background-image: url("/resources/img/sub/event_winner06.jpg");}
.event_winner .winner_con01 .con_inner{width: 100%; height: 73%; position: absolute; bottom: 0;}
.event_winner .winner_con_new .con_inner{width: 100%; height: 65%; position: absolute; bottom: 0;}
.event_winner .winner_con .con_tit{position: absolute; top: 0; left: 0; right: 0; margin: auto; width: max-content; z-index: 1;}

.event_winner .winner_con .result_winner{width: 956px; border: 4px solid #273d6b; border-radius: 30px; background: #fff; position: absolute; top: 42px; left: 0; right: 0; margin: auto;}
.event_winner .winner_con .winner_list{max-width: 890px; width: 100%; padding-top: 77px; margin: auto;}
.event_winner .winner_con .winner_list .list_head{display: grid; grid-template-columns: repeat(2,1fr); width: 100%; height: 60px; background: #001241; border-radius: 10px; overflow: hidden;}
.event_winner .winner_con .winner_list .list_head .user_tit{width: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; font-family: 'Gmarket Sans'; font-weight: 400; line-height: 65px;}
.event_winner .winner_con .winner_list .list_body{display: grid; grid-template-columns: repeat(2,1fr); width: 100%;}
.event_winner .winner_con .winner_list .list_body .user_data{width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; color: #273d6b; font-size: 18px; border-bottom: 1px solid #dddddd; font-family: 'Noto Sans KR'; font-weight: 400;}

.event_winner .winner_con .prize_img_footer{position: absolute; bottom: 50px; left: 0; right: 0; margin: auto; width: 935px;}
.event_winner .winner_con .prize_img_footer ul li{color: #001241; font-size: 17px; font-family: 'Pretendard'; font-weight: 400;}

@media screen and (max-width:1030px) {
  .event_winner .winner_con {background-color: #c1e6ff; background-position: top center; background-repeat: no-repeat; background-size: 640px 2400px; position: relative; max-width: 640px; margin: auto;}
  .event_winner .winner_con01{background-image: url("/resources/img/sub/mo_event_winner01.jpg");}
  .event_winner .winner_con_new{background-size: 640px 2850px; height: 5130px;}
  .event_winner .winner_con02{background-image: url("/resources/img/sub/mo_event_winner02.jpg");}
  .event_winner .winner_con03{background-image: url("/resources/img/sub/mo_event_winner03.jpg");}
  .event_winner .winner_con04{background-image: url("/resources/img/sub/mo_event_winner04.jpg");}
  .event_winner .winner_con05{background-image: url("/resources/img/sub/mo_event_winner05.jpg");}
  .event_winner .winner_con06{background-image: url("/resources/img/sub/mo_event_winner06.jpg");}
  .event_winner .winner_con01 .con_inner{height: 75%;}
  .event_winner .winner_con_new .con_inner{height: 68.5%;}
  .event_winner .winner_con .con_tit{max-width: 510px; width: 100%;}
  .event_winner .winner_con01 .con_tit img{content: url('/resources/img/sub/mo_event_winner01_tit.png');}
  .event_winner .winner_con_new .con_tit img{content: url('/resources/img/sub/mo_event_winner02_tit.png');}
  .event_winner .winner_con .result_winner{max-width: 586px; width: 100%; padding: 20px;}
  .event_winner .winner_con .winner_list{max-width: 518px;}
  .event_winner .winner_con .prize_img_footer{max-width: 550px; width: 100%;}
}
@media screen and (max-width:660px){
  .event_winner .winner_con{background-size: contain; height: unset !important;}
  .event_winner .winner_con01 .con_inner{padding: 0 40px; position: relative; padding: 175% 20px 0;}
  .event_winner .winner_con_new .con_inner{padding: 0 40px; position: relative; padding: 253% 20px 0;}
  .event_winner .winner_con .con_tit{padding: 0 40px; position: relative;}
  .event_winner .winner_con .result_winner{position: relative; top: -52px;}
  .event_winner .winner_con .prize_img_footer{padding: 0 20px; position: relative; margin-top: 20px;}
  .event_winner .tab{flex-direction: column;}
  .event_winner .tab li a{border-bottom: 0;}
  .event_winner .tab li:last-child a{border: 1px solid #001241;}
}
@media screen and (max-width:450px){
  .event_winner .winner_con .con_tit{padding: 0 20px;}
  .event_winner .winner_con .result_winner{top: -7vw;}
  .event_winner .winner_con .winner_list{padding-top: 15px;}
  .event_winner .winner_con .winner_list .list_head,
  .event_winner .winner_con .winner_list .list_body{grid-template-columns: repeat(1,1fr);}
  .event_winner .winner_con .winner_list .list_head,
  .event_winner .winner_con .winner_list .list_body .user_data{height: 40px;}
  .event_winner .winner_con .winner_list .list_head .user_tit{line-height: 45px;}
  .event_winner .winner_con .winner_list .list_head .user_tit:last-child{display: none;}
  .event_winner .winner_con .prize_img_footer{margin-top: 50px;}
}


/***************************************
  분양일정
****************************************/
.temp_schedule_skin .schedule_title{display: flex; justify-content: center; align-items: center; gap: 50px; margin-bottom: 50px;}
.temp_schedule_skin .schedule_title > h3{font-size: 100px; font-weight: 800; color: #00144D;}
.temp_schedule_skin .schedule_title > span{width: 1px; height: 90px; background: #dddddd; display: block;}
.temp_schedule_skin .schedule_title .txt_box p{font-size: 24px; font-weight: 200; color: #111111;}
.temp_schedule_skin .schedule_title .txt_box h3{font-size: 55px; font-weight: 800; color: #111111;}
.temp_schedule_skin .schedule_wrap .week ul{display: grid; grid-template-columns: repeat(7,1fr); gap: 30px;}
.temp_schedule_skin .schedule_wrap .week ul li{width: 145px; height: 42px; display: flex; align-items: center; justify-content: center; color: #111; background: #f2f2f2; font-weight: 400;}
.temp_schedule_skin .schedule_wrap .week ul li.red{background: #ff0000; color: #fff;}
.temp_schedule_skin .schedule_wrap .week ul li.blue{background: #00144D; color: #fff;}
.temp_schedule_skin .schedule_wrap .day{display: flex; flex-direction: column; gap: 20px;}
.temp_schedule_skin .schedule_wrap .day ul{display: grid; grid-template-columns: repeat(7,1fr); gap: 30px;}
.temp_schedule_skin .schedule_wrap .day ul li{border-bottom: 1px solid #333333; width: 145px; height: 130px; display: flex; align-items: flex-end; justify-content: flex-start; position: relative; padding: 12px 10px; font-size: 18px; font-weight: 400; color: #111;}
.temp_schedule_skin .schedule_wrap .day ul li.red{color: #ff0000;}
.temp_schedule_skin .schedule_wrap .day ul li.blue{color: #00144D;}
.temp_schedule_skin .schedule_wrap .day ul li .dis{opacity: 0.3;}
.temp_schedule_skin .schedule_wrap .day ul li .evt{position: absolute; white-space: nowrap;}
.temp_schedule_skin .schedule_wrap .day ul li .evt01{padding: 10px 20px; background: #00144D; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; text-align: center; top: 25px; left: 20px;}
.temp_schedule_skin .schedule_wrap .day ul li .evt02{font-size: 26px; font-weight: 900; color: #EA9000; text-align: center; top: 25px; left: 20px;}
.temp_schedule_skin .schedule_wrap .day ul li .evt03{padding: 10px 20px; background: #1086CA; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; text-align: center; top: 40px; left: 20px;}
.temp_schedule_skin .schedule_wrap .day ul li .evt04{padding: 10px 20px; background: #D7004A; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; text-align: center; top: 40px; left: 4px;}
.temp_schedule_skin .schedule_wrap .day ul li .evt05{padding: 10px 20px; background: #5F71CB; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; text-align: center; top: 40px; left: 4px;}
.temp_schedule_skin .schedule_wrap .day ul li .evt06{padding: 10px 20px; background: #A27859; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; text-align: center; top: 40px; left: 12px;}
.temp_schedule_skin .schedule_wrap .day ul li .evt07_1{background: #948C8B; border-radius: 60px 0 0 60px; font-size: 18px; font-weight: 600; color: #fff; text-align: center; top: 25px; left: 0; width: 320px; height: 52px; display: flex; align-items: center; justify-content: center;}
.temp_schedule_skin .schedule_wrap .day ul li .evt07_2{background: #948C8B; border-radius: 0 60px 60px 0; font-size: 18px; font-weight: 600; color: #fff; text-align: center; top: 35px; left: 0; width: 140px; height: 52px; display: flex; align-items: center; justify-content: center;}
.temp_schedule_skin .schedule_wrap .day ul li .evt08{background: #0FA57A; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; text-align: center; top: 35px; left: 0; width: 495px; height: 52px; display: flex; align-items: center; justify-content: center;}
.temp_schedule_skin .schedule_wrap .day ul li .evt b{font-size: 14px; font-weight: 100;}

.temp_schedule_skin .schedule_wrap .day ul li .mon5{font-size: 30px; font-weight: 600; color: #c9c9c9; top: 15px; left: 20px;}
.temp_schedule_skin .schedule_wrap .day ul li .mon6{font-size: 20px; font-weight: 600; color: #c9c9c9; top: 0; left: 20px;}

@media screen and (max-width: 1200px) {
  .temp_schedule_skin .schedule_wrap .week ul{display: flex; justify-content: center; gap: 10px;}
  .temp_schedule_skin .schedule_wrap .day ul{display: flex; justify-content: center; gap: 10px;}
  .temp_schedule_skin .schedule_wrap .day ul li .evt07_1{width: 300px;}
  .temp_schedule_skin .schedule_wrap .day ul li .evt08{width: 455px;}
}

@media screen and (max-width: 1100px){
  .temp_schedule_skin .schedule.pc-only{display: none;}
  .temp_schedule_skin .schedule.m-only{display: block; max-width: 353px; margin: auto;}
  .temp_schedule_skin .schedule.m-only ul{border-top: 1px solid #111; padding-top: 13px;}
  .temp_schedule_skin .schedule.m-only ul li{display: flex; align-items: center; gap: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E9E9E9;}
  .temp_schedule_skin .schedule.m-only ul li span{width: 174px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; font-weight: 600; border-radius: 10px 0 10px 0;}
  .temp_schedule_skin .schedule.m-only ul li.li01 span{background: #00144D;}
  .temp_schedule_skin .schedule.m-only ul li.li02 span{background: #EA9000;}
  .temp_schedule_skin .schedule.m-only ul li.li03 span{background: #1086CA;}
  .temp_schedule_skin .schedule.m-only ul li.li04 span{background: #D7004A;}
  .temp_schedule_skin .schedule.m-only ul li.li05 span{background: #5F71CB;}
  .temp_schedule_skin .schedule.m-only ul li.li06 span{background: #A27859;}
  .temp_schedule_skin .schedule.m-only ul li.li07 span{background: #948C8B; font-size: 13px;}
  .temp_schedule_skin .schedule.m-only ul li.li08 span{background: #0FA57A; font-size: 13px;}
  .temp_schedule_skin .schedule.m-only ul li p{font-size: 16px; color: #111111; font-weight: 300;}
  .temp_schedule_skin .schedule.m-only ul li.li02 p{font-weight: 800;}
}

/***************************************
  E모델하우스
****************************************/
.temp_emodel_skin .tab_conlist li{position: relative; width: 100%; padding-bottom: 56%; height: 0;}
.temp_emodel_skin iframe{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block;}
@media screen and (max-width: 500px){
  .temp_emodel_skin .tab_conlist li{padding-bottom: 70vh;}
}