@charset "utf-8";


body {color:#fff; background:#000;}



/********************************************
  크게보기 버튼
********************************************/
.button_group {text-align: center; padding: clamp(20px, calc(40/640 * 100vw), 40px) 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;}
.button_group .round_btn {
  background: #fff;
  border-radius:99px; 
  height:50px;
  color: #000; 
  display: inline-flex; 
  justify-content:center;
  align-items: center;
  padding:0 26px;
  font-size: 16px;
  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%);}
.button_group .round_btn .arrowR {margin:0 0 0 10px; display:inline-block; vertical-align:middle; width:26px; height:10px; background:url('../img/common/btn_arrow.svg') 0 0 no-repeat; background-size:100% 100%;}

@media screen and (min-width: 1025px){
  .button_group.mobile {display: none;}
}
@media screen and (max-width: 600px) {  
  .m-only.button_group { display:flex !important; width: 100%;}
}

/*****************************************
  오리발
******************************************/
.foot_summary { padding: 30px 0; }
.foot_summary li {
  text-indent: -16px;
  padding: 0 0 0 16px;
  font-size: 14px;
}
@media screen and (max-width:1024px) {
  .foot_summary{padding: 30px;}
  .foot_summary li{font-size: 12px;}
}


/******************************************
  컨텐츠 영역
******************************************/
.page_content {
    /* padding: 4rem 0 8rem; */
    max-width:1580px; margin: 0 auto; padding: 200px 0;
}

.page_content .page_container  {
    /* max-width: 1100px; */
    margin: 0 auto;
    position: relative;
}
.page_content .page_container > .tit{text-align: center;}
.page_content .page_container > .tit h3{font-size: 40px; color: #fff; font-weight: 300;}
.page_content .page_container > .tit h3 strong{font-weight: bold;}
.page_content .page_container img {max-width: 100%;}
@media screen and (max-width: 900px){
  .page_content{padding: 65px 0 30px;}
  .page_container {padding: 0 30px;}
  .page_content .page_container > .tit h3{font-size: 24px; word-break: keep-all;}
}

.temp_ready_skin1 .page_container{text-align: center; padding: 0 0 200px;}


/******************************************
  사업개요
******************************************/
.temp_overview_skin1{position: relative;}
.temp_overview_skin1 .foot_summary{position: relative; bottom: 0; width: 100%; padding: 30px 40px; color: #fff;}
@media screen and (max-width: 1024px){
  .temp_overview_skin1 .foot_summary{color: #fff;}
}




/******************************************
  입주자모집공고
******************************************/

.temp_notice_skin1 .page_container {max-width:1580px; margin: 0 auto; padding-top: 200px;}
.temp_notice_skin1 p{position: relative;}
.temp_notice_skin1 p a{position: absolute;}
.temp_notice_skin1 p:nth-child(1){margin-bottom: 80px;}
.temp_notice_skin1 p:nth-child(1) a:nth-of-type(1){top:60.3%; left:42.405%; width:15.189%; height:6%;}
.temp_notice_skin1 p:nth-child(1) a:nth-of-type(2){top:68.3%; left:42.405%; width:15.189%; height:6%;}
@media screen and (max-width: 900px){
  .temp_notice_skin1 .page_container {padding: 140px 20px;}
  .temp_notice_skin1 p:nth-child(1){margin: 0;}
  .temp_notice_skin1 p:nth-child(1) img{content: url("/resources/img/sub/notice/notice_m.jpg"); max-width: 393px; width: 100%; margin: auto; display: block;}
  .temp_notice_skin1 p:nth-child(1) a:nth-of-type(1) {top: 58%; left: 25%; width: 50%; height: 14%;}
  .temp_notice_skin1 p:nth-child(1) a:nth-of-type(2) {top: 74%; left: 25%; width: 50%; height: 14%;}
}



/******************************************
  투시도/조감도
******************************************/
.temp_drawing_skin1{max-width: 1100px; margin: auto;}
.temp_drawing_skin1 .ui_tabcontents .tab_conlist{border: 0; padding: 30px 0;}


/******************************************
  조경안내
******************************************/
.temp_landscaping_skin1{max-width: 1100px; margin: auto;}
.temp_landscaping_skin1 .page_container .page_content{display: flex; flex-direction: column; gap: 60px;}
.temp_landscaping_skin1 .page_container .page_content img{width: 100%; display: block;}
.temp_landscaping_skin1 .page_container .page_content img:nth-child(1){max-width: 917px; margin-right: auto;}
.temp_landscaping_skin1 .page_container .page_content img:nth-child(2){max-width: 708px; margin-left: auto;}
.temp_landscaping_skin1 .page_container .page_content img:nth-child(3){max-width: 853px; margin-right: auto;}
.temp_landscaping_skin1 .page_container .page_content img:nth-child(4){max-width: 813px; margin-left: auto;}
.temp_landscaping_skin1 .page_container .page_content img:nth-child(5){max-width: 676px; margin-right: auto;}
.temp_landscaping_skin1 .page_container .page_content img:nth-child(6){max-width: 779px; margin-left: auto;}

@media screen and (max-width: 900px) {
  .temp_landscaping_skin1 .page_container .page_content img{margin: auto;}
  .temp_landscaping_skin1 .page_container .page_content img:nth-child(1){content: url('/resources/img/sub/landscaping/mo_landscaping1.png'); max-width: 584px;}
  .temp_landscaping_skin1 .page_container .page_content img:nth-child(2){content: url('/resources/img/sub/landscaping/mo_landscaping2.png'); max-width: 584px;}
  .temp_landscaping_skin1 .page_container .page_content img:nth-child(3){content: url('/resources/img/sub/landscaping/mo_landscaping3.png'); max-width: 610px;}
  .temp_landscaping_skin1 .page_container .page_content img:nth-child(4){content: url('/resources/img/sub/landscaping/mo_landscaping4.png'); max-width: 584px;}
  .temp_landscaping_skin1 .page_container .page_content img:nth-child(5){content: url('/resources/img/sub/landscaping/mo_landscaping5.png'); max-width: 584px;}
  .temp_landscaping_skin1 .page_container .page_content img:nth-child(6){content: url('/resources/img/sub/landscaping/mo_landscaping6.png'); max-width: 584px;}
}

/******************************************
  세대안내
******************************************/

.temp_unit_skin1 > .page_container{max-width: 1100px;}
.temp_unit_skin1 .ui_tabcontents{margin-top: 84px;}
.temp_unit_skin1 .ui_tabcontents .tab{display: grid; grid-template-columns: repeat(2, 1fr); max-width: 800px; margin: auto;}
.temp_unit_skin1 .ui_tabcontents .tab.tab2{grid-template-columns: repeat(2, 1fr);}
.temp_unit_skin1 .ui_tabcontents .tab.tab3{grid-template-columns: repeat(3, 1fr);}
.temp_unit_skin1 .ui_tabcontents .tab li a{border: 1px solid #444; height: 60px; padding: 20px 30px; justify-content: space-between;}
.temp_unit_skin1 .ui_tabcontents .tab li a img{opacity: 0.4;}
.temp_unit_skin1 .ui_tabcontents .tab li.on a img{opacity: 1;}
.temp_unit_skin1 .ui_tabcontents .tab_conlist{border: 0; padding: 60px 0 0;}

.temp_unit_skin1 > .page_container > .tab{width: 100%; display: flex;}
.temp_unit_skin1 > .page_container > .tab li {flex: 1;}
.temp_unit_skin1 > .page_container > .tab li a {
    color:#adadad; 
    display: flex; 
    justify-content: center;
    align-items: center;
    height:80px;
    text-align: center;
    line-height: 1.4;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 400;
}
.temp_unit_skin1 > .page_container > .tab li.on a{
  color: #fff;  
  background:#444;  
  position: relative;
  font-weight: 700;
}
.temp_unit_skin1 > .page_container > .tab li a strong {display: block; font-weight: 300; font-size: 1rem;}

.temp_unit_skin1 .vr_wrap{width: 100%; height: 600px;}
.temp_unit_skin1 .vr_wrap iframe{width: 100%; height: 100%;}

@media screen and (min-width: 1025px){
  .temp_unit_skin1 > .page_container > .tab li a {
    border:1px solid #444;
    border-left-width:0;
  }
  .temp_unit_skin1 > .page_container > .tab li:first-child a {
      border-left-width:1px;
  }
}
@media screen and (max-width: 1024px){
  .temp_unit_skin1 > .page_container > .tab {flex-wrap: wrap; border:1px solid #444;}
  .temp_unit_skin1 > .page_container > .tab li {width:50%; flex:auto;}
  .temp_unit_skin1 > .page_container > .tab li:nth-child(n+3) a {border-top:1px solid #444;}
  .temp_unit_skin1 > .page_container > .tab li:nth-child(odd) a {border-right:1px solid #444;}

  .temp_unit_skin1 > .page_container > .ui_tabcontents .tab li{width: 100%;}
}
@media screen and (max-width: 900px){
  .temp_unit_skin1 > .page_container > .tab li{width: 25%;}
  .temp_unit_skin1 > .page_container > .tab li a{height: 60px;}
  .temp_unit_skin1 > .page_container > .tab li:nth-child(n+3) a{border-top: 0;}
  .temp_unit_skin1 > .page_container > .tab li a{border-right: 1px solid #444; border-bottom: 1px solid #444;}
  .temp_unit_skin1 > .page_container > .tab li:nth-child(4) a,
  .temp_unit_skin1 > .page_container > .tab li:nth-child(8) a{border-right: 0;}
  .temp_unit_skin1 > .page_container > .tab li:nth-child(5) a,
  .temp_unit_skin1 > .page_container > .tab li:nth-child(6) a,
  .temp_unit_skin1 > .page_container > .tab li:nth-child(7) a,
  .temp_unit_skin1 > .page_container > .tab li:nth-child(8) a{border-bottom: 0;}

  .temp_unit_skin1 .ui_tabcontents{margin-top: 30px;}
  .temp_unit_skin1 .ui_tabcontents .tab{width: 90%; border: 0;}

  .temp_unit_skin1 .ui_tabcontents .tab_conlist li:nth-child(1) img{max-width: 370px; margin: auto; width: 100%;}
  .temp_unit_skin1 .ui_tabcontents .unit39 li:nth-child(1) img{content: url("/resources/img/sub/unit/mo_unit39.png");}
  .temp_unit_skin1 .ui_tabcontents .unit49 li:nth-child(1) img{content: url("/resources/img/sub/unit/mo_unit49.png");}
  .temp_unit_skin1 .ui_tabcontents .unit59a li:nth-child(1) img{content: url("/resources/img/sub/unit/mo_unit59a.png");}
  .temp_unit_skin1 .ui_tabcontents .unit59b li:nth-child(1) img{content: url("/resources/img/sub/unit/mo_unit59b.png");}
  .temp_unit_skin1 .ui_tabcontents .unit74 li:nth-child(1) img{content: url("/resources/img/sub/unit/mo_unit74.png");}
  .temp_unit_skin1 .ui_tabcontents .unit84a li:nth-child(1) img{content: url("/resources/img/sub/unit/mo_unit84a.png");}
  .temp_unit_skin1 .ui_tabcontents .unit84b li:nth-child(1) img{content: url("/resources/img/sub/unit/mo_unit84b.png");}
  .temp_unit_skin1 .ui_tabcontents .unit104 li:nth-child(1) img{content: url("/resources/img/sub/unit/mo_unit104.png");}
}
@media screen and (max-width: 600px){
  .temp_unit_skin1 .ui_tabcontents .tab{grid-template-columns: repeat(1, 1fr) !important;}
}
@media screen and (max-width: 570px){
  .temp_unit_skin1 .ui_tabcontents .tab li{border: 0;}

  .temp_unit_skin1 .vr_wrap{width: 100%; height: 300px;}
}


/******************************************
  분양안내 : SKIN1
******************************************/
.temp_information_skin1 {padding:200px 0;}


.temp_information_skin1 .swiper-container{width: 100%; max-width: 935px; margin: auto; overflow: hidden; position: relative;}
.temp_information_skin1 .swiper-wrapper img { width: 100%; height: auto;}
.temp_information_skin1 .cy_btn_next { width: 64px; height: 89px; right: 0; top: 50%; margin: 0; position: absolute; transform:none; opacity: 1; cursor: pointer;}
.temp_information_skin1 .cy_btn_prev { width: 64px; height: 89px; left: 0; top: 50%; margin: 0; position: absolute; transform:none; opacity: 1; cursor: pointer;}
.temp_information_skin1 .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_information_skin1 .swiper-pagination-bullet {width: 20px; height: 20px; background: #86b0c2; opacity: 0.7; margin: 0 10px !important;}
.temp_information_skin1 .swiper-pagination-bullet-active {background: #0d2b51; opacity: 1;}
.temp_information_skin1 .foot_summary{margin: auto;}
@media screen and (max-width: 660px) {
  .temp_information_skin1 .swiper-pagination{bottom: 1% !important;}
  .temp_information_skin1 .swiper-pagination-bullet{width: 10px; height: 10px;}
  .temp_information_skin1 .cy_btn_next,
  .temp_information_skin1 .cy_btn_prev{z-index: 1; width: 40px; height: 60px;}
  .temp_information_skin1 .cy_btn_next{right: -50px;}
  .temp_information_skin1 .cy_btn_prev{left: -50px;}
}
@media screen and (max-width: 550px){
  .temp_information_skin1 .swiper-pagination{padding: 10px 20px;}
}
@media screen and (max-width: 450px){
  .temp_information_skin1 .swiper-pagination{padding: 5px 20px;}
  .temp_information_skin1 .swiper-pagination-bullet{margin: 0 3px !important;}
}


@media screen and (max-width: 1024px) {
  .temp_information_skin1 {padding:140px 20px;}
}

@media screen and (max-width: 900px) {
  .temp_information_skin1 {padding:30px 20px;}
}







/******************************************
  프리미엄 : SKIN1
******************************************/
.temp_premium_skin1 .header_content {width:1580px; margin:0 auto 130px; padding-top:200px;}
.temp_premium_skin1 .header_content .title {font-size:84px; font-weight:200; line-height:1.2;}
.temp_premium_skin1 .header_content .title .pt {font-weight:700;}
.temp_premium_skin1 .bg_content {height:100vh; overflow: hidden; position:sticky; top:0;}
.temp_premium_skin1 .bg_content .pc img {width:100%;;}
.temp_premium_skin1 .bg_content .mobile img {width:100%; height:100%; object-fit: cover;}
.temp_premium_skin1 .bg_content::after {content: ''; position:absolute; left: 0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.4);;}
.temp_premium_skin1 .main_content {position:relative; margin-top: -25vh; min-width:1580px; padding-bottom: 500px;;}
.temp_premium_skin1 .main_content .content_inner {display: flex; position:relative; opacity:0; transform: translateY(50px); transition: all 1s;}
.temp_premium_skin1 .main_content .content_inner.m_start {transform: none; opacity:1;;}
.temp_premium_skin1 .main_content .title {font-size:42px; font-weight: 700;;}
.temp_premium_skin1 .main_content .txt {margin-top: 15px; font-size:20px;;}
.temp_premium_skin1 .main_content .ft_txt{position: absolute; bottom: 50px; right: 50px; color: #fff; font-size: 12px; opacity: 0.5;}
.temp_premium_skin1 .main_content .foot_summary{position: absolute; bottom: 50px; left: 50px; padding: 0;}
@media screen and (min-width: 1025px) {
  .temp_premium_skin1 .mobile {display:none;}
  .temp_premium_skin1 .main_content .content01 {justify-content: flex-end;}
  .temp_premium_skin1 .main_content .content01 .visual {position:relative; z-index:100;}
  .temp_premium_skin1 .main_content .content01 .inner {position:absolute; left: 50%; margin-left: -790px; top:522px;}
  .temp_premium_skin1 .main_content .content02 {width:1580px; margin:424px auto 0; position:relative;;}
  .temp_premium_skin1 .main_content .content02 .inner {position:absolute; right:0; top:443px; text-align:right;}
  .temp_premium_skin1 .main_content .content03 {margin-top: 432px;}
  .temp_premium_skin1 .main_content .content03 .inner {position:absolute; left:0; margin-left:1200px; top:400px;}
  .temp_premium_skin1 .main_content .content04 {margin: 412px auto 0; width:1548px;}
  .temp_premium_skin1 .main_content .content04 .inner {position:absolute; right:851px; bottom:0; text-align:right;}
  .temp_premium_skin1 .main_content .content05 {justify-content: flex-end; margin-top: 420px;;}
  .temp_premium_skin1 .main_content .content05 .visual {position:relative; z-index:100;}
  .temp_premium_skin1 .main_content .content05 .inner {position:absolute; left: 50%; margin-left: -790px; top:522px;}
  .temp_premium_skin1 .main_content .content06 {width:1580px; margin:424px auto 0; position:relative;;}
  .temp_premium_skin1 .main_content .content06 .inner {position:absolute; right:0; top:443px; text-align:right;}
  .temp_premium_skin1 .main_content .content07 {margin-top: 432px;}
  .temp_premium_skin1 .main_content .content07 .inner {position:absolute; left:0; margin-left:1200px; top:400px;}
  .temp_premium_skin1 .main_content .content08 {margin: 412px auto 0; width:1548px;}
  .temp_premium_skin1 .main_content .content08 .inner {position:absolute; right:851px; bottom:0; text-align:right;}
}
@media screen and (max-width: 1580px){
  .temp_premium_skin1 .main_content .ft_txt{position: absolute; bottom: 120px; right: unset; left: 50px;}
  .temp_premium_skin1 .main_content .foot_summary{position: absolute; bottom: 50px; left: 50px;}
}
@media screen and (max-width: 1024px) {
  .temp_premium_skin1 .pc {display:none;}
  .temp_premium_skin1 .header_content {width:auto; margin-bottom:95px; padding:140px 20px 0;}
  .temp_premium_skin1 .header_content .title {font-size:34px; word-break: keep-all;}
  .temp_premium_skin1 .main_content {margin-top: -75vh; min-width:auto; padding-bottom:230px;;}
  .temp_premium_skin1 .main_content .content_inner {display: block;}
  .temp_premium_skin1 .main_content .content_inner ~ .content_inner {margin-top: 195px;}
  .temp_premium_skin1 .main_content .content_inner .inner {padding: 0 24px;}
  .temp_premium_skin1 .main_content .content_inner .visual ~ .inner,
  .temp_premium_skin1 .main_content .content_inner .inner ~ .visual {margin-top: 25px;;}
  .temp_premium_skin1 .main_content .visual img {max-width:100%;}
  .temp_premium_skin1 .main_content .title {font-size:24px;}
  .temp_premium_skin1 .main_content .txt {margin-top: 21px; font-size:16px;;}
  .temp_premium_skin1 .main_content .content01 .visual {text-align:right;}
  .temp_premium_skin1 .main_content .content02 .visual {padding:0 24px;}
  .temp_premium_skin1 .main_content .content02 .inner {text-align:right;}
  .temp_premium_skin1 .main_content .content04 .visual {padding: 0 24px; text-align:right;}
  .temp_premium_skin1 .main_content .content04 .inner {text-align:right;}
  .temp_premium_skin1 .main_content .content05 .visual {text-align:right;}
  .temp_premium_skin1 .main_content .content06 .visual {padding: 0 24px;}
  .temp_premium_skin1 .main_content .content06 .inner {text-align:right;}
  .temp_premium_skin1 .main_content .content08 .visual {padding: 0 24px; text-align:right;}
  .temp_premium_skin1 .main_content .content08 .inner {text-align:right;}
  .temp_premium_skin1 .main_content .ft_txt{position: absolute; bottom: 150px; right: 50px; left: unset;}
  .temp_premium_skin1 .main_content .foot_summary{position: absolute; bottom: 50px; left: 0; width: 100%; padding: 0 20px;}
}







/******************************************
  프리미엄 : SKIN2
******************************************/
.temp_premium_skin2 .premium_list .inner {display: grid; grid-template-columns: 55% 1fr; margin-bottom: 3rem;}
.temp_premium_skin2 .premium_list .inner .left_con {position: relative; padding-bottom: 65%; background: #ddd;}
.temp_premium_skin2 .premium_list .inner .left_con .label {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    color: #fff;
    background: #000;
    padding: 0.6rem 1.5rem;
    z-index: 80;
    font-size: 0.87rem;
}
.temp_premium_skin2 .premium_list .inner .left_con .img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.temp_premium_skin2 .premium_list .inner .right_con {
    text-align: left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding:0 3rem;
}
.temp_premium_skin2 .premium_list .inner .right_con .icon {position: relative;}
.temp_premium_skin2 .premium_list .inner .right_con dl {padding-top: 0.5rem;}
.temp_premium_skin2 .premium_list .inner .right_con dl dt {color: #000; font-size: 2.1rem; line-height: 1.3; letter-spacing: -1px; font-weight: 500;}
.temp_premium_skin2 .premium_list .inner .right_con dl dt strong {font-weight: 600;}
.temp_premium_skin2 .premium_list .inner .right_con dl dd {font-size: 1rem; padding-top: 2rem; word-break: keep-all;}
@media screen and (max-width: 768px) {
  .temp_premium_skin2 .premium_list .inner .right_con {padding-right: 1rem; padding-left: 2rem;}
  .temp_premium_skin2 .premium_list .inner {grid-template-columns:50% 1fr;}
}

@media screen and (max-width: 640px) {
  .temp_premium_skin2 .premium_list .inner {grid-template-columns: 1fr;}
  .temp_premium_skin2 .premium_list .inner .right_con {padding-bottom: 2rem; order: 1; display: flex; flex-direction: row; padding-left: 0; padding-right: 0;}
  .temp_premium_skin2 .premium_list .inner .left_con {order: 2;}    
  .temp_premium_skin2 .premium_list li { border-top: 1px solid #ddd; padding-top: 2rem; margin-top: 2rem; }
  .temp_premium_skin2 .premium_list .inner .right_con dl {flex: 1;}
  .temp_premium_skin2 .premium_list .inner .right_con dl dt {font-size: 1.6rem;}
  .temp_premium_skin2 .premium_list .inner .right_con dl dd {padding-top: 1rem;}
  .temp_premium_skin2 .premium_list .inner .right_con .icon {padding-right: 1rem; display: flex; align-items: center; justify-content: center;}
  .temp_premium_skin2 .premium_list .inner .right_con .icon i {transform: scale(0.75);}
}

/******************************************
  오시는길
******************************************/
.temp_location_skin1 .page_container {max-width: 1580px; margin: 0 auto; padding: 200px 0; position: relative;}
.temp_location_skin1 .tit_box{margin-bottom: 140px;}
.temp_location_skin1 .tit_box h3{font-size: 84px; font-weight: 300; color: #fff; line-height: 100px;}
.temp_location_skin1 .tit_box h3 strong{font-weight: 700;}
.temp_location_skin1 .map_wrap{width: 100%; max-width: 1100px; margin: auto;}
.temp_location_skin1 .map_wrap .map{width: 1139px; transform: translateX(-17px); margin-bottom: 90px;}
.temp_location_skin1 .map_wrap .info_wrap{width: 100%; padding: 60px; background: #fff; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.temp_location_skin1 .map_wrap .info_wrap .logo{position: absolute; top: 60px; left: 60px; opacity: 0.07;}
.temp_location_skin1 .map_wrap .info_wrap .top{padding-bottom: 35px; margin-bottom: 24px; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1);}
.temp_location_skin1 .map_wrap .info_wrap .top > h3{font-size: 26px; color: #000; font-weight: 700; line-height: 30px; margin-bottom: 10px; text-align: center;}
.temp_location_skin1 .map_wrap .info_wrap .top > p{font-size: 18px; color: #000; font-weight: 300; line-height: 30px; margin-bottom: 24px; text-align: center;}
.temp_location_skin1 .map_wrap .info_wrap .top ul{display: flex; align-items: center; justify-content: center; gap: 30px; margin-bottom: 30px;}
.temp_location_skin1 .map_wrap .info_wrap .top ul a{display: flex; align-items: center; justify-content: center;}
.temp_location_skin1 .map_wrap .info_wrap .top ul a span{font-size: 16px; font-weight: 300; color: #000; margin-left: 10px; margin-right: 13px;}
.temp_location_skin1 .map_wrap .info_wrap .top .time_box p{font-size: 18px; font-weight: 300; color: #000; line-height: 30px; text-align: center;}
.temp_location_skin1 .map_wrap .info_wrap .top .time_box p span{font-weight: 700;}
.temp_location_skin1 .map_wrap .info_wrap .bottom .household{margin-bottom: 15px;}
.temp_location_skin1 .map_wrap .info_wrap .bottom .household p{font-size: 18px; font-weight: 300; color: #000; line-height: 30px; text-align: center; letter-spacing: 0.5px;}
.temp_location_skin1 .map_wrap .info_wrap .bottom .household p span{font-weight: 700;}
.temp_location_skin1 .map_wrap .info_wrap .bottom a{display: flex; align-items: center; justify-content: center; gap: 5px;}
.temp_location_skin1 .map_wrap .info_wrap .bottom a span{font-size: 50px; line-height: 30px; color: #000; font-weight: 800;}

@media screen and (max-width: 1650px) {
  .temp_location_skin1{padding: 0 40px;}
}
@media screen and (max-width: 1180px){
  .temp_location_skin1 .map_wrap .map{width: 100%; transform: unset;}
  .temp_location_skin1 .map_wrap .map img{width: 100%;}
}
@media screen and (max-width: 1024px) {
  .temp_location_skin1{padding: 0 20px;}
  .temp_location_skin1 .page_container{padding-top: 140px;}
  .temp_location_skin1 .tit_box{margin-bottom: 40px;}
  .temp_location_skin1 .tit_box h3 {font-size: 34px; line-height: 40px; word-break: keep-all;}
  .temp_location_skin1 .map_wrap .info_wrap{padding: 40px 20px;}
  .temp_location_skin1 .map_wrap .info_wrap .logo{top: 20px; left: 20px;}
  .temp_location_skin1 .map_wrap .info_wrap .top ul{flex-direction: column; gap: 10px;}
  .temp_location_skin1 .map_wrap .info_wrap .bottom .household p{display: flex; flex-direction: column;}
  .temp_location_skin1 .map_wrap .info_wrap .bottom a span{font-size: 35px;}
}





/***************************************
  브랜드
****************************************/
.temp_brand_skin1 .running_txt_wrap{width: 100%; overflow: hidden; margin-bottom: 110px;}
.temp_brand_skin1 .running_txt_wrap .running_inner{font-size: 120px; font-weight: 900; color: #fff; white-space: nowrap; line-height: 150px;}
.temp_brand_skin1 .running_txt_wrap .running_inner span{animation: running_txt 120s infinite linear; display: inline-block;}
.temp_brand_skin1 .running_txt_wrap .running_inner span i{margin-right: 90px;}
@keyframes running_txt {
  0% {transform: translate3d(0%, 0, 0);}
  100% {transform: translate3d(-100%, 0, 0);}
}

.temp_brand_skin1 .brand_visual_wrap{position: relative; width: 100%; padding-bottom: 200px; margin-bottom: 200px;}
.temp_brand_skin1 .brand_visual_wrap .bv_1{max-width: 1100px; width: 100%; margin: auto; position: relative; z-index: 1;}
.temp_brand_skin1 .brand_visual_wrap .bv_1 .bg{width: 100%; height: 1330px; position: relative; overflow: hidden;}
.temp_brand_skin1 .brand_visual_wrap .bv_1 .bg img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: -150px;}
.temp_brand_skin1 .brand_visual_wrap .bv_1 .bv_txt{position: absolute; left: 0; right: 0; top: 450px; text-align: center;}
.temp_brand_skin1 .brand_visual_wrap .bv_1 .bv_txt h3{font-size: 60px; font-weight: bold; margin-bottom: 30px;}
.temp_brand_skin1 .brand_visual_wrap .bv_1 .bv_txt p{font-size: 16px; font-weight: bold;}
.temp_brand_skin1 .brand_visual_wrap .bv_2{max-width: 806px; width: 100%; position: absolute; bottom: -150px; left: 0;}


.temp_brand_skin1 .brand_visual_video{width: 100%; position: relative;}
.temp_brand_skin1 .brand_visual_video .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.temp_brand_skin1 .brand_visual_video .bg iframe{width: 100%; height: 100%; object-fit: cover;}
.temp_brand_skin1 .brand_visual_video .txt_wrap{width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.temp_brand_skin1 .brand_visual_video .txt_wrap .top{margin-bottom: 72px;}
.temp_brand_skin1 .brand_visual_video .txt_wrap .top p{font-size: 20px; font-weight: 300; color: #fff; line-height: 34px; opacity: 0;}
.temp_brand_skin1 .brand_visual_video .txt_wrap .middle{margin-bottom: 65px;}
.temp_brand_skin1 .brand_visual_video .txt_wrap .middle h3{
  font-size: 240px;
  font-weight: 900;
  line-height: 100%;
  background-image: url('/resources/img/sub/brand/brand3.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  opacity: 0;
}
.temp_brand_skin1 .brand_visual_video .txt_wrap .bottom p{margin-bottom: 45px; font-size: 20px; color: #fff; line-height: 34px; font-weight: 800; opacity: 0;}
.temp_brand_skin1 .brand_visual_video .txt_wrap .bottom a{display: flex; align-items: center; justify-content: center; gap: 20px; padding: 15px 30px; background: #fff; border-radius: 60px; opacity: 0;}
.temp_brand_skin1 .brand_visual_video .txt_wrap .bottom a span{font-size: 16px; font-weight: 300; color: #000; line-height: 30px;}

/* section05 - motion */
.temp_brand_skin1.open .txt_wrap .top p{animation: focus-in-expand 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.temp_brand_skin1.open .txt_wrap .middle h3{animation: focus-in-expand 1s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both, brand_text 10s infinite alternate linear;}
.temp_brand_skin1.open .txt_wrap .bottom p{animation: focus-in-expand 1s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.temp_brand_skin1.open .txt_wrap .bottom a{animation: focus-in-expand 1s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@keyframes focus-in-expand {
      0% {letter-spacing: -0.5em; filter: blur(12px); opacity: 0;}
      100% {filter: blur(0px); opacity: 1;}
}
@keyframes brand_text {
      0%{background-size: 100% 100%;}
      100%{background-size: 150% 150%;}
}

@media screen and (max-width: 1400px) {
  .temp_brand_skin1 .brand_visual_video .txt_wrap .middle h3{font-size: 150px;}
  .temp_brand_skin1 .brand_visual_wrap .bv_1 .bg{max-width: 800px; margin: auto; height: 950px;}
  .temp_brand_skin1 .brand_visual_wrap .bv_2{max-width: 500px;}
}
@media screen and (max-width: 900px){
  .temp_brand_skin1 .running_txt_wrap .running_inner{font-size: 70px; line-height: 90px;}
  .temp_brand_skin1 .brand_visual_wrap .bv_1 .bg{max-width: 100%; width: 80%; height: 800px;}
  .temp_brand_skin1 .brand_visual_wrap .bv_1 .bv_txt{width: 80%; margin: auto; padding: 0 30px;}
  .temp_brand_skin1 .brand_visual_wrap .bv_1 .bv_txt h3{font-size: 40px; margin-bottom: 15px;}
  .temp_brand_skin1 .brand_visual_wrap .bv_1 .bv_txt p{font-size: 14px; word-break: keep-all;}
  .temp_brand_skin1 .brand_visual_wrap .bv_2 {max-width: 100%; width: 70%;}
  .temp_brand_skin1 .brand_visual_video{padding-bottom: 200px;}
  .temp_brand_skin1 .brand_visual_video .txt_wrap .top p{font-size: 16px; line-height: 24px;}
  .temp_brand_skin1 .brand_visual_video .txt_wrap .middle h3{font-size: 90px;}
  .temp_brand_skin1 .brand_visual_video .txt_wrap .bottom p{font-size: 16px; line-height: 24px;}
}
@media screen and (max-width: 550px){
  .temp_brand_skin1 .brand_visual_video .txt_wrap .middle h3{font-size: 14vw;}
}


/******************************************
  커뮤니티
******************************************/
#loadcommunity .tit{margin-bottom: 30px;}
#loadcommunity .ui_tabcontents .tab_conlist{padding: 60px 0 0;}
@media screen and (max-width:900px) {
  #loadcommunity .ui_tabcontents .tab li{width: 33%;}
  #loadcommunity .ui_tabcontents .tab li:nth-child(odd) a{border-right: 0;}
  #loadcommunity .ui_tabcontents .tab li:nth-child(n+3) a{border-top: 0;}
  #loadcommunity .ui_tabcontents .tab li:nth-child(2) a{border-left: 1px solid #444; border-right: 1px solid #444;}
}

@media screen and (max-width:600px){
  #loadcommunity .ui_tabcontents .tab_conlist li > img{max-width: 370px; margin: auto; width: 100%;}
  #loadcommunity .ui_tabcontents .tab_conlist li:nth-child(1) > img:nth-child(1){content: url("/resources/img/sub/community/mo_community1_1.png");}
  #loadcommunity .ui_tabcontents .tab_conlist li:nth-child(2) > img:nth-child(1){content: url("/resources/img/sub/community/mo_community2_1.png");}
  #loadcommunity .ui_tabcontents .tab_conlist li:nth-child(3) > img:nth-child(1){content: url("/resources/img/sub/community/mo_community3_1.png");}
  #loadcommunity .ui_tabcontents .tab_conlist li > img:last-child{margin-top: 30px;}
}

/******************************************
  분양일정
******************************************/
.temp_schedule_skin1 .page_container{max-width: 1100px;}
.temp_schedule_skin1 .page_container .tit{margin-bottom: 100px;}
@media screen and (max-width:600px) {
  .temp_schedule_skin1 .page_container .tit{margin-bottom: 30px;}
}

/******************************************
  모집공고
******************************************/
.temp_gonggo_skin1 .gonggo_con {margin: 0 -1rem; position: relative; padding-top: 5rem;} 
.temp_gonggo_skin1 .gonggo_con .link_btns {position: absolute; left: 3rem; top: 0; display: flex;}
.temp_gonggo_skin1 .gonggo_con .link_btns li {display: inline-block;}
.temp_gonggo_skin1 .gonggo_con .link_btns li a {display:block; color: #fff; padding: 2.5rem; transition: all .3s; position:relative; overflow: hidden; font-weight: 500;}
.temp_gonggo_skin1 .gonggo_con .link_btns li:nth-child(1) a {background: var(--point_color);}
.temp_gonggo_skin1 .gonggo_con .link_btns li:nth-child(2) a {background: var(--second_color); color: #000; }
.temp_gonggo_skin1 .gonggo_con .link_btns li dl {text-align: left;}
.temp_gonggo_skin1 .gonggo_con .link_btns li dl dt {font-size: 0.92rem;}
.temp_gonggo_skin1 .gonggo_con .link_btns li dl dd {font-size: 1.4rem; font-weight: 500;}
.temp_gonggo_skin1 .gonggo_con .link_btns li dl dd.icon {text-align: right; padding-top: 1rem;}
.temp_gonggo_skin1 .gonggo_con .link_btns li dl dd i { font-size: 1.4rem;}
.temp_gonggo_skin1 .gonggo_con .link_btns li a:hover {transform:translate(-5px, -5px); box-shadow: rgb(0 0 0 / 19%) 0px 0.3rem 1rem, rgb(0 0 0 / 23%) 0px 0.2rem 0.2rem;}

@media screen and (max-width: 768px) {
  .temp_gonggo_skin1 .gonggo_con .link_btns li a {padding: 1.7rem;}
  .temp_gonggo_skin1 .gonggo_con .link_btns {left: 1rem;}
}
@media screen and (max-width: 480px) {
  .temp_gonggo_skin1 .gonggo_con .link_btns li dl dt {font-size: 0.87rem;}
  .temp_gonggo_skin1 .gonggo_con .link_btns li dl dd {font-size: 1.2rem;}
  .temp_gonggo_skin1 .gonggo_con .link_btns li dl dd.icon {padding-top:0;}
}


/******************************************
  입지환경
******************************************/
/* .temp_envir_skin1 .page_container {
  width:1580px;
  margin:0 auto;
} */
.temp_envir_skin1 .page_container .map_wrap {width:1580px; margin: 0 auto; padding-top: 200px; display: flex; flex-direction: column; align-items: center;}
.temp_envir_skin1 .page_container .map_wrap img {width:100%; display: block;}
.temp_envir_skin1 .page_container .map_wrap .m_btn{color: #000; font-size: 16px; font-weight: 500; background: #fff; border-radius: 30px; padding: 10px 25px; margin-top: 20px; display: none; gap: 20px;}
.temp_envir_skin1 .page_container .map_wrap .m_btn img{width: 26px;}

@media screen and (max-width: 1024px) {
  .temp_envir_skin1 .page_container .map_wrap {width:auto; padding-top:140px;}
  .temp_envir_skin1 .page_container .map_wrap .m_btn{display: flex;}
}




.temp_envir_skin1 .main_content .section02 {
  position: relative;
  padding: 516px 0 200px;
  box-sizing: border-box;
}
.temp_envir_skin1 .main_content .section02::before {
  content: "";
  width: 280px;
  height: 521px;
  background: url("../img/sub/environment/logo_hauterre.png") 0 0 no-repeat;
  position: absolute;
  left: 50%;
  top: 229px;
  transform: translateX(-50%);
}
.temp_envir_skin1 .main_content .section02 .header_wrap {
  width: 1400px;
  margin: 0 auto;
  text-align: center;
}
.temp_envir_skin1 .main_content .section02 .header_wrap .title {
  font-family: "Arita-buri";
  font-weight: 600;
  color: #fff;
  font-size: 120px;
  line-height:1.08;
}
.temp_envir_skin1 .main_content .section02 .header_wrap .txt01 {
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  display: block;
  margin-top: 22px;
}
.temp_envir_skin1 .main_content .section02 .header_wrap .txt02 {
  font-size: 25px;
  font-weight: 300;
  color: #fff;
  display: block;
  margin-top: 10px;
}
.temp_envir_skin1 .main_content .section02 .content_wrap {
  height: 2600px;
  position: relative;
}
.temp_envir_skin1 .main_content .section02 .content_wrap .content_inner {
  position: sticky;
  top: 50px;
  bottom: 0;
}
.temp_envir_skin1 .main_content .section02 .content_wrap .content_inner .ft_txt{position: absolute; bottom: 0px; right: 200px; color: #fff; font-size: 12px; opacity: 0.5;}
.temp_envir_skin1 .main_content .section02 .content_wrap .swiper {
  overflow: hidden;
  margin-top: 160px;
  padding-bottom: 100px;
}
.temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide {
  width: 60%;
  transform-origin: 50% 3960px;
}
.temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .inner {
  width: 590px;
  margin: 0 auto;
  text-align: center;
}
.temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .thumb {
  width: 100%;
  height: 590px;
}
.temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .contBox {
  margin-top: 58px;
  opacity: 0;
  transition: opacity 0.3s;
}
.temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .contBox .tag {
  font-family: "Arita-buri";
  font-weight: 600;
  color: #fff;
  font-size: 26px;
  display: block;
}
.temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .contBox .tit {
  margin-top: 27px;
  font-size: 40px;
  color: #fff;
  display: block;
  font-weight: 700;
}
.temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .contBox .txt {
  font-size: 20px;
  color: #fff;
  margin-top: 24px;
  display: block;
}
.temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide-active .contBox {
  opacity: 1;
}
.temp_envir_skin1 .foot_summary{width: 100%; padding: 30px 40px; word-break: keep-all;}
@media (max-width: 1023px) {
  .temp_envir_skin1 .foot_summary{width: 100%; padding: 30px 20px;}
  .temp_envir_skin1 .main_content .section02 {
    padding: 228px 0 50px;
  }
  .temp_envir_skin1 .main_content .section02::before {
    width: 140px;
    height: 261px;
    background-image: url("../img/sub/environment/logo_hauterre.png");
    top: 104px;
    background-size: 100% 100%;
  }
  .temp_envir_skin1 .main_content .section02 .header_wrap {
    width: auto;
  }
  .temp_envir_skin1 .main_content .section02 .header_wrap .title {
    font-size: 36px;
  }
  .temp_envir_skin1 .main_content .section02 .header_wrap .txt01 {
    font-size: 35px;
    margin-top: 35px;
  }
  .temp_envir_skin1 .main_content .section02 .header_wrap .txt02 {
    font-size: 18px;
    margin-top: 22px;
  }
  .temp_envir_skin1 .main_content .section02 .content_wrap {
    height: auto;
  }
  .temp_envir_skin1 .main_content .section02 .content_wrap .content_inner .ft_txt{bottom: 0px; right: 0; left: 0; text-align: right; width: 100%; padding: 0 20px;}
  .temp_envir_skin1 .main_content .section02 .content_wrap .swiper {
    margin-top: 70px;
    padding-bottom: 100px;
  }
  .temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide {
    width: 90%;
    transform-origin: 50% 1160px;
  }
  .temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .inner {
    width: 360px;
  }
  .temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .thumb {
    width: 270px;
    height: 270px;
  }
  .temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .contBox {
    margin-top: 90px;
  }
  .temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .contBox .tag {
    font-size: 20px;
  }
  .temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .contBox .tit {
    margin-top: 20px;
    font-size: 28px;
  }
  .temp_envir_skin1 .main_content .section02 .content_wrap .swiper .swiper-slide .contBox .txt {
    font-size: 16px;
    margin-top: 15px;
  }
}






/******************************************
  홍보센터
******************************************/
.page_content .page_container.news_container{max-width: 1580px; margin-top: 200px;}
.news_list_type ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;}
.news_list_type ul li {height: 320px; margin-bottom:2.5rem; background:#000; text-align: left; border: 1px solid #444444;}
.news_list_type ul li.empty_data {grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; font-family: 'suit'; font-size:1rem; color:#fff;}
.news_list_type ul li a {display:block; width:100%; height:100%; padding:47px 50px; font-size:1rem; color:#fff;}
.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: 'suit'; color:#fff; font-size:16px; margin-bottom:44px; font-weight: 200;}
.news_list_type ul li a .news_con dl {height: 54px; 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:20px; font-family: 'suit'; font-weight:bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff;}
.news_list_type ul li a .news_con dl dd { word-break:break-all; white-space: normal; margin:1rem 0; font-family: 'suit';overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff;}
.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: #fff; 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: #fff; font-family: 'suit'; margin:0; font-size: 14px; font-weight: 200;}
.news_list_type ul li a .news_con .news_b h3 {font-size: 14px; font-family: 'suit'; color: #fff; font-weight: 200;}

/* .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;}
.page_content .page_container.news_container{padding-bottom: 0;}


@media screen and (max-width: 1650px){
  .page_content .page_container.news_container{padding: 0 40px;}
}
@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) {
  .page_content .page_container.news_container{padding: 0 20px; margin-top: 140px;}
  .news_list_type ul {grid-template-columns: repeat(1, 1fr); gap:0;}
  .news_list_type ul li{margin-bottom: 10px;}
  .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;}
} */

/******************************************
  페이지네이션 (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:#fff;
  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;
  position: relative;
  text-align: center;
  color: #fff;  
}
.pagination a span{opacity: 0.5; transition: all 0.3s;}
.pagination a span:hover{opacity: 1;}

.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: #fff; 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: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pagination a.next:before{font-family: 'FontAwesome'; content: "\f105"; font-size:1.3rem; color: #fff; 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: #fff;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;
}

/******************************************
  특별공급
******************************************/
.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_promotion_video_skin1 .video_wrap{width: 100%; height: 670px;}
.temp_promotion_video_skin1 .video_wrap .video-wrapper{width: 100%; height: 100%; position: relative;}
.temp_promotion_video_skin1 .video_wrap .video-poster{position: absolute; width: 100%; height: 100%; object-fit: cover; cursor: pointer; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;}
.temp_promotion_video_skin1 .video_wrap iframe{width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width: 1600px) {
  .temp_promotion_video_skin1{padding: 0 20px;}
}
@media screen and (max-width: 900px){
  .temp_promotion_video_skin1 .video_wrap{height: 400px;}
  .temp_promotion_video_skin1{padding: 0;}
} 

/************************************ 
  시스템 - AIQ 
*************************************/
#loadaiq .tit{margin-bottom: 50px; text-align: left;}
#loadaiq .tit > p{font-size: 36px; font-weight: 300;}
#loadaiq .tit > h3{font-size: 44px; font-weight: bold;}
#loadaiq .tit .txt_box{margin: 60px 0;}
#loadaiq .tit .txt_box span{display: block; width: 30px; height: 1px; background: #fff; transform: rotate(-45deg);}
#loadaiq .tit .txt_box p{font-size: 20px; font-weight: 300;}
#loadaiq .tit .txt_box p:first-of-type{margin: 30px 0 0;}

#loadaiq .ui_tabcontents .tab_conlist > li .video_box{margin: 20px 0 50px; width: 100%;}
#loadaiq .ui_tabcontents .tab_conlist > li .video_box iframe{width: 100%;}

#loadaiq .ui_tabcontents .tab_conlist > li .img_box{margin: 20px 0 50px; width: 100%;}
#loadaiq .ui_tabcontents .tab_conlist > li .img_box img{width: 100%;}
@media screen and (max-width:900px) {
  #loadaiq .ui_tabcontents .tab li{width: 33%;}
  #loadaiq .ui_tabcontents .tab li a{padding: 0 10px; white-space: unset; word-break: keep-all;}
  #loadaiq .ui_tabcontents .tab li:nth-child(odd) a{border-right: 0;}
  #loadaiq .ui_tabcontents .tab li:nth-child(n+3) a{border-top: 0;}
  #loadaiq .ui_tabcontents .tab li:nth-child(2) a{border-left: 1px solid #444; border-right: 1px solid #444;}
}
@media screen and (max-width:650px){
  #loadaiq .tit > p{font-size: 20px;}
  #loadaiq .tit > h3{font-size: 30px;}
  #loadaiq .tit .txt_box{margin: 30px 0;}
  #loadaiq .tit .txt_box p{font-size: 14px;}
  #loadaiq .ui_tabcontents .tab_conlist > li .video_box iframe{height: 350px;}
}

@media screen and (max-width:450px){
  #loadaiq .tit > p{font-size: 16px;}
  #loadaiq .tit > h3{font-size: 22px;}
  #loadaiq .tit .txt_box p{word-break: keep-all;}
  #loadaiq .ui_tabcontents .tab_conlist > li .video_box iframe{height: 250px;}
}

/***************************************
  이벤트 당첨자
****************************************/
.event_winner .result_inner {background: #fff; padding-top: 2rem;}
.event_winner .result_inner p.tit {padding: 1rem 0 0; text-align: center;}
.event_winner .result_inner p.tit span {display: inline-block; padding: 1rem 0; color: #fff; background: #064c44; font-weight: 600; font-size: 1.3rem; width: 970px;}
.event_winner .winner_list { max-width: 970px; width:100%; margin:0 auto; overflow: hidden; padding: 4rem 2rem; background:#fff; margin-top:-2rem; border-radius: 10px;}
.event_winner .winner_list ul.list_head { display: flex; flex-wrap:wrap; width:100%; }
.event_winner .winner_list ul.list_head li.user_tit { display: flex; font-size: 1.2rem; padding: 0.6rem 0; color: #000; font-weight: 500; width: 50%; background:#001241; color: #fff; font-weight: 500; justify-content: center; }
.event_winner .winner_list ul.list_head li.user_tit strong { display: block; width: 50%; padding: 0 5px; width: 40%; text-align: center;}
.event_winner .winner_list ul.list_head li.user_tit span { display: block; width: 50%; padding: 0 6px; width: 60%; text-align: center;}
.event_winner .winner_list ul.list_body { overflow: hidden; width:100%;}
.event_winner .winner_list ul.list_body li.user_data {float: left; width: 50%; padding: 0 1rem; text-align: center; }
.event_winner .winner_list ul.list_body li.user_data:nth-child(2n+1) {clear: both;}
.event_winner .winner_list ul.list_body li.user_data { display: flex; font-size: 1.2rem; padding: 0.6rem 0; color: #000; font-weight: 500; border-bottom: 1px solid #ddd; }
.event_winner .winner_list ul.list_body li.user_data strong { display: block; width: 50%; padding: 0 5px; width: 40%; text-align: center;}
.event_winner .winner_list ul.list_body li.user_data span { display:block; width:100%; padding: 0 6px;text-align: center;}
@media screen and (max-width: 1024px) {  
    .event_winner .result_winner {padding:0 5%;}
}
@media screen and (max-width: 600px) {  
    .event_winner .winner_list ul.list_head li.user_tit {width:100%}
    .event_winner .winner_list ul.list_head li:last-child {display:none;}
    .event_winner .winner_list ul.list_body li.user_data {width:100%; clear:both;}
}
.event_winner .winner_con {
  background-color: #001140;
  background-image: url("/resources/img/sub/event_winner_bg.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
  padding: 0 0 50px;
}
.event_footer { 
  background: #001140;
  padding: 0 2rem 50px;  
}
.event_footer ul { max-width: 970px; width:100%; margin:0 auto; overflow: hidden; }
.event_footer ul li { color: #fff; font-weight: 400; font-size: 18px; text-indent: -22px; padding: 0 0 0 22px;}
@media screen and (max-width: 600px) {
  .event_winner .winner_con {
    background-image: url("/resources/img/sub/event_winner_bg_m.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
    padding: 0 0 50px;
    background-size: 100% auto;
  }
  .event_footer ul li {  font-size: 16px; }
}
.event_winner h3 {
  padding: 10rem 0 5rem;
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .event_winner h3 {
    padding: 6rem 0 3rem;
  }
}
.event_winner h4 {
  padding: 0 0 3rem;  
  font-family: "GmarketSansBold";
  text-align: center;
  font-size: 80px;
  color: #fff;
  line-height: 1.2;
}
.event_winner h4 br { display: none; }
@media screen and (max-width: 960px) {
  .event_winner h4 br { display: block; }
}
@media screen and (max-width: 800px) {
  .event_winner h4 {font-size: 12vw;}
}
.event_winner h5 {
  max-width: 700px;
  height: 60px;
  margin: 0 auto; 
  background: #7ec0ff;
  text-align: center;
  z-index: 999;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;  
  border-radius: 60px;
}
.event_winner h5 span {
  color: #fff;
  font-size: 2rem;  
  font-family: "Pretendard";  
  line-height: 1;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .event_winner h5 { width: 80%; height: 4rem;}
  .event_winner h5 span { font-size: 3.5vw;}
}