@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');

:root {
  --color_doc_01: #EFBFCA;
  --color_doc_02: #F9DABB;
  --color_doc_03: #E1C0E2;
  --color_doc_04: #D5D9E5;
  --color_doc_05: #A8DDB2;
}

body {
  background-color: #fff;
}

@media screen and (max-width: 1024px) {

  .temp_header_skin1 .btn_call svg path,
  .temp_header_skin1.on .btn_call svg path {
    stroke: #fff !important;
    fill: #fff !important;
  }

  .header--active .temp_header_skin1 .btn_call svg path {
    fill: #001140 !important;
    stroke: #001140 !important;
  }
}


/********************************************
  크게보기 버튼
********************************************/
.button_group {
  text-align: center;
  padding: clamp(20px, calc(40/640 * 100vw), 40px) 0;
}

.button_group .round_btn {
  background: #000C42;
  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-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  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 {
  text-align: left;
  max-width: 1200px;
  margin-top: 60px;
  padding: 26px 30px;
  position: relative;
  z-index: 2;
  background: #f6f6f6;
}

.foot_summary li {
  color: #888;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

@media screen and (max-width: 1100px) {
  .foot_summary {
    padding: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .foot_summary {
    margin-top: 50px;
  }
}

/******************************************
  컨텐츠 영역
******************************************/
.page_content {
  padding: 100px 0 230px;
  overflow: hidden;
}

.page_content .page_container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.page_content .page_container img {
  max-width: 100%;
  /* margin: auto; */
  /* display: block; */
  filter: none !important;
}

@media screen and (max-width: 1100px) {
  .page_content .page_container {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 1024px) {
  .page_content {
    padding: 80px 0 120px;
  }

  .page_content .page_container {
    padding: 0 25px;
  }
}

.content_wrap .img_box {
  position: relative;
  text-align: center;
  width: fit-content;
  margin: auto;
}



/******************************************
  타이틀 영역
******************************************/
.sbpage_title {
  text-align: center;
  padding-bottom: 43px;
}

.sbpage_title dd {
  color: #000C42;
  font-family: 'Paperlogy';
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.sbpage_title dd strong {
  font-weight: 500;
}

@media screen and (max-width: 1024px) {
  .sbpage_title {
    padding-bottom: 80px;
  }
}



.title_contents {margin-bottom: 100px;}
.title_contents .txt {color:#666; font-size:28px; letter-spacing: -0.56px;}
.title_contents .tit {color:#373737; font-size:50px; font-weight: 700; letter-spacing: -1px;}

@media screen and (max-width: 1024px) {
  .title_contents {margin-bottom: 15px;}
  .title_contents .txt {font-size:16px;}
  .title_contents .tit {font-size:28px;}
}





/******************************************
  사업개요
******************************************/
.temp_overview_skin1 .content_wrap {
  border-bottom: 1px solid #DADADA;
  margin-top: 80px;
  padding: 100px 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.temp_overview_skin1 .overview_top h2 {
  color: #111;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  padding-left: 50px;
  line-height: 120%;
  position: relative;
  z-index: 1;
}

.temp_overview_skin1 .overview_top h2>span {
  display: block;
  overflow: hidden;
}

.temp_overview_skin1 .overview_top h2>span span {
  transform: translateY(100%);
  transition: 1s ease;
  display: inline-block;
}

.temp_overview_skin1 .overview_top h2>span span:nth-child(1) {
  transition-delay: 0.1s;
}

.temp_overview_skin1 .overview_top h2>span span:nth-child(2) {
  transition-delay: 0.2s;
}

.temp_overview_skin1 .overview_top h2>span span:nth-child(3) {
  transition-delay: 0.3s;
}

.temp_overview_skin1 .overview_top h2>span span:nth-child(4) {
  transition-delay: 0.4s;
}

.temp_overview_skin1 .aos-animate .overview_top h2>span span {
  transform: translateY(0);
}

.temp_overview_skin1 .visual_wrap {
  margin-top: -46px;
}

.temp_overview_skin1 .visual_wrap .img_box {
  position: relative;
  overflow: hidden;
}

.temp_overview_skin1 .visual_wrap .img_box img {
  transform: scale(1.2);
  transition: 9s ease;
}

.temp_overview_skin1 .img_box h3 {
  position: absolute;
  top: 136px;
  right: 60px;
  color: #333;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  opacity: 0;
  transform: translateX(-40px);
  transition: 1s ease;
}

.temp_overview_skin1 .aos-animate .img_box h3 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.7s;
}

.temp_overview_skin1 .aos-animate .visual_wrap .img_box img {
  transform: scale(1);
}

.temp_overview_skin1 .content_wrap .titleBox {
  color: #333;
  font-family: Poppins;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  width: 30%;
  white-space: nowrap;
}

.temp_overview_skin1 .content_wrap .titleBox strong {
  font-weight: bold;
}
.temp_overview_skin1 .ui_tabcontents {
  margin-top: 100px;
}
.temp_overview_skin1 .ui_tabcontents .tab {
  margin: 0;
}

.temp_overview_skin1 .content_wrap .infoBox {
  width: 60%;
}

.temp_overview_skin1 .content_wrap .infoBox ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 0px;
}


.temp_overview_skin1 .content_wrap .infoBox ul .tit {
  color: #111;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 8px;
}

.temp_overview_skin1 .content_wrap .infoBox ul .txt {
  color: #444;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  word-break: keep-all;
}

.temp_overview_skin1 .content_wrap .infoBox ul .tbl {border:1px solid #CACACA; border-top:0; max-width: 285px;}
.temp_overview_skin1 .content_wrap .infoBox ul .tbl table {width:100%;}
.temp_overview_skin1 .content_wrap .infoBox ul .tbl th,
.temp_overview_skin1 .content_wrap .infoBox ul .tbl td {font-size:20px; color:#444; height: 42px; text-align:center; border-top:1px solid #CACACA; font-weight: 400;}
.temp_overview_skin1 .content_wrap .infoBox ul .tbl th {background:#F4F4F4; border-right:1px solid #CACACA;}


@media screen and (max-width: 1024px) {
  .temp_overview_skin1 .overview_top h2 {
    font-size: 40px;
    padding-left: 20px;
  }

  .temp_overview_skin1 .visual_wrap {
    margin-top: -27px;
  }

  .temp_overview_skin1 .visual_wrap .caution {
    left: 10px;
  }

  .temp_overview_skin1 .img_box h3 {
    font-size: 20px;
    right: 26px;
    top:76px
  }

  .temp_overview_skin1 .content_wrap {
    padding: 40px 0;
    flex-direction: column;
    justify-content: unset;
    gap: 35px;
    margin-top: 50px;
  }

  .temp_overview_skin1 .content_wrap .titleBox {
    font-size: 26px;
    width:auto;
  }

  .temp_overview_skin1 .content_wrap .infoBox {
    width:auto;
  }

  .temp_overview_skin1 .content_wrap .infoBox ul {
    display: flex;
    flex-direction: column;
    gap: 35px 0;
  }

  .temp_overview_skin1 .content_wrap .infoBox ul .tit {
    font-size: 13px;
  }

  .temp_overview_skin1 .content_wrap .infoBox ul .txt {
    font-size: 14px;
  }

  

  .temp_overview_skin1 .content_wrap .infoBox ul .tbl {max-width:200px;}
  .temp_overview_skin1 .content_wrap .infoBox ul .tbl table {}
  .temp_overview_skin1 .content_wrap .infoBox ul .tbl th,
  .temp_overview_skin1 .content_wrap .infoBox ul .tbl td {font-size:14px; height: 30px;}
  .temp_overview_skin1 .content_wrap .infoBox ul .tbl th {}

}


/******************************************
  입지환경
******************************************/
.temp_location_skin1 .tit_box {
  margin-bottom: 47px;
  display: flex;
  justify-content: center;
  padding-top: 45px;
}

.temp_location_skin1 .tit_box p {
  position:relative;
  color:#015A89;
  font-family: 'MapoGeumbitnaru', serif;
  font-size:50px;
  font-weight: 600;
}

.temp_location_skin1 img {
  display: block;
}

@media screen and (max-width: 1024px) {
  .temp_location_skin1 .tit_box {
    padding-top: 10px;
    margin-bottom: 22px;
  }

  .temp_location_skin1 .tit_box p {
    font-size:28px;
  }
}



.temp_location_skin1 .cont_wrap {
  padding: 110px 120px;
  background: #f5f7f9;
}

.temp_location_skin1 .location_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 87px;
}

.temp_location_skin1 .location_item {
  display: flex;
  flex-direction: row;
  align-items: end;
  gap: 70px;
}

.temp_location_skin1 .location_item:nth-child(even) {
  flex-direction: row-reverse;
}

.temp_location_skin1 .location_item_img {
  flex: 1 1 50%;
  min-width: 0;
  overflow: hidden;
  position: relative;
}

.temp_location_skin1 .location_item_img img {
  width: 100%;
  height: auto;
  display: block;
}

.temp_location_skin1 .location_item_txt {
  flex: 1 1 50%;
  min-width: 0;
  box-sizing: border-box;
}

.temp_location_skin1 .location_item_icon {
  display: block;
  width: 70px;
  height: auto;
  margin-bottom: 33px;
}

.temp_location_skin1 .location_item_icon img {
  width: 100%;
  height: auto;
  display: block;
}

.temp_location_skin1 .location_item_step {
  color: #004877;
  text-align: left;
  font-family: SUIT;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  padding-bottom: 28px;
  letter-spacing: -0.02em;
}

.temp_location_skin1 .location_item_tit {
  color: #111;
  font-family: SUIT;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.4px;
  padding-bottom: 4px;
}

.temp_location_skin1 .location_item_desc {
  color: #666;
  font-family: SUIT;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: -0.9px;
}

@media screen and (max-width: 1350px) {
  .temp_location_skin1 .location_item_icon {
    width: 60px;
    margin-bottom: 20px;
  }

  .temp_location_skin1 .location_item_step {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .temp_location_skin1 .cont_wrap {
    padding: 85px 30px;
  }

  .temp_location_skin1 .location_list {
    gap: 100px;
  }

  .temp_location_skin1 .location_item {
    flex-direction: column !important;
    align-items: center;
    text-align: center;
    gap: 42px;
  }

  .temp_location_skin1 .location_item_step {
    text-align: center;
    font-size: 22px;
  }

  .temp_location_skin1 .location_item_tit {
    font-size: 20px;
    line-height: 160%;
    padding-bottom: 4px;
    letter-spacing: -0.4px;
  }

  .temp_location_skin1 .location_item_txt {
    font-size: 18px;
    letter-spacing: -0.9px;
  }

  .temp_location_skin1 .location_item_icon {
    margin: 0 auto 17px;
  }

  .temp_location_skin1 .location_item_img {
    width: 100%;
    max-width: 480px;
  }
}



/******************************************
  프리미엄
******************************************/
.temp_premium_skin1 .tit_box {
  margin-bottom: 58px;
}

.temp_premium_skin1 .tit_box p {
  color: #3D3D3D;
  font-family: Pretendard;
  font-size: 40px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -0.8px;
  text-align: center;
}

.temp_premium_skin1 .tit_box p span {
  font-weight: 600;
}

.temp_premium_skin1 .tit_box h3 {
  color: #001140;
  font-family: Vonca;
  font-size: 74px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 2.935px;
  text-transform: uppercase;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .temp_premium_skin1 .tit_box {
    margin-bottom: 45px;
  }

  .temp_premium_skin1 .tit_box p {
    font-size: 24px;
  }

  .temp_premium_skin1 .tit_box h3 {
    font-size: 50px;
  }
}


.temp_location_skin1 .premium_tit_box {
  margin: 100px 0 58px;
}

.temp_location_skin1 .premium_tit_box p {
  color: #3D3D3D;
  font-family: Pretendard;
  font-size: 40px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -0.8px;
  text-align: center;
}

.temp_location_skin1 .premium_tit_box p span {
  font-weight: 600;
}

.temp_location_skin1 .premium_tit_box h3 {
  color: #001140;
  font-family: Vonca;
  font-size: 74px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 2.935px;
  text-transform: uppercase;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .temp_location_skin1 .premium_tit_box {
    margin-bottom: 45px;
  }

  .temp_location_skin1 .premium_tit_box p {
    font-size: 24px;
  }

  .temp_location_skin1 .premium_tit_box h3 {
    font-size: 50px;
  }
}

.temp_location_skin1 .location_section {
  position: relative;
  width: 100%;
  padding: 100px;
  background: #E0E8F0;
}

.temp_location_skin1 .location_section-mt {
  margin-top: 72px;
}

.location_layout {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
}

.location_layout_item {
  position: relative;
}

.temp_location_skin1 .tab1_img1 {
  width: 720px;
  margin: 70px auto 0;
}

.temp_location_skin1 .tab1_img2 {
  margin: 72px auto 0;
  width: 795px;
}

.temp_location_skin1 .location_section .location_video_wrap {
  position: relative;
  width: 340px;
}

.temp_location_skin1 .location_section .location_video {
  position: relative;
  width: 100%;
  padding-top: 177.77%;
}

.temp_location_skin1 .video_area.mov_responsive {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.temp_location_skin1 .video_area.mov_responsive iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.temp_location_skin1 .mov_responsive a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 2;
}

.temp_location_skin1 .mov_responsive a.js_youtube_poster_btn {
  background: url("/resources/img/sub/youtube_poster.v1.jpg") center center / cover no-repeat;
}

.temp_location_skin1 .mov_responsive.poster_type2 a.js_youtube_poster_btn {
  background-image: url("/resources/img/sub/youtube_poster2.v1.jpg");
}

.temp_location_skin1 .mov_responsive.poster_type3 a.js_youtube_poster_btn {
  background-image: url("/resources/img/sub/youtube_poster3.v1.jpg");
}

.temp_location_skin1 .mov_responsive.poster_type4 a.js_youtube_poster_btn {
  background-image: url("/resources/img/sub/location_youtube_poster.v1.jpg");
}

.temp_location_skin1 .mov_responsive a.js_youtube_poster_btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
}

.temp_location_skin1 .mov_responsive a img,
.mov_responsive a svg,
.video_con a img {
  width: 84px !important;
  height: 84px !important;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.temp_location_skin1 .video_wrap {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.temp_location_skin1 .video_wrap iframe {
  position: absolute;
  left: 0;
  top: -60px;
  width: 100%;
  height: calc(100% + 120px);
}


.temp_location_skin1 .location_section_new {
  position: relative;
}

.temp_location_skin1 .location_section_new .location_video_wrap {
  width: 354px;
  position: absolute;
  left: 63px;
  top: 213px;
}

.temp_location_skin1 .location_section_new .location_video_wrap .location_video {
  position: relative;
  width: 100%;
  padding-top: 177.77%;
}

@media screen and (max-width: 1080px) {
  .temp_location_skin1 .location_section_new .location_video_wrap {
    width: 320px;
    position: absolute;
    left: 63px;
    top: 177px;
  }

  .temp_location_skin1 .location_section_new .location_video_wrap .location_video {
    padding-top: 166.77%;
  }
}

@media screen and (max-width: 1024px) {

  .temp_location_skin1 .location_section_new {}

  .temp_location_skin1 .location_section_new .location_video_wrap {
    width: 83.79%;
    left: 50%;
    top: 10.83%;
    transform: translateX(-50%);
  }

  .temp_location_skin1 .location_section_new .location_video_wrap .location_video {}


  .temp_location_skin1 .location_section {
    padding: 40px 20px;
  }

  .location_layout {
    flex-direction: column;
  }

  .location_layout_item {
    width: 100%;
  }

  .temp_location_skin1 .location_section .location_video_wrap {
    width: 100%;
  }

  .temp_location_skin1 .tab1_img1 {
    width: 100%;
    margin: 32px auto 0;
  }

  .temp_location_skin1 .tab1_img2 {
    margin: 34px auto 0;
    width: 100%;
  }
}

/******************************************
  오시는길
******************************************/
.temp_contact_skin1 .contactus_content ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 21px;
}

.temp_contact_skin1 .contactus_content ul li {
  display: flex;
  align-items: center;
  gap: 70px;
}

.temp_contact_skin1 .contactus_content ul li .map {
  position: relative;
}

.temp_contact_skin1 .contactus_content ul li .info {
  display: flex;
  flex-direction: column;
}

.temp_contact_skin1 .contactus_content ul li .info .txt_wrap h3 {
  color: #001241;
  font-family: Vonca;
  font-size: 50px;
  font-weight: 400;
  margin-bottom: 24px;
}

.temp_contact_skin1 .contactus_content ul li .info .txt_wrap h4 {
  color: #222;
  font-family: Pretendard;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.44px;
}

.temp_contact_skin1 .contactus_content ul li .info .txt_wrap p {
  color: #666;
  font-family: Pretendard;
  font-size: 18px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -0.36px;
  margin-bottom: 24px;
}

.temp_contact_skin1 .contactus_content ul li .info .btn_box {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media screen and (max-width: 1024px) {
  .temp_contact_skin1 .contactus_content ul {
    flex-direction: column;
    gap: 49px;
  }

  .temp_contact_skin1 .contactus_content ul .line {
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    display: none;
  }

  .temp_contact_skin1 .contactus_content ul li {
    flex-direction: column;
    gap: 0;
  }

  .temp_contact_skin1 .contactus_content ul li .map {
    margin-bottom: 42px;
  }

  .temp_contact_skin1 .contactus_content ul li .info {
    flex-direction: column;
    width: 100%;
  }
}



/******************************************
  브랜드소개
******************************************/
.temp_brand_skin1 .brand {
  max-width: 1100px;
  margin: 0 auto;
}

.temp_brand_skin1 .brand h3 {
  font-size: 34px;
  text-align: center;
  position: relative;
  font-weight: 600;
  padding: 0 0 2rem;
  margin: 5rem 0 2rem;
  color: #333
}

.temp_brand_skin1 .brand h3::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 130px;
  height: 2px;
  transform: translateX(-50%);
  background: #eee;
}

.temp_brand_skin1 .brand .en_tit {
  text-align: center;
  font-size: 22px;
  color: #9ab3cd;
  font-weight: 400;
}

.temp_brand_skin1 .brand .en_tit strong {
  font-weight: 600;
}

.temp_brand_skin1 .brand .summary p {
  font-size: 17px;
  text-align: center;
  font-weight: 400;
}

.temp_brand_skin1 .brand .summary p strong {
  display: block;
  margin: 1rem 0;
  font-size: 26px;
  color: #001041;
  font-weight: 600;
}

.temp_brand_skin1 .brand .brand_con {
  margin: 8rem 0;
  text-align: center
}

.temp_brand_skin1 .brand_logo {
  display: flex;
  margin: 0 0 4rem;
}

.temp_brand_skin1 .brand_logo .logo_img {
  width: 380px;
  text-align: center;
  position: relative;
  border: 1px solid #e9e9e9;
  border-right: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.temp_brand_skin1 .brand_logo .logo_img img {
  width: 50%;
}

.temp_brand_skin1 .brand_logo .logo_img span {
  box-sizing: border-box;
  text-align: center;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 90px;
  height: 50px;
  font-size: 14px;
  line-height: 1.1;
  background: #001141;
  color: #fff;
  padding: 8px 0 0;
}

.temp_brand_skin1 .brand_logo .logo_txt {
  box-sizing: border-box;
  width: calc(100% - 380px);
  background: #001141;
  padding: 3rem 4rem;
  text-align: left;
}

.temp_brand_skin1 .brand_logo .logo_txt dt {
  padding: 0 0 1rem;
  font-size: 26px;
  color: #fff;
  font-weight: 600;
}

.temp_brand_skin1 .brand_logo .logo_txt dd p {
  /* position: relative; */
  font-size: 17px;
  color: #fff;
  font-weight: 500;
}

.temp_brand_skin1 .brand .mov_responsive {
  position: relative;
  padding: 56.25% 0 0;
  margin: 4rem 0;
}

.temp_brand_skin1 .brand .mov_responsive iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.temp_brand_skin1 .brand_award {
  padding: 0;
}

.temp_brand_skin1 .brand_award h4 {
  position: relative;
  text-align: center;
  margin: 0 0 2rem;
}

.temp_brand_skin1 .brand_award h4::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  background: #000;
  z-index: -1;
}

.temp_brand_skin1 .brand_award ul {
  display: flex;
  justify-content: space-between;
}

.temp_brand_skin1 .brand_award ul li {
  width: 18%;
  padding: 0 0 2rem;
}

.temp_brand_skin1 .brand_award ul li img {
  width: 100%;
}

@media screen and (max-width: 1080px) {
  .temp_brand_skin1 .brand .brand_con {
    margin: 4rem 0;
  }

  .temp_brand_skin1 .brand_logo {
    margin: 0 0 2rem;
  }

  .temp_brand_skin1 .brand_logo .logo_img {
    width: 240px;
  }

  .temp_brand_skin1 .brand_logo .logo_txt {
    width: calc(100% - 240px);
    padding: 2rem 3rem;
  }

  .temp_brand_skin1 .brand_logo .logo_txt dt {
    font-size: 20px;
  }

  .temp_brand_skin1 .brand_logo .logo_txt dd p {
    font-size: 14px;
  }

  .temp_brand_skin1 .brand_logo .logo_txt dd p br {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  .temp_brand_skin1 .brand h3 {
    font-size: 22px;
  }

  .temp_brand_skin1 .brand div.en_tit {
    font-size: 14px;
  }

  .temp_brand_skin1 .brand .summary p strong {
    font-size: 18px;
  }

  .temp_brand_skin1 .brand .summary p br {
    display: none;
  }

  .temp_brand_skin1 .brand_logo {
    display: block;
    margin: 0 0 1rem;
  }

  .temp_brand_skin1 .brand_logo .logo_img {
    width: 100%;
    padding: 2rem 0;
    border-right: 1px solid #e9e9e9;
  }

  .temp_brand_skin1 .brand_logo .logo_img img {
    width: 20%;
  }

  .temp_brand_skin1 .brand_logo .logo_txt {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .temp_brand_skin1 .brand_award ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }

  .temp_brand_skin1 .brand_award ul li {
    width: 46%;
  }

  .temp_brand_skin1 .brand .mov_responsive {
    margin: 1rem 0;
  }
}

/******************************************
  언론보도
******************************************/
.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: #001241;
  font-size: 17px;
  margin-bottom: 1rem;
  font-weight: bold;
}

.news_list_type ul li a .news_con dl {
  height: 60px;
  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;
}

.news_list_type ul li a .news_con .news_content p {
  font-size: 15px;
  line-height: 20px;
  color: #999;
  font-weight: 500;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.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;
}

.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;
}

.news_fixed_content {
  width: 100%;
  position: relative;
  margin-bottom: 2rem;
  display: none !important;
}

.news_fixed_content ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.news_fixed_content ul li {
  background: #F3F3F3;
  padding: 23px 10px 13px;
}

.news_fixed_content ul li .tit {
  color: #000;
  text-align: left;
  font-family: "Noto Serif KR";
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 11px;
}

.news_fixed_content ul li .info_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
  padding: 6px;
  /*border-top: 1px solid #000;*/
  border-bottom: 1px solid #000;
}

.news_fixed_content ul li .info p {
  color: #000;
  font-family: "Noto Serif KR";
  font-size: 14px;
  font-weight: 400;
}

.news_fixed_content ul li .content {
  padding: 0 12px;
}

.news_fixed_content ul li .content p {
  color: #000;
  font-family: "Noto Serif KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 10px;
}

.news_fixed_content ul li .content img {
  width: 100%;
}

.news_fixed_content ul li .date {
  color: #000;
  text-align: right;
  font-family: "Noto Serif CJK KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@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;
  }

  .news_fixed_content ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@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: 660px) {
  .news_fixed_content ul {
    grid-template-columns: repeat(1, 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 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: #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;
}

/******************************************
  교통 플랫폼
******************************************/
.temp_platform_skin1 .page_cont_wrap .tit {
  max-width: 1100px;
  margin: 70px auto 93px;
  text-align: center;
}

.temp_platform_skin1 .page_cont_wrap .tit h3 {
  color: #000C42;
  font-size: 36px;
  font-weight: 700;
  margin: 5px 0;
}

.temp_platform_skin1 .page_cont_wrap .tit h3 i {
  font-style: normal;
  font-size: 24px;
}

.temp_platform_skin1 .page_cont_wrap .tit p {
  color: #000C42;
  font-size: 26px;
  font-weight: 300;
}

.temp_platform_skin1 .page_cont_wrap .tit p strong {
  color: #000C42;
  font-family: 'Pretendard';
  font-size: 25px;
  font-weight: 700;
}

.temp_platform_skin1 .page_container img {
  display: block;
  margin: auto;
}

.temp_platform_skin1 .page_container img.platform1 {
  margin: 0 auto 75px;
}

@media screen and (max-width: 1024px) {
  .temp_platform_skin1 .page_container {
    padding: 0 25px;
  }

  .temp_platform_skin1 .page_container img.platform1 {
    margin: 0 auto 20px;
  }
}

@media screen and (max-width: 600px) {
  .temp_premium_skin1 .page_cont_wrap .tit h3 {
    font-size: 22px;
  }

  .temp_premium_skin1 .page_cont_wrap .tit p {
    font-size: 20px;
  }

  .temp_premium_skin1 .page_cont_wrap .tit p strong {
    font-size: 19px;
  }
}


/******************************************
  평면안내
******************************************/
.temp_unit_skin1 .page_cont_wrap .tit {
  max-width: 1100px;
  margin: 70px auto 93px;
  text-align: center;
}

.temp_unit_skin1 .page_cont_wrap .tit h3 {
  color: #000C42;
  font-size: 40px;
  font-family: 'Athena';
  font-weight: 400;
  margin: 0 0 15px;
}

.temp_unit_skin1 .page_cont_wrap .tit h3 i {
  font-style: normal;
  font-size: 24px;
}

.temp_unit_skin1 .page_cont_wrap .tit p {
  color: #000C42;
  font-family: 'Pretendard';
  font-size: 22px;
  font-weight: 300;
}

.temp_unit_skin1 .page_container img {
  display: block;
  margin: auto;
}


@media screen and (max-width: 1024px) {
  .temp_unit_skin1 .page_container {
    padding: 0 25px;
  }
}

@media screen and (max-width: 600px) {
  .temp_unit_skin1 .page_cont_wrap .tit h3 {
    font-size: 22px;
  }

  .temp_unit_skin1 .page_cont_wrap .tit p {
    font-size: 20px;
  }

  .temp_unit_skin1 .page_cont_wrap .tit p strong {
    font-size: 19px;
  }
}



/***************************************
  이벤트 당첨자
****************************************/
.event_winner .winner_con {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  padding: 100% 100px 140px;
}

.event_winner .winner_con .con_inner {
  width: 100%;
  position: relative;
}

.event_winner .winner_con .con_inner_txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 45px;
  font-family: "SUIT";
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.04em;
}

.event_winner .winner_word .con_inner_txt {
  margin-top: 37.0833%;
  color: #FF3070;
}

.event_winner .winner_interest .con_inner_txt {
  margin-top: 32.0833%;
  color: #001140;
}

.event_winner .winner_con .con_inner_badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 148px;
  height: 148px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.event_winner .winner_word .con_inner_badge {
  margin: 50.5% 27% 0 0;
  background: linear-gradient(180deg, #FF457F 0%, #FF7DA6 100%);
  color: #fff;
}

.event_winner .winner_interest .con_inner_badge {
  margin: 49.8333% 17.5% 0 0;
  background: linear-gradient(180deg, #7DDD09 0%, #E4EC8B 100%);
  color: #111;
}

.event_winner .winner_con .con_inner_badge .con_inner_badge_txt {
  text-align: center;
  font-family: "Paperlogy";
  font-size: 34px;
  font-weight: 800;
}

.event_winner .winner_con .con_inner_badge .con_inner_badge_txt span {
  font-size: 39px;
}

.event_winner .winner_con01 {
  background-color: #ff85aa;
  background-image: url("/resources/img/sub/event_winner1.jpg");
}

.event_winner .winner_con02 {
  background-image: url("/resources/img/sub/event_winner2.jpg");
  /* background-size: cover; */
  padding: 80% 100px 140px;
  background-color: #e9f299;
}

.event_winner .winner_con02.week3 {
  background-image: url("/resources/img/sub/event_winner2_week3.jpg");
}

.event_winner .winner_con03 {
  padding: 86% 100px 140px;
  background-image: url("/resources/img/sub/event_winner3.jpg");
}

.event_winner .winner_word {
  background-image: url("/resources/img/sub/event_winner_word_bg.jpg");
  background-color: #FF86AB;
  padding: 86.5% 100px 90px;
}

.event_winner .winner_interest {
  background-image: url("/resources/img/sub/event_winner_interest_bg.jpg");
  background-color: #e9f299;
  padding: 78.4166% 100px 90px;
}

.event_winner .winner_interest_4 {
  background-image: url("/resources/img/sub/event_winner_interest_4_bg.jpg");
  background-color: #FFE3E3;
}

.event_winner .winner_interest_5 {
  background-image: url("/resources/img/sub/event_winner_interest_5_bg.jpg");
  background-color: #ECFFD7;
}

.event_winner .winner_interest_6 {
  background-image: url("/resources/img/sub/event_winner_interest_6_bg.jpg");
  background-color: #C2C6FD;
}

.event_winner .winner_interest_7 {
  background-image: url("/resources/img/sub/event_winner_interest_6_bg.jpg");
  background-color: #C2C6FD;
}


.event_winner .winner_con06 {
  background-image: url("/resources/img/sub/event_winner_word_bg_new.jpg");
  /* background-size: cover; */
  padding: 80% 100px 140px;
}


.event_winner .winner_interest_4 .con_inner_badge {
  margin: 49.8333% 17.5% 0 0;
  background: linear-gradient(0deg,
      #fff5f6 0%,
      #ffc9d4 18%,
      #ff6b8a 48%,
      #e1005e 78%,
      #c8102e 100%);
  color: #fff;
  /* text-shadow: 0 1px 2px rgba(26, 43, 86, 0.25); */
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.22);
}

.event_winner .winner_interest_5 .con_inner_badge {
  margin: 49.8333% 17.5% 0 0;
  background: linear-gradient(0deg,
      #e8fbf9 0%,
      #b5efe9 18%,
      #5dd4cf 48%,
      #2bc2bd 78%,
      #1a9e99 100%);
  color: #fff;
  text-shadow: 0 1px 2px rgba(20, 100, 96, 0.3);
  box-shadow: 0 6px 20px rgba(43, 194, 189, 0.28);
}

.event_winner .winner_interest_6 .con_inner_badge {
  margin: 49.8333% 17.5% 0 0;
  background: linear-gradient(180deg, #FF457F 0%, #FF7DA6 100%);
  color: #fff;
}

.event_winner .winner_interest_7 .con_inner_badge {
  margin: 49.8333% 17.5% 0 0;
  background: linear-gradient(180deg, #FF457F 0%, #FF7DA6 100%);
  color: #fff;
}

.event_winner .winner_con .result_winner {
  width: 100%;
  margin: auto;
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}

.event_winner .winner_con .winner_list {
  width: 100%;
  margin: auto;
}

.event_winner .winner_con .winner_list .list_head {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
  width: 100%;
}

.event_winner .winner_con .winner_list .list_head .user_tit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E45E87;
  color: #fff;
  font-size: 20px;
  font-family: 'SUIT';
  font-weight: 700;
  padding: 20px 40px;
}

.event_winner .winner_con02 .winner_list .list_head .user_tit {
  background: #7DDD09;
  color: #111;
}

.event_winner .winner_interest .winner_list .list_head .user_tit {
  background: #7DDD09;
  color: #111;
}

.event_winner .winner_interest_4 .winner_list .list_head .user_tit {
  background: #fc504e;
  color: #fff;
}

.event_winner .winner_interest_5 .winner_list .list_head .user_tit {
  background: #2bc2bd;
  color: #FFF;
}

.event_winner .winner_interest_6 .winner_list .list_head .user_tit {
  background: #E45E87;
  color: #FFF;
}

.event_winner .winner_interest_7 .winner_list .list_head .user_tit {
  background: #E45E87;
  color: #FFF;
}

.event_winner .winner_con .winner_list .list_body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 3px;
  width: 100%;
}

.event_winner .winner_con .winner_list .list_body .user_data {
  width: 100%;
  padding: 30px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-size: 20px;
  font-family: 'SUIT';
  font-weight: 500;
  background: #F1F1F1;
}

.event_winner .winner_con .winner_list .list_body .user_data.pd_bt {
  padding-bottom: 50px;
}

.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:1320px) {
  .event_winner .winner_con {
    background-color: #ff85aa;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    max-width: 716px;
    margin: auto;
    padding: 1300px 30px 30px;
  }

  .event_winner .winner_con .con_inner_txt {
    font-size: clamp(27px, 6.6vw, 52px);
  }

  .event_winner .winner_word .con_inner_txt {
    margin-top: 58.9385%;
  }

  .event_winner .winner_interest .con_inner_txt {
    margin-top: 75.4189%;
  }

  .event_winner .winner_con .con_inner_badge {
    width: 19.8156vw;
    height: 19.8156vw;
    max-width: 156px;
    max-height: 156px;
    margin: 85.1955% 9.2178% 0 0;
  }

  .event_winner .winner_con.winner_interest .con_inner_badge {
    display: none;
  }

  .event_winner .winner_con .con_inner_badge .con_inner_badge_txt {
    font-size: clamp(18px, 4.1474vw, 34px);
  }

  .event_winner .winner_con .con_inner_badge .con_inner_badge_txt span {
    font-size: clamp(23px, 5.2995vw, 39px);

  }

  .event_winner .winner_con02 {
    background-color: #e9f299;
  }

  .event_winner .winner_con01 {
    background-image: url("/resources/img/sub/event_winner1_m.jpg");
  }

  .event_winner .winner_con02 {
    background-image: url("/resources/img/sub/event_winner2_m.jpg");
  }

  .event_winner .winner_con02.week3 {
    background-image: url("/resources/img/sub/event_winner2_week3_m.jpg");
    background-size: 100% auto;
  }

  .event_winner .winner_con03 {
    background-image: url("/resources/img/sub/event_winner3_m.jpg");
  }

  .event_winner .winner_con04 {
    background-image: url("/resources/img/sub/event_winner4_m.jpg");
  }

  .event_winner .winner_con.winner_con06 {
    background-image: url("/resources/img/sub/event_winner_word_bg_new_m.jpg");
  }


  .event_winner .winner_con.winner_word {
    background-image: url("/resources/img/sub/event_winner_word_bg_m.jpg");
    padding: 146.9273% 16px 45px;
  }

  .event_winner .winner_con.winner_word.winner_con06 {
    background-image: url("/resources/img/sub/event_winner_word_bg_new_m.jpg");
  }

  .event_winner .winner_con.winner_interest {
    background-image: url("/resources/img/sub/event_winner_interest_bg_m.jpg");
    background-color: #e9f299;
    padding: 158.3798% 16px 45px;
  }

  .event_winner .winner_con.winner_interest_4 {
    background-image: url("/resources/img/sub/event_winner_interest_bg_4_m.jpg");
    background-color: #FFE3E3;
    padding: 158.3798% 16px 45px;
  }

  .event_winner .winner_con.winner_interest_5 {
    background-image: url("/resources/img/sub/event_winner_interest_5_bg_m.jpg");
    background-color: #ECFFD7;
    padding: 158.3798% 16px 45px;
  }

  .event_winner .winner_con.winner_interest_6 {
    background-image: url("/resources/img/sub/event_winner_interest_6_bg_m.jpg");
    background-color: #C2C6FD;
    padding: 154% 16px 45px;
  }

  .event_winner .winner_con.winner_interest_7 {
    background-image: url("/resources/img/sub/event_winner_interest_6_bg_m.jpg");
    background-color: #C2C6FD;
    padding: 154% 16px 45px;
  }

  .event_winner .winner_con .result_winner {
    width: 100%;
  }

  .event_winner .winner_con .winner_list .list_head {
    grid-template-columns: repeat(1, 1fr);
  }

  .event_winner .winner_con .winner_list .list_head .user_tit {
    display: none;
  }

  .event_winner .winner_con .winner_list .list_head .user_tit:first-child {
    display: flex;
  }

  .event_winner .winner_con .winner_list .list_body {
    grid-template-columns: repeat(1, 1fr);
  }

  .event_winner .winner_con .winner_list .list_body .user_data.blank {
    display: none;
  }

  .event_winner .winner_con02 .winner_list .list_body .user_data.pd_bt_monone {
    padding-bottom: 0px;
  }
}

@media screen and (max-width:1024px) {
  .event_winner .winner_con .winner_list .list_body .user_data.pd_m_none {
    padding-bottom: 0px !important;
  }
}

@media screen and (max-width:865px) {
  .event_winner .winner_con {
    padding: 160% 30px 30px;
  }
}

@media screen and (max-width:750px) {
  .event_winner .winner_con {
    padding: 180% 30px 30px;
  }

  .event_winner .winner_con02 {
    padding: 165% 30px 30px;
  }
}

/******************************************
  관심고객등록
******************************************/
.temp_register_skin1 .m-only {
  position: relative;
  overflow: hidden;
  max-width: 716px;
  margin: 0 auto;
}

.temp_register_skin1 .m-only img {
  display: block;
  margin: 0 auto;
}

.temp_register_skin1 .link_register {
  width: 100%;
  position: absolute;
  height: 30vw;
  bottom: 112px;
  left: 0;
}

.temp_register_skin1 .m-only {
  position: relative;
}

.temp_register_skin1 .m-only .link_location {
  position: absolute;
  top: 43%;
  left: 0;
  width: 100%;
  height: 30vw;
}

.temp_register_skin1 .m-only .link_register {
  position: absolute;
  bottom: 2%;
  left: 0;
  width: 100%;
  height: 30vw;
}

/******************************************
  홍보영상
******************************************/
.temp_video_skin1 .video_wrap {
  width: 100%;
}

.temp_video_skin1 .video_wrap video {
  width: 100%;
  display: block;
}

.temp_video_skin1 .video_wrap iframe {
  width: 100%;
  height: 675px;
  display: block;
}

@media screen and (max-width: 1024px) {
  .temp_video_skin1 .video_wrap iframe {
    height: 500px;
  }
}

/***************************************
  특별공급
****************************************/
.temp_docspecial_skin .special_wrap {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.temp_docspecial_skin .specialSwiper {
  height: 100%;
  width: 100%;
}

.temp_docspecial_skin .specialSwiper .swiper-slide {
  position: relative;
  width: auto;
  height: 100%;
}

.temp_docspecial_skin .specialSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.temp_docspecial_skin .specialSwiper .swiper-slide:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
}

.temp_docspecial_skin .specialSwiper .swiper-slide-active:before {
  opacity: 0;
}

.temp_docspecial_skin .specialSwiper .special_pagination {
  position: relative;
  bottom: unset;
  left: unset;
  width: fit-content;
  right: unset;
  margin: 30px auto 0;
}

.temp_docspecial_skin .specialSwiper .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  background: #ddd;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.3s ease;
}

.temp_docspecial_skin .specialSwiper .swiper-pagination-bullet-active {
  background: #00173E;
}

.temp_docspecial_skin .doc_01 {
  background: var(--color_doc_01);
}

.temp_docspecial_skin .doc_02 {
  background: var(--color_doc_02);
}

.temp_docspecial_skin .doc_03 {
  background: var(--color_doc_03);
}

.temp_docspecial_skin .doc_04 {
  background: var(--color_doc_04);
}

.temp_docspecial_skin .doc_05 {
  background: var(--color_doc_05);
}


.temp_docspecial_skin .doc_01 .point {
  color: #001989;
  font-weight: 500;
}

.temp_docspecial_skin .doc_02 .point {
  color: #001241;
  font-weight: 500;
}

.temp_docspecial_skin .doc_03 .point {
  color: #E1C0E2;
}

.temp_docspecial_skin .doc_04 .point {
  color: #D5D9E5;
}

.temp_docspecial_skin .doc_top {
  padding: 76px 0 64px;
}

.temp_docspecial_skin .doc_inner {
  padding: 0 70px 54px;
}

.temp_docspecial_skin .doc_point {
  display: flex;
  border-radius: 20px;
  background: #FFF;
  padding: 50px 64px 50px 66px;
  align-items: center;
  gap: 30px;
  margin-bottom: 40px;
}

.temp_docspecial_skin .video_box {
  flex: 0 0 33%;
  max-width: 300px;
  position: relative;
  padding-top: 56.5%;
}

.temp_docspecial_skin .video_box iframe,
.temp_docspecial_skin .video_box img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.temp_docspecial_skin .doc_point .box_caution {
  text-align: right;
  color: #666;
  text-align: right;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.36px;
  margin-bottom: 30px;
}

.temp_docspecial_skin .doc_point .box_caution strong {
  color: #111;
}

.temp_docspecial_skin .doc_point .text_box h3 {
  border-radius: 10px;
  /* background: #001989; */
  font-family: Isamanru;
  text-align: center;
  font-size: 42px;
  font-style: normal;
  padding: 5px 30px;
  color: #fff;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: -1.3px;
  margin-bottom: 30px;
}

.temp_docspecial_skin .doc_point .text_box dd p {
  color: #000;
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  position: relative;
  border-radius: 10px;
  padding: 14px 30px;
  background: #EFEFEF;
  letter-spacing: -0.48px;
}

.temp_docspecial_skin .doc_point .text_box dd p em {
  font-size: 18px;
  font-style: normal;
}

.temp_docspecial_skin .doc_point .text_box dd p .point_2 {
  color: #FF4882;
}

.temp_docspecial_skin .doc_point .text_box dd p img {
  position: absolute;
  top: -25px;
  left: -58px;
}

.temp_docspecial_skin .doc_point .text_box dd p~p {
  margin-top: 15px;
}

.temp_docspecial_skin .doc_point .text_box .detail_box {
  display: flex;
  align-items: start;
  gap: 3px;
  margin-top: 30px;
  color: #111;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.36px;
}

.temp_docspecial_skin .doc_row .text_box .detail_box span {
  font-weight: 500;
}

.temp_docspecial_skin .doc_row .img_box {
  margin-bottom: 40px;
}

.temp_docspecial_skin .doc_row h3 {
  color: #000;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.6px;
  margin-bottom: 10px;
}

.temp_docspecial_skin .point_text {
  padding: 30px;
  border-radius: 10px;
  border: 1px solid var(--1, #001241);
  margin-bottom: 40px;
}

.temp_docspecial_skin .point_text p {
  color: #001241;
  font-family: 'Isamanru';
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: -0.6px;
}

.temp_docspecial_skin .doc_info {
  display: flex;
  gap: 20px;
  align-items: end;
  margin-bottom: 30px;
}

.temp_docspecial_skin .doc_info h3 {
  color: #000;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 10px;
  letter-spacing: -0.6px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.temp_docspecial_skin .doc_info_detail {
  margin-bottom: 46px;
}

.temp_docspecial_skin .doc_info h3 img {
  margin: unset;
}

.temp_docspecial_skin .doc_caution {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 50px;
}

.temp_docspecial_skin .doc_caution p {
  color: #111;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.36px;
  text-indent: -8px;
  margin-left: 14px;
}

.temp_docspecial_skin .doc_caution p:before {
  content: '※';
  color: #333;
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.36px;
  padding-right: 3px;
  display: inline-block;
}

.temp_docspecial_skin .doc_caution p a strong {
  font-size: 20px;
  font-weight: 700;
}

.temp_docspecial_skin .doc_caution p~p {
  margin-top: 10px;
}

.temp_docspecial_skin .doc_table {
  margin-top: 80px;
}

.temp_docspecial_skin .doc_table>h3 {
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: fit-content;
  padding: 10px 30px;
  background: #2E3B68;
  margin-bottom: 10px;
  letter-spacing: -0.4px;
}

.temp_docspecial_skin .doc_table_wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.temp_docspecial_skin .doc_table table {
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
  border-bottom: 1px solid #757577;
  table-layout: fixed;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  color: #333;
  letter-spacing: -0.32px;
}

.temp_docspecial_skin .doc_table th,
.temp_docspecial_skin .doc_table td {
  border-bottom: 1px solid #757577;
  padding: 12px 8px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.4;
}

.temp_docspecial_skin .doc_table thead th {
  background: #EAEBF0;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.32px;
  border-top: 1px solid #757577;
  border-right: 1px solid #757577;
}

.temp_docspecial_skin .doc_table tbody th {
  font-weight: 400;
  border-right: 1px solid #757577;
  background: #fff;
}

.temp_docspecial_skin .doc_table tbody td {
  border-right: 1px solid #757577;
  background: #fff;
}

.temp_docspecial_skin .doc_table .income-num {
  /* color: #F00; */
  /* font-weight: 400; */
}

.temp_docspecial_skin .doc_table tbody th:last-child,
.temp_docspecial_skin .doc_table thead th:last-child,
.temp_docspecial_skin .doc_table tbody td:last-child {
  border-right: none;
}


@media screen and (max-width: 1350px) {
  .temp_docspecial_skin .doc_point .text_box h3 {
    font-size: 38px;
  }
}


@media screen and (min-width: 1025px) {
  .temp_docspecial_skin .specialSwiper {
    width: 760px;
    margin: 0 auto;
    overflow: hidden;
  }

  .temp_docspecial_skin .special_wrap .swiper-button {
    width: 100px;
    padding-top: 100px;
    height: 0;
    overflow: hidden;
    background: url('/resources/img/sub/opportunity_btn_swiper.v1.png') 0 0 no-repeat;
  }

  .temp_docspecial_skin .special_wrap .swiper-button::after {
    content: normal;
  }

  .temp_docspecial_skin .special_wrap .swiper-button-prev {
    left: 50%;
    margin-left: -530px;
  }

  .temp_docspecial_skin .special_wrap .swiper-button-next {
    right: 50%;
    margin-right: -530px;
    transform: rotate(180deg);
  }
}

@media screen and (max-width: 1024px) {

  .temp_docspecial_skin .special_wrap .swiper-button {
    display: none;
  }

  .temp_docspecial_skin .tab {
    flex-wrap: wrap;
  }

  /* .temp_docspecial_skin .tab li:nth-child(1) a,
  .temp_docspecial_skin .tab li:nth-child(2) a,
  .temp_docspecial_skin .tab li:nth-child(3) a,
  .temp_docspecial_skin .tab li:nth-child(4) a {
    border-bottom: none;
  } */

  .temp_docspecial_skin .tab li:nth-child(3) a,
  .temp_docspecial_skin .tab li:nth-child(4) a,
  .temp_docspecial_skin .tab li:nth-child(5) a {
    border-top: none;
  }

  /* .temp_docspecial_skin .tab li:nth-child(3) a {
    border-top: none;
  } */

  .temp_docspecial_skin .doc_info>div {
    width: 100%;
  }

  .temp_docspecial_skin .tab li {
    flex: 0 0 50%;
  }

  .temp_docspecial_skin .specialSwiper .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
  }

  .temp_docspecial_skin .doc_top {
    padding: 32px 0 20px;
  }

  .page_content .page_container img {
    /* max-width: unset;
    width: 100%; */
  }

  .temp_docspecial_skin .doc_inner {
    padding: 0 15px 55px;
    max-width: 600px;
    margin: 0 auto;
  }

  .temp_docspecial_skin .doc_point {
    flex-direction: column-reverse;
    padding: 30px 9px;
    border-radius: 20px;
  }

  .temp_docspecial_skin .doc_point .box_caution {
    font-size: 12px;
    letter-spacing: -0.24px;
  }

  .temp_docspecial_skin .doc_caution p a strong {
    font-size: 12px;
    font-weight: 700;
  }

  .temp_docspecial_skin .doc_point .text_box h3 {
    font-size: 21px;
    text-align: center;
    letter-spacing: -0.44px;
    padding: 10px 30px;
    margin-bottom: 10px;
    text-align: center;
  }

  .temp_docspecial_skin .doc_point .text_box dd p {
    font-size: 14px;
    text-align: center;
    letter-spacing: -0.28px;
  }

  .temp_docspecial_skin .doc_point .text_box dd p em {
    font-size: 12px;
  }

  .temp_docspecial_skin .doc_point .text_box dd p img {
    width: 100px;
    height: auto;
    top: -7px;
    left: -36px;
  }

  .temp_docspecial_skin .doc_point .text_box .detail_box {
    font-size: 12px;
    margin-top: 14px;
  }

  .temp_docspecial_skin .doc_point .text_box .detail_box span {}

  .temp_docspecial_skin .doc_point .text_box dd p~p {
    margin-top: 5px;
  }

  .temp_docspecial_skin .doc_info h3 img {
    width: auto;
  }

  .temp_docspecial_skin .video_box {
    width: 100%;
    max-width: 216px;
    padding-top: 383px;
  }

  .temp_docspecial_skin .doc_info {
    align-items: start;
    margin-bottom: 30px;
    flex-direction: column;
  }

  .temp_docspecial_skin .doc_row h3 {
    letter-spacing: -0.4px;
    font-size: 20px;
    margin-bottom: 5px;
  }

  .temp_docspecial_skin .point_text {
    padding: 34px 16px 34px 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    justify-content: center;
  }

  .temp_docspecial_skin .point_text p:first-child {
    font-size: 24px;
    letter-spacing: -0.48px;
    margin-bottom: 0;
  }

  .temp_docspecial_skin .point_text p:last-child {
    font-size: 18px;
    letter-spacing: -0.36px;
  }

  .temp_docspecial_skin .doc_info h3 {
    font-size: 20px;
    letter-spacing: -0.4px;
  }

  .temp_docspecial_skin .doc_caution {
    padding-top: 30px;
  }

  .temp_docspecial_skin .doc_caution p {
    font-size: 12px;
    letter-spacing: -0.24px;
    text-indent: -5px;
    margin-left: 11px;
  }

  .temp_docspecial_skin .doc_caution p:before {
    font-size: 12px;
  }

  .temp_docspecial_skin .doc_caution p~p {
    margin-top: 5px;
  }
}

@media screen and (max-width: 1024px) {
  .temp_docspecial_skin .doc_table {
    max-width: 100%;
    margin: 50px auto 0;
  }

  .temp_docspecial_skin .doc_table>h3 {
    font-size: 18px;
    letter-spacing: -0.36px;
    margin-bottom: 16px;
  }

  .temp_docspecial_skin .doc_table table {
    font-size: 12px;
  }

  .temp_docspecial_skin .doc_table th,
  .temp_docspecial_skin .doc_table td {
    padding: 8px 4px;
  }
}

/* 생애최초 */
.temp_docspecial_skin .doc_02 .point_text p {
  font-size: 24px;
  /* font-weight: 700; */
  line-height: 150%;
  letter-spacing: -0.48px;
}

.temp_docspecial_skin .doc_02 .point_text p:first-child {
  margin-bottom: 20px;
  font-size: 30px;
  letter-spacing: -0.6px;
}

.temp_docspecial_skin .doc_02 .point_text p em {
  font-style: normal;
}

.temp_docspecial_skin .doc_02 .point_text p:last-child span {
  font-size: 18px;
}

.temp_docspecial_skin .doc_02 .doc_info {
  display: block;
}

@media screen and (max-width: 1024px) {
  .temp_docspecial_skin .doc_02 .point_text p:first-child {
    font-size: 24px;
    margin-bottom: 0;
  }

  .temp_docspecial_skin .doc_02 .point_text p em {
    display: block;
    margin-bottom: 6px;
  }

  .temp_docspecial_skin .doc_02 .point_text p {
    font-size: 18px;
    letter-spacing: -0.36px;
  }

  .temp_docspecial_skin .doc_02 .point_text p:last-child span {
    font-size: 14px;
    letter-spacing: -0.28px;
    display: block;
  }
}

/* @media screen and (max-width: 1024px) {
  .temp_docspecial_skin .tab li:first-child  {
    flex: 0 0 100%;
  }
} */

.exclude-force-dark {
  color-scheme: only light;
}

/* 신혼부부 */
.temp_docspecial_skin .doc_01 .doc_point .text_box h3 {
  background: #F46384;
}

/* 생애최초 */
.temp_docspecial_skin .doc_02 .doc_point .text_box h3 {
  background: #EC9844;
}

.temp_docspecial_skin .doc_02 .doc_point .text_box dd p .point_2 {
  color: #EC9844;
}

/* 다자녀 */
.temp_docspecial_skin .doc_03~.doc_table table {
  min-width: unset;
}

.temp_docspecial_skin .doc_03 .doc_point .text_box h3 {
  background: #850389;
  padding: 5px 16px;
}

.temp_docspecial_skin .doc_table .cell_desc p {
  text-align: left;
  text-indent: -8px;
  margin-left: 14px;
}

.temp_docspecial_skin .doc_table .cell_desc p strong {
  font-weight: 700;
}

.temp_docspecial_skin .doc_03 .doc_point .text_box h3 {
  background: #850389;
  padding: 5px 16px;
}

.temp_docspecial_skin .doc_03 .doc_point .text_box dd p .point_2 {
  color: #850389;
}


/* 노부모부양 */
.temp_docspecial_skin .doc_04 .doc_point {
  justify-content: center;
}

.temp_docspecial_skin .doc_04 .doc_point .text_box dd p {
  background: #fff;
}

.temp_docspecial_skin .doc_04 .doc_point {
  background: unset;
  padding: 0;
}

.temp_docspecial_skin .doc_04 .doc_point .text_box {
  width: 100%;
}

.temp_docspecial_skin .doc_04 .doc_point .text_box h3 {
  background: #000C42;
  padding: 5px 16px;
}

.temp_docspecial_skin .doc_04 .doc_point .text_box .doc_caution {
  border: none;
  padding-top: 20px;
}

.temp_docspecial_skin .doc_04 .doc_point .text_box dd p .point_2 {
  color: #143598;
}

.temp_docspecial_skin .doc_04~.doc_table table {
  min-width: unset;
}

.temp_docspecial_skin li>.doc_caution {
  /* margin-top: 50px; */
  border: none;
}

/* 기관추천 */

.temp_docspecial_skin .doc_05 .doc_point {
  background: unset;
  padding: 0;
}

.temp_docspecial_skin .doc_05 .doc_row .img_box {
  margin-bottom: 0;
}

.temp_docspecial_skin .doc_05 .doc_point .text_box {
  width: 100%;
}

.temp_docspecial_skin .doc_05 .doc_top {
  padding: 20px 0 23px;
}

.temp_docspecial_skin .doc_05 h3 {
  padding: 5px 30px;
  border-radius: 10px;
  background: #0D581B;
  color: #FFF;
  text-align: center;
  font-family: esamanru;
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.84px;
  margin-bottom: 30px;
}

.temp_docspecial_skin .doc_05 h3 .point {
  color: #A8DDB2;
}

.temp_docspecial_skin .doc_05 .doc_table {
  margin-top: 20px;
}

.temp_docspecial_skin .doc_05 .doc_table thead th {
  background: #EBFFEF;
}

.temp_docspecial_skin .doc_05 .doc_table tbody th {
  background: #F0F0F0;
}

.temp_docspecial_skin .doc_05 .doc_table td {
  background: #FFF;
}

.temp_docspecial_skin .doc_05 .desc_txt {
  color: #000;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.36px;
  margin: 30px auto 60px;
}

.temp_docspecial_skin .doc_05 .doc_caution p {
  color: #333;
  font-family: Pretendard;
  font-size: 18px;
  font-weight: 400;
}

.temp_docspecial_skin .doc_05 .doc_caution p em {
  font-size: 14px;
  font-style: normal;
  letter-spacing: -0.28px;
}

.temp_docspecial_skin .doc_05 .doc_table_wrap {
  overflow: hidden;
}

.temp_docspecial_skin .doc_05 .doc_table table {
  min-width: unset;
}

.temp_docspecial_skin .border_diagonal {
  background: linear-gradient(to bottom left, transparent calc(50% - 0.6px), #757577, transparent calc(50% + 0.6px)) !important;
  background-color: #f6f6f6 !important;
  /* image_57befa.png와 유사한 배경색 */
}


@media screen and (max-width: 1024px) {
  .temp_docspecial_skin .doc_05 .doc_top {
    padding: 30px 0 30px;
  }

  .temp_docspecial_skin .doc_05 h3 {
    font-size: 21px;
    letter-spacing: -0.48px;
    margin-bottom: 10px;
  }

  .temp_docspecial_skin .doc_05 .desc_txt {
    font-size: 14px;
    margin: 30px auto 40px;
  }

  .temp_docspecial_skin .doc_05 .doc_caution p,
  .temp_docspecial_skin .doc_05 .doc_caution p em {
    font-size: 12px;
  }
}






/******************************************
  단지/동호수배치도
******************************************/
.temp_dongho_skin1 .tit_box {
  margin-bottom: 27px;
}

.temp_dongho_skin1 .tit_box p {
  color: #666;
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -0.56px;
}

.temp_dongho_skin1 .tit_box h4 {
  color: #373737;
  font-family: Pretendard;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.temp_dongho_skin1 .page_container .ui_tabcontents {
  margin-top: 79px;
}


@media screen and (max-width: 1024px) {
  .temp_dongho_skin1 .tit_box {
    margin-bottom: 15px;
  }

  .temp_dongho_skin1 .tit_box p {
    font-size: 16px;
  }

  .temp_dongho_skin1 .tit_box h4 {
    font-size: 28px;
    margin-bottom: 33px;
  }

  .temp_dongho_skin1 .page_container .ui_tabcontents {
    margin-top: 30px;
  }
}



/******************************************
조경안내
******************************************/
.temp_landscape_skin1 .tit_box {
  margin-bottom: 100px;
}

.temp_landscape_skin1 .tit_box p {
  color: #666;
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -0.56px;
}

.temp_landscape_skin1 .tit_box h4 {
  color: #373737;
  font-family: Pretendard;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.temp_landscape_skin1 .tit_box h3 {
  color: rgba(121, 143, 173, 0.25);
  font-family: 'Utile Display Trial';
  font-size: 120px;
  font-weight: 400;
  text-align: right;
}

.temp_landscape_skin1 img {
  display: block;
}

@media screen and (max-width: 1024px) {
  .temp_landscape_skin1 .tit_box {
    margin-bottom: 50px;
  }

  .temp_landscape_skin1 .tit_box p {
    font-size: 16px;
  }

  .temp_landscape_skin1 .tit_box h4 {
    font-size: 28px;
    margin-bottom: 33px;
  }

  .temp_landscape_skin1 .tit_box h3 {
    font-size: 45px;
  }
}


.landscape_content .landscape_item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.landscape_content .landscape_item:nth-child(odd) {
  gap: 40px;
}

.landscape_content .landscape_item.sub {
  justify-content: flex-end;
  margin-top: 70px;
}

.landscape_content .landscape_item+.landscape_item {
  margin-top: 120px;
}

.landscape_content .landscape_item:nth-child(1) {
  padding-bottom: 30px;
}
.landscape_content .landscape_item:nth-child(2) {
  margin-top: 0;
  /* padding-bottom: 81px; */
  /* border-bottom: 1px solid #E6E6E6; */
  justify-content: flex-end;
}


.landscape_content .landscape_item .landscape_item_img {
  width: 880px;
  overflow: hidden;
  position: relative;
}

.landscape_content .landscape_item .landscape_item_img img {
  transform: scale(1.17);
  transition: all 8s;
  transition-delay: 0.6s;
}
.landscape_content .landscape_item .landscape_item_img .txt {
  position:absolute; right:0; bottom:0; width:106px; height:35px; display: flex; justify-content: center; align-items: center; color:#fff; font-size:22px; font-weight: 700; background:rgba(0,0,0,0.5); font-family:SUIT;
}
.landscape_content .landscape_item:nth-child(even) .landscape_item_img .txt {
  right:auto; left:0;
}

.landscape_content .landscape_item.aos-animate .landscape_item_img img {
  transform: scale(1);
}

.landscape_content .landscape_item .landscape_item_txt {
  flex:1;
  padding-bottom: 40px;
}
.landscape_content .landscape_item:nth-child(1) .landscape_item_txt h4,
.landscape_content .landscape_item:nth-child(2) .landscape_item_txt h4 {
  margin-bottom: 0;
}
.landscape_content .landscape_item:nth-child(2) .landscape_item_txt h4 {
  margin-bottom: 0;
  text-align: right;
  margin-right: 40px;
}
.landscape_content .landscape_item .landscape_item_txt_wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1;
}

.landscape_content .landscape_item:nth-child(1) .landscape_item_txt_wrap .landscape_item_txt {
  flex: none;
}

.landscape_item_txt h4 {
  color: #000;
  font-family: SUIT;
  font-size: 34px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 40px;
}

.landscape_item_txt h5 {
  color: #444;
  font-family: Pretendard;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.36px;
  margin-bottom: 10px;
}

.landscape_item_txt p {
  color: #111;
  font-family: Pretendard;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.48px;
}

.landscape_item_line {
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  margin: 100px 0 80px;
}


@media screen and (max-width: 1024px) {
  .landscape_content .landscape_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px !important;
  }

  .landscape_content .landscape_item .landscape_item_img {
    width: 100%;
  }

  .landscape_content .landscape_item .landscape_item_txt {
    width: 100%;
    padding-bottom: 0;
  }
  .landscape_content .landscape_item .landscape_item_img .txt {
    left:0 !important; right:auto !important;
    font-size:16px; width:90px; height: 30px;
  }


  .landscape_content .landscape_item:nth-child(1) {
    align-items: flex-start;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .landscape_content .landscape_item:nth-child(1) .landscape_item_txt_wrap {
    flex-direction: column;
  }
  .landscape_content .landscape_item:nth-child(1) .landscape_item_img {
    order:2;
  }
  .landscape_content .landscape_item:nth-child(1) .landscape_item_txt_wrap {
    order:1;
  }


  .landscape_content .landscape_item:nth-child(2) {
    margin-top: 80px;
  }

  .landscape_content .landscape_item:nth-child(even) .landscape_item_img {
    order: 1;
  }

  .landscape_content .landscape_item:nth-child(even) .landscape_item_txt {
    order: 2;
  }

  .landscape_content .landscape_item.sub {
    justify-content: center;
    margin-top: 30px;
  }

  .landscape_content .landscape_item_line+.landscape_item,
  .landscape_content .landscape_item+.landscape_item {
    margin-top: 80px;
  }
  .landscape_content .landscape_item:nth-child(2) {
    margin-top: 21px;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .landscape_item_txt h4 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .landscape_content .landscape_item:nth-child(2) .landscape_item_txt h4 {
      text-align: left;
      margin-right: 0;
  }
  .landscape_item_txt h5 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .landscape_item_txt p {
    font-size: 20px;
  }
}






/******************************************
  커뮤니티
******************************************/
.temp_community_skin1 .tit_box {
  margin-bottom: 27px;
}

.temp_community_skin1 .tit_box p {
  color: #666;
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -0.56px;
}

.temp_community_skin1 .tit_box h4 {
  color: #373737;
  font-family: Pretendard;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.temp_community_skin1 .page_container .ui_tabcontents {
  /* margin-top: 79px; */
}


@media screen and (max-width: 1024px) {
  .temp_community_skin1 .tit_box {
    margin-bottom: 15px;
  }

  .temp_community_skin1 .tit_box p {
    font-size: 16px;
  }

  .temp_community_skin1 .tit_box h4 {
    font-size: 28px;
    margin-bottom: 33px;
  }

  .temp_community_skin1 .page_container .ui_tabcontents {
    /* margin-top: 30px; */
  }
}






/******************************************
  aiq
******************************************/
.temp_aiq_skin1 .tit_box {
  margin-bottom: 40px;
}

.temp_aiq_skin1 .tit_box p {
  color: #666;
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -0.56px;
}

.temp_aiq_skin1 .tit_box h4 {
  color: #373737;
  font-family: Pretendard;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.temp_aiq_skin1 .tit_box .dash {
  margin: 40px 0 50px;
  width: 26px;
  background: #000;
  transform: rotate(-45deg);
  height: 1px;
}

.temp_aiq_skin1 .tit_box .copy {
  color: #575E7B;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

.temp_aiq_skin1 .aiq_top {
  margin-bottom: 30px;
}

.temp_aiq_skin1 .aiq_top_new {
  margin-left: -94px;
  margin-bottom: 50px;
  margin-right: -2px;
}

.temp_aiq_skin1 .aiq_tit {
  margin-bottom: 25px;
}

.temp_aiq_skin1 .aiq_tit_sub {
  margin-left: -94px;
  margin-right: -2px;
  margin-bottom: 25px;
}

[data-tit="2"]~.aiq_tit_sub {
  margin-left: 0;
}

.temp_aiq_skin1 .aiq_img {
  margin-top: 3.3rem;
}

.temp_aiq_skin1 #tv_load .video_wrap {
  position: relative;
  overflow: hidden;
  padding: 56.2% 0 0;
}

.temp_aiq_skin1 #tv_load .video_wrap iframe {
  position: absolute;
  left: 0;
  top: -60px;
  width: 100%;
  height: calc(100% + 120px);
  object-fit: contain;
}


@media screen and (max-width: 1024px) {
  .temp_aiq_skin1 .tit_box {
    margin-bottom: 40px;
  }

  .temp_aiq_skin1 .tit_box p {
    font-size: 16px;
  }

  .temp_aiq_skin1 .tit_box h4 {
    font-size: 28px;
  }

  .temp_aiq_skin1 .tit_box .dash {
    margin: 30px 0 40px;
    width: 20px;
  }

  .temp_aiq_skin1 .tit_box .copy {
    font-size: 15px;
  }

  .temp_aiq_skin1 .aiq_top {
    margin-bottom: 10px;
  }

  .temp_aiq_skin1 .aiq_top_new {
    margin-left: -24px;
    margin-bottom: 24px;
    margin-right: 0;
  }

  .temp_aiq_skin1 .aiq_tit_sub {
    margin-left: -24px;
    margin-right: 0;
    margin-bottom: 25px;
  }

  [data-tit="2"]~.aiq_tit_sub {
    margin-left: 0;
  }

  .temp_aiq_skin1 .aiq_img {
    margin-top: 30px;
  }
}


/******************************************
  모집공고
******************************************/

.temp_gonggo_skin1 .page_cont_wrap {
  position: relative;
  font-size: 0;
}

.temp_gonggo_skin1 .gonggo_box {
  position: relative;
  padding-top: 50px;
  margin-bottom: 70px;
}

.temp_gonggo_skin1 .btn_wrap {
  position: absolute;
  top: 0;
  left: 24px;
  display: flex;
  align-items: center;
}

.temp_gonggo_skin1 .gonggo_btn {
  padding: 28px 30px;
  background: #000;
  border-radius: 11.818px;
  width: 270px;
  background: #001241;
  color: #fff;
}

.temp_gonggo_skin1 .gonggo_btn ~ .gonggo_btn {
  margin-left: 12px;
}

.temp_gonggo_skin1 .gonggo_btn:nth-of-type(3) {
  margin-left: 50px;
}

.temp_gonggo_skin1 .gonggo_btn_link {
  position:absolute;
  right:10px;
  bottom:10px;
  display:flex;
  align-items: center;
  gap:8px;
  padding:16px 24px;
  background:#001241;
  color:#fff;
  font-weight:600;
  font-size:24px;
  border-radius: 100px;
}
.gonggo_btn_link_icon {
  flex:none;
  width:20px;
  height:20px;
  background: url('/resources/img/main/sec01_btn_window.svg') no-repeat center / cover;
}

.temp_gonggo_skin1 .gonggo_btn h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FFF;
  font-family: SUIT;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 53px;
  letter-spacing: 0.425px;
}

.temp_gonggo_skin1 .gonggo_btn h2:after {
  content: '';
  display: block;
  width: 30px;
  height: 36px;
  flex-shrink: 0;
  z-index: 3;
  opacity: 0.55;
  position: relative;
  /* url 뒤의 두 값은 background-size가 아니라 position이라 그림이 박스 밖으로 밀렸음 → size/position 분리 */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='36' viewBox='0 0 30 36' fill='none'%3E%3Cg opacity='0.5' clip-path='url(%23clip0_988_2737)'%3E%3Cpath d='M29.5455 6.51059L23.0003 0H5.21507V4.53252H0V35.4545H24.3238V30.922H29.5389V6.51059H29.5455ZM22.5591 33.6992H1.76469V6.28789H17.0543L22.5657 11.7701V33.7057L22.5591 33.6992ZM27.7808 29.1666H24.3238V11.0366L17.7786 4.52597H6.97976V1.75537H22.1838V7.15248H27.7017L27.7808 7.23108V29.1666Z' fill='%23001241'/%3E%3Cpath d='M20.1354 12.6484H4.25977V14.1091H20.1354V12.6484Z' fill='%23001241'/%3E%3Cpath d='M20.1354 15.5391H4.25977V16.9997H20.1354V15.5391Z' fill='%23001241'/%3E%3Cpath d='M20.1354 18.4219H4.25977V19.8825H20.1354V18.4219Z' fill='%23001241'/%3E%3Cpath d='M20.1354 21.3047H4.25977V22.7653H20.1354V21.3047Z' fill='%23001241'/%3E%3Cpath d='M20.1354 24.1953H4.25977V25.6559H20.1354V24.1953Z' fill='%23001241'/%3E%3Cpath d='M20.1354 27.0859H4.25977V28.5466H20.1354V27.0859Z' fill='%23001241'/%3E%3Cpath d='M20.1354 29.9727H4.25977V31.4333H20.1354V29.9727Z' fill='%23001241'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_988_2737'%3E%3Crect width='29.5455' height='35.4545' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 30px 36px;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0) invert(1);
}

.temp_gonggo_skin1 .gonggo_btn h2 strong {
  display: block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.567px;
}

.temp_gonggo_skin1 .gonggo_btn h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FFF;
  font-family: SUIT;
  font-size: 16.545px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.331px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.temp_gonggo_skin1 .gonggo_btn:nth-of-type(even) {
  background: #EBF1FF;
}

.temp_gonggo_skin1 .gonggo_btn:nth-of-type(even)>* {
  color: #001241;
}

.temp_gonggo_skin1 .gonggo_btn:nth-of-type(even) h2:after {
  filter: unset;
  opacity: 1;
}

.temp_gonggo_skin1 .adobe_box {
  position: relative;
}

.temp_gonggo_skin1 .adobe_box a {
  display: block;
  width: 190px;
  height: 172px;
  position: absolute;
  top: 15%;
  left: 2%;
}

@media screen and (min-width: 1025px) {
  .temp_gonggo_skin1 .gonggo_btn {
    transition: all 0.6s ease;
  }

  .temp_gonggo_skin1 .gonggo_btn:hover {
    transform: translateY(-10px);
  }
}

@media screen and (max-width: 1024px) {
  .temp_gonggo_skin1 .gonggo_box {
    padding-top: 0;
    margin-bottom: 0;
  }

  .temp_gonggo_skin1 .btn_wrap {
    margin-top: 10px;
    position: relative;
    left: unset;
    top: unset;
    flex-direction: column;
    gap:12px;
  }

  .temp_gonggo_skin1 .gonggo_btn {
    width: 100%;
    padding: 17px 40px 16px 26px;
    margin: 0 !important;
  }

  .temp_gonggo_skin1 .gonggo_btn_link {
    position:relative;
    right:0;
    bottom:0;
    width:100%;
    gap:8px;
    padding:16px 24px;
    font-size:20px;
    border-radius: 100px;
    margin-top:12px;
  }
  .gonggo_btn_link_icon {
    flex:none;
    width:20px;
    height:20px;
    background: url('/resources/img/main/sec01_btn_window.svg') no-repeat center / cover;
  }

  .temp_gonggo_skin1 .gonggo_btn h2 {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0.3px;
  }

  .temp_gonggo_skin1 .gonggo_btn h2 strong {
    font-size: 20px;
    letter-spacing: 0.4px;
  }

  .temp_gonggo_skin1 .gonggo_btn h3 {
    display: none;
  }

  .temp_gonggo_skin1 .gonggo_btn h2:after {
    width: 21px;
    height: 19px;
    background-size: 21px 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='19' viewBox='0 0 21 19' fill='none'%3E%3Cg clip-path='url(%23clip0_988_2827)'%3E%3Cpath d='M21 15.7891V18.9998H0V15.7891H1.74069V17.2993H19.2593V15.7891H21Z' fill='white'/%3E%3Cpath d='M14.7612 11.9305L10.5134 16.3379L9.93458 15.7557L9.57499 15.3945L6.13086 11.9305L6.74691 11.2908L7.36295 10.6526L9.57499 13.0208V0H11.3171V12.948L13.5291 10.6526L14.1452 11.2908L14.7612 11.9305Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_988_2827'%3E%3Crect width='21' height='19' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }

  .temp_gonggo_skin1 .gonggo_btn:nth-of-type(even) h2:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='19' viewBox='0 0 21 19' fill='none'%3E%3Cg clip-path='url(%23clip0_988_2832)'%3E%3Cpath d='M21 15.7891V18.9998H0V15.7891H1.74069V17.2993H19.2593V15.7891H21Z' fill='%23001241'/%3E%3Cpath d='M14.7612 11.9305L10.5134 16.3379L9.93458 15.7557L9.57499 15.3945L6.13086 11.9305L6.74691 11.2908L7.36295 10.6526L9.57499 13.0208V0H11.3171V12.948L13.5291 10.6526L14.1452 11.2908L14.7612 11.9305Z' fill='%23001241'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_988_2832'%3E%3Crect width='21' height='19' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }

  .temp_gonggo_skin1 .adobe_box {
    display: none;
  }

}

.temp_subscription_skin .ui_tabcontents .tab {
  flex-wrap: wrap;
}

.temp_subscription_skin .ui_tabcontents .tab li {
  width: calc(20% - 7px);
  flex: unset;
}

@media screen and (max-width: 1024px) {
  .temp_subscription_skin .ui_tabcontents .tab li {
    width: calc(50% - 4px);
  }
}

@media screen and (max-width: 768px) {
  /* .temp_subscription_skin .ui_tabcontents .tab li {
    width: 100%;
  } */
}





/******************************************
  분양일정
******************************************/

.temp_calendar_skin1 .calendar_title {
  margin-bottom: 40px;
  text-align:center;
}

.temp_calendar_skin1 .sale_calendar_wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 clamp(12px, 2vw, 24px);
}

@media screen and (min-width: 1025px) {
  .temp_calendar_skin1 {
    /* margin-top: -100px; */
  }
}

@media screen and (min-width: 1400px) {
  .temp_calendar_skin1 .sale_calendar_wrap {
    max-width: 1160px;
  }
}

@media screen and (max-width: 1024px) {
  .temp_calendar_skin1 .calendar {
    display: block;
    max-width: 353px;
    margin: auto;
  }

  .temp_calendar_skin1 .calendar ul {
    border-top: 1px solid #111;
    padding-top: 13px;
  }

  .temp_calendar_skin1 .calendar ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E9E9E9;
  }

  .temp_calendar_skin1 .calendar 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_calendar_skin1 .calendar ul li.li01 span {
    background: #6F96D1;
  }

  .temp_calendar_skin1 .calendar ul li.li02 span {
    background: #001241;
  }

  .temp_calendar_skin1 .calendar ul li.li03 span {
    background: #F2F1DF;
    color: #000;
  }

  .temp_calendar_skin1 .calendar ul li.li04 span {
    background: #D0E4FF;
    color: #000;
  }

  .temp_calendar_skin1 .calendar ul li.li05 span {
    background: #F7F2EC;
    color: #000;
  }

  .temp_calendar_skin1 .calendar ul li.li06 span {
    background: #EDF0F5;
    color: #000;
  }

  .temp_calendar_skin1 .calendar ul li.li07 span {
    background: #BAD6EB;
    color: #000;
    /* font-size: 13px; */
  }

  .temp_calendar_skin1 .calendar ul li.li08 span {
    background: #FFF9EF;
    /* background: #78914D; */
    color: #000;
    font-size: 13px;
  }

  .temp_calendar_skin1 .calendar ul li.li09 span {
    background: #FFF9EF;
    color: #000;
    /* background: #78914D; */
    font-size: 13px;
  }

  .temp_calendar_skin1 .calendar ul li.li10 span {
    background: #938570;
    font-size: 13px;
  }

  .temp_calendar_skin1 .calendar ul li.li11 span,
  .temp_calendar_skin1 .calendar ul li.li12 span {
    background: #EDF0F5;
    color:#000;
    font-size: 13px;
  }

  .temp_calendar_skin1 .calendar ul li p {
    font-size: 16px;
    color: #111111;
    font-weight: 300;
  }

  .temp_calendar_skin1 .calendar ul li.li02 p {
    font-weight: 800;
  }


  
  .temp_calendar_skin1 .calendar ul li.li21 span {background: #6F96D1; color: #fff;}
  .temp_calendar_skin1 .calendar ul li.li22 span {background: #F7F2EC; color: #333;}
  .temp_calendar_skin1 .calendar ul li.li23 span {background: #F2F1DF; color: #111;}
  .temp_calendar_skin1 .calendar ul li.li24 span {background: #E3EEFF; color: #333;}
  .temp_calendar_skin1 .calendar ul li.li25 span {background: #B3D3FF; color: #333;}


}



/******************************************
  단지/동호수배치도
******************************************/

.temp_dongho_skin1 .tit_box {
  margin: 50px 0;
}

.temp_dongho_skin1 .tit_box p {
  color: #2D3980;
  font-size: 36px;
  display: block;
  font-weight: 600;
}

.temp_dongho_skin1 .tit_box p em {
  position: relative;
  font-style: normal;
}

.temp_dongho_skin1 .tit_box p em:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 6px;
  height: 6px;
  transform: translateX(-50%);
  display: block;
  width: 4px;
  height: 4px;
  background: #2D3980;
  border-radius: 50%;
}

.temp_dongho_skin1 .tit_box h4 {
  color: #1475BC;
  font-size: 42px;
  display: block;
  font-weight: 700;
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .temp_dongho_skin1 .tit_box p {
    font-size: 18px;
  }

  .temp_dongho_skin1 .tit_box p em:before {
    width: 3px;
    height: 3px;
    top: -2px;
  }

  .temp_dongho_skin1 .tit_box h4 {
    font-size: 28px;
  }

}







/******************************************
  청약감사 이벤트
******************************************/

.temp_event_thanks_skin1 .foot_summary {margin-top: 30px;}


/**빅 이벤트 **/
.big_event_apply_box {background-color:#001241; padding:0 100px 90px; position:relative; margin-top: 80px;}
.bigEventForm.end:before{z-index:20;display:block;content:''; background:url('/resources/img/sub/end_icon_bg.png') no-repeat center top; width:100%; height:100%; background-size:cover; position:absolute; left:0; top:0;}
.bigEventForm.end .endIconImg {z-index:22; position: absolute; left:50%; top:0; transform: translate(-50%, 0);}
.big_event_apply_box .apply_tit { text-align: center;  font-size:3.1rem; color:#fff; font-weight: bold; padding-top:120px; margin-bottom:60px;}
.bigEventForm {border-radius: 4px ;background-color:#fff; border-radius: 4px; text-align: center;padding:80px 135px;}
.bigEventForm select,
.bigEventForm input[type="text"] {width: 125px; padding:0 10px; border: 1px solid #ccc; border-radius: 5px; height: 50px;}
.bigEventForm input[type="text"].wide {width:280px;}
.bigEventForm .event_form {margin-top:50px; text-align: left; font-family: 'Pretendard','Noto Sans KR';}
.bigEventForm .event_form h4 { color:#001241; font-size:1.8rem; font-weight: bold; padding: 0 0 20px 0;}
.bigEventForm .event_form h4 span, .bigEventForm .event_form h4 img {vertical-align: middle;}
.bigEventForm .event_form .event_form_info { width: 100%; border-top:2px solid #001241;}
.bigEventForm .event_form .event_form_info .info {display: flex; padding:20px 0 0; align-items: center;}
.bigEventForm .event_form .event_form_info .fileWrap {padding:10px 0 0;  /*border-bottom:1px solid #dcdcdc;*/}
.bigEventForm .event_form .event_form_info .fileWrap .tit {font-size: 1rem; padding-bottom: 7px; display: block; width: 100%}
.bigEventForm .event_form .event_form_info .firstRow {border-top: 1px solid #dcdcdc;}
.bigEventForm .event_form .smallFont {font-size:0.75rem; font-weight: normal;}
.bigEventForm .event_form .tit {color:#001241; font-size:1.1rem;font-weight: bold; width:13%;}
.bigEventForm .event_form .fileBox {/*padding: 0 0 26px 0; */}
.bigEventForm .event_form input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.bigEventForm .event_form .fileSearch {margin-left:8px;background-color: #1e396d; border-color: #1e396d;padding:0; height: 50px; border-radius: 5px; width:140px; font-weight: 400; text-align: center; display: inline-flex; align-items: center; justify-content: center; color: #fff;font-size: 1rem; vertical-align: middle;}

.bigEventForm .event_form .event_form_info .applyTypeInfo {padding:0; margin-top:30px; align-items:flex-start;}
.bigEventForm .event_form .event_form_info .applyTypeInfo .fileWrap {}
.bigEventForm .event_form .upload-name { display: inline-block; width:calc(100% - 155px);padding:0 14px; height: 50px; box-sizing:border-box;}
.certificationBtn {color: #fff; background-color: #1e396d; border-radius: 5px; padding:0 20px; height: 50px;}
.bigEventForm .event_form .registerBtn {font-size:1.5rem; font-weight: bold; margin:0 auto 0;text-align: center; color:#fff; width:300px; background-color:#001241;border-radius: 5px; padding:14px 0}
.bigEventForm .event_form .terms_agree {border-bottom:none;}
.bigEventForm .event_form #pcs1, .bigEventForm .event_form #pcs2, .bigEventForm .event_form #pcs3 {padding:0;}
.bigEventForm .event_form .phone {display:flex;}
.bigEventForm .event_form .regist label {background-color: transparent; color: #5f5f5f; width: auto; padding: 0;}
.bigEventForm .event_form .regist input[type=radio].radio:checked+.label:before {font-size:15px; line-height: 23px;}

.bigEventForm .event_form .applyTypeInfo .applyTypeList {width:87%; min-width:0; flex:1;}
.bigEventForm .event_form .applyBLBlock {border-top: 1px solid #273D6B; min-width:0;}
.bigEventForm .event_form .applyBLBlock + .applyBLBlock {border-top:none;}
.bigEventForm .event_form .applyBLHead {background: #EDF0F5; text-align:center; padding:14px 0; font-size:1.1rem; font-weight:bold; color:#001241; border-bottom:1px solid #dcdcdc;}
.bigEventForm .event_form .applyBLHead_23 {margin-top: 20px; background: #D0E4FF; border-top:1px solid #273D6B;}
.bigEventForm .event_form .applyBLGrid {display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); min-width:0;}
.bigEventForm .event_form .applyBLCol {margin:0; min-width:0; box-sizing:border-box; overflow:hidden;}
.bigEventForm .event_form .applyBLCol + .applyBLCol {border-left:1px solid #dcdcdc;}
.bigEventForm .event_form .applyBLColTit {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; height: 50px; background: #F8F8F8;}
.bigEventForm .event_form .applyBLColTit .applyCheckLabel {display:inline-flex; align-items:center; gap:8px; color:#111;color: #111;text-align: center;font-family: SUIT;font-weight: 500;line-height: normal; font-size:1.1rem; margin:0; cursor:pointer;}
.bigEventForm .event_form .applyBLColTit .applyCheckLabel input[type="checkbox"] {width:18px; height:18px; margin:0;}
.bigEventForm .event_form .applyBLColBody {display:flex; flex-direction:column; gap:12px; min-width:0; padding: 0 16px; height: 152px; justify-content: center;     border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.bigEventForm .event_form .applyBLCol_general .applyBLColBody {justify-content:center; min-height:112px;}
.bigEventForm .event_form .applyBLCol .applyTypeSelectWrap {display:flex; align-items:center; gap:8px; width:100%; min-width:0;}
.bigEventForm .event_form .applyBLCol .applyTypeSelectWrap .applyTypeSpecialSelect {flex:1 1 0; min-width:0; width:auto; max-width:100%; box-sizing:border-box;}
.bigEventForm .event_form .applyBLCol .applyTypeSpecialSelect {width:100%; max-width:100%; box-sizing:border-box;}
.bigEventForm .event_form .applyBLCol .fileWrap {padding:0; min-width:0;}
.bigEventForm .event_form .applyBLCol .fileBox {display:flex; align-items:center; gap:8px; width:100%; max-width:100%; min-width:0; box-sizing:border-box;}
.bigEventForm .event_form .applyBLCol .uploadNameLabel {flex:1 1 0; min-width:0; margin:0; cursor:pointer; display:block;}
.bigEventForm .event_form .applyBLCol .upload-name {display:block; width:100% !important; min-width:0; max-width:100%; color:#999; box-sizing:border-box; border:1px solid #ccc; border-radius:5px; background:#fff; pointer-events:none; cursor:pointer;}
.bigEventForm .event_form .applyBLCol .fileSearch {width:50px; min-width:50px; height:50px; margin-left:0; flex-shrink:0; border-radius:5px; box-sizing:border-box;}
.bigEventForm .event_form .applyBLCol .fileSearch svg {display:block; max-width:100%;}
.bigEventForm .event_form .applyTypeRow .applyDoneBadge {display:inline-block; padding:6px 12px; border-radius:4px; background:#eef2f8; color:#1e396d; font-size:0.95rem; font-weight:bold;}
.bigEventForm .event_form .applyTypeRow.is-done {opacity:0.75;}
.bigEventForm .event_form .applyTypeRow.is-done .rowFileWrap {display:none;}
.bigEventForm .event_form .applyTypeRow.is-done .applyTypeSelectWrap,
.bigEventForm .event_form .applyTypeRow.is-done .applyTypeSpecialSelect {display:none;}
@media screen and (max-width: 1100px) {
  .big_event_apply_box {padding: 0 20px 90px;}
  .bigEventForm .event_form .applyBLGrid {grid-template-columns:1fr;}
  .bigEventForm .event_form .applyBLCol + .applyBLCol {border-left:none; border-top:1px solid #dcdcdc;}
  .bigEventForm .event_form .applyBLCol_general .applyBLColBody {min-height:auto;}
  .bigEventForm .event_form .applyBLColBody {padding: 22px 44px; height: auto;}
  .bigEventForm .event_form .applyBLCol .applyTypeSelectWrap {flex-wrap:wrap;}
  .bigEventForm .event_form .applyBLCol .upload-name {font-size: 1rem;}
  .bigEventForm .event_form .applyBLCol .applyTypeSelectWrap .applyTypeSpecialSelect {font-size: 1rem;}
}
.bigEventForm .event_form .participatedListWrap {margin-bottom:20px; padding:16px; background:#f7f9fc; border:1px solid #d7e0ef; border-radius:5px;}
.bigEventForm .event_form .participatedListWrap .participatedTit {display:block; color:#001241; font-size:1rem; font-weight:bold; margin-bottom:10px;}
.bigEventForm .event_form .participatedList {margin:0; padding:0; list-style:none;}
.bigEventForm .event_form .participatedList li {position:relative; padding-left:12px; color:#333; font-size:0.95rem; line-height:1.8;}
.bigEventForm .event_form .participatedList li:before {content:""; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background:#1e396d;}
.bigEventForm .event_form .privacy_item {margin-top: 40px}
.bigEventForm .event_form .privacy_item h2{margin-bottom:16px;}
.bigEventForm .event_form .privacy_item .terms_box {padding: 25px;}
.bigEventForm .event_form .privacy_item .terms h3 {font-size: 14px;}


@media screen and (max-width: 1025px) {
  .big_event_apply_box .apply_tit {font-size: 2rem; padding-top: 56px; margin-bottom: 40px;}
  .bigEventForm {padding:40px 50px;}
  .bigEventForm select,
  .bigEventForm input[type="text"]:not(.upload-name) {width:75%;}
  .bigEventForm select ~ select,
  .bigEventForm select ~ input,
  .bigEventForm input ~ input,
  .bigEventForm input ~ select {}
}
@media screen and (max-width: 640px) {
  .big_event_apply_box {padding:0 16px 40px; margin-top: 30px;}
  .bigEventForm {
      padding: 10px;
  }

  .bigEventForm .event_form .event_form_info .info {display:block;}
  .bigEventForm .event_form .tit {width:100%; padding-bottom: 9px}

  .bigEventForm .event_form .event_form_info .info input[type="text"], .bigEventForm .event_form .event_form_info .info input[type="password"] {width:100%;}

  .bigEventForm .certificationBtn {width:100%; margin-top:12px;}
   .bigEventForm .event_form .upload-name {width:100%;}
  .bigEventForm .event_form .fileSearch {display:flex; width:100%; margin-top:12px; margin-left:0;}
  .bigEventForm .event_form .applyBLCol .fileSearch {width:50px; min-width:50px; margin-top:0;}
  .bigEventForm .event_form .applyBLCol .uploadNameLabel {flex:1 1 0; min-width:0;}
  .bigEventForm .event_form .applyBLCol .upload-name {width:100% !important;}
  .terms_agree {font-size:15px;}
  input[type=radio].radio+.label::before {min-width: 15px; height:15px;}
  .bigEventForm .event_form .registerBtn {width:100%; font-size:1rem;}
  .bigEventForm .event_form .applyTypeInfo .applyTypeList {width:100%;}
  .bigEventForm .event_form .applyBLColBody {padding: 22px 10px;}
} 

.bigEventForm .indiv-box h2 {
  font-size: 1.3rem; font-weight: 700; margin: 0 0 10px;
}
.bigEventForm .indiv-box .terms_box {
    padding: 1rem 2rem;
    background: #f9f9f9;
    border: 1px solid #e0e5e8;
    font-size: 1.0rem;
    height: 180px;
    overflow-y:scroll;
}
.bigEventForm .indiv-box .terms_agree{
  padding: 1rem 0 2rem;
  text-align:center; 
  font-size: 0.92rem;
}
.bigEventForm .indiv-box .terms_agree label {display: inline-block; padding: 0 0.5rem; font-size: 1.0rem; font-weight: 300;}
.bigEventForm .indiv-box .terms h3 {font-size: 1rem; padding: 1rem 0;}


.bigEventForm .indiv-box .terms_box{ padding:25px; padding-top:5px; height: 250px; overflow-y: scroll; background: #f5f5f5; font-size:14px;}
.bigEventForm .indiv-box .terms_agree{
  padding:28px 0 50px;
  margin-bottom: 36px;
  text-align:center; 
  border-bottom: 1px solid #c7c7c7;
}
.bigEventForm .indiv-box .terms_agree * {vertical-align: middle;}
.bigEventForm .indiv-box .terms_agree label {display: inline-block; margin-right: 10px;}

@media screen and (max-width: 1024px) {
  .bigEventForm .event_form .privacy_item .terms_box {padding: 0 10px;}

  .bigEventForm .indiv-box .terms_agree {
    padding-bottom: 20px;
  }

  .bigEventForm .event_form .privacy_item h2 {
    font-size: 1.1rem;
  }

  .bigEventForm .event_form .event_form_info .applyTypeInfo {
    border: none;
  }

  .bigEventForm .event_form .event_form_info .applyTypeInfo .applyBLCol .fileWrap {
    border-bottom: none;
  }
}

/* 더레파 특화 */
.temp_special_system_skin1 .page_container {max-width: 760px;}

.event_notice {margin-left: 13%; padding: 14px 0;}
.event_notice p {
  color: #888;
  font-size: 0.9rem;
}
@media screen and (max-width: 640px) {
  .event_notice {margin-left: 0;}
}