@charset "utf-8";

/********************************************
  크게보기 버튼
********************************************/
.button_group {text-align: center; padding: clamp(20px, calc(40/640 * 100vw), 40px) 0;}
.button_group .round_btn {
  background: #012853;
  border:1px solid #012853;
  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;
  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%);}
/* .button_group .round_btn.gray {background:#959BA7; border-color:#959BA7; color:#fff;} */


.uiCenter_type {position:relative; font-size:0;; text-align:center;}
.uiCenter_type img {max-width: 100%;;}

.video_type {padding-top: 56.25%; height: 0;; overflow: hidden; position:relative;}
.video_type iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}

.title_type {text-align:center; margin-bottom: 40px;}
.title_type .txt01 {font-size:46px; font-weight: 700; color:#002F57;}
.title_type .txt02 {font-size:24px; font-weight: 300; margin-top: 13px; color:#333;}
@media screen and (max-width: 1024px) {
  .title_type {}
  .title_type .txt01 {font-size:24px;}
  .title_type .txt02 {font-size:14px;}
}




/******************************************
  오리발
******************************************/
.foot_summary {padding-top: 20px;}
.foot_summary ul li {margin-left: 14px; text-indent: -14px;}


/******************************************
  컨텐츠 영역
******************************************/
.page_content {
    padding: 70px 0 330px;
    min-height: calc(65vh - 170px);
}
.page_content .page_container  {
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
}
.page_content .page_container img {max-width: 100%;}
@media screen and (max-width: 1024px) {
  .page_content {
    padding:50px 0 200px;
  }
  .page_content .page_container  {
    padding: 0 16px;
  }
}

.page_content .page_header{width: 100%; max-width: 1500px; margin: auto;}
.page_content .page_header .line{width: 100%; height: 1px; background: #052F57; position: relative; margin-bottom: 50px;}
/* .page_content .page_header .line::after{content: ""; position: absolute; left: 0; top: -6px; width: 10px; height: 10px; border-radius: 10px; border: 2px solid #052F57; background: #fff;}
.page_content .page_header .line::before{content: ""; position: absolute; right: 0; top: -6px; width: 10px; height: 10px; border-radius: 10px; border: 2px solid #052F57; background: #fff;} */
.page_content .page_header .tit_wrap{display: flex; justify-content: space-between; align-items: center; gap: 60px;}
.page_content .page_header .tit_wrap .sub_tit p{color: #063057; font-size: 24px; font-weight: 700; margin-bottom: 20px;}
.page_content .page_header .tit_wrap .sub_tit p .hanwha{font-weight: 600;}
.page_content .page_header .tit_wrap .sub_tit p .forena{font-weight: 400;}
.page_content .page_header .tit_wrap .sub_txt p{color: #333; font-size: 18px; font-weight: 400;}
.page_content .page_header .tit_wrap .btn_box{display: flex; align-items: center; gap: 10px;}
.page_content .page_header .tit_wrap .btn_box a{width: 290px; max-width: 290px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 30px; border: 1px solid #333; border-radius: 290px; transition: all 0.3s;}
.page_content .page_header .tit_wrap .btn_box a svg path{transition: all 0.3;}
.page_content .page_header .tit_wrap .btn_box a span{color: #333; font-family: 'HanwhaGothic'; font-size: 16px; font-weight: 400; transition: all 0.3s;}
.page_content .page_header .tit_wrap .btn_box a:hover{background: #052F57; border: 1px solid #052F57;}
.page_content .page_header .tit_wrap .btn_box a:hover span{color: #fff;}
.page_content .page_header .tit_wrap .btn_box a:hover svg path{stroke: #fff;}

.page_content .page_header .page_banner{width: 100%; margin: 110px 0 80px; display: flex; align-items: center; justify-content: center; background: #E0D9D2; border-radius: 10px; padding: 27px;}
.page_content .page_header .page_banner p{color: #052F57; font-size: 26px; font-weight: 400; font-family: 'HanwhaGothic'}

@media screen and (max-width: 1024px) {
  .page_content .page_header{padding:0 16px;}
  .page_content .page_header .line{margin-bottom: 40px;}
  .page_content .page_header .tit_wrap {flex-direction: column; align-items: flex-start;}
  .page_content .page_header .tit_wrap .sub_tit p {font-size:18px;}
  .page_content .page_header .tit_wrap .sub_txt p {font-size:12px;}

  .page_content .page_header .tit_wrap .btn_box {width: 100%;}
  .page_content .page_header .tit_wrap .btn_box a {width:auto; padding:14px 30px; flex:1; max-width:none; gap:5px;}
  .page_content .page_header .tit_wrap .btn_box a span {font-size:12px;;}

  .page_content .page_header .page_banner{margin: 60px 0 50px; border-radius: 5px; padding: 12px;}
  .page_content .page_header .page_banner p{font-size:14px;;}

}







/******************************************
  오리발
******************************************/

.footer_summary { max-width: 1500px; margin:50px auto 0; background-color: #f3f3f3; text-align: left; padding: 30px 30px 30px 148px; position:relative; min-height: 150px; display: flex; align-items: center;}
.footer_summary::before {content:''; position:absolute; left: 40px; top: 50%; transform: translateY(-50%); width: 69px; height: 69px; background: url('/resources/img/sub/ori.png') 0 0 no-repeat; margin-right: 18px; }
/* .sub_ori ul {  } */
.footer_summary ul li { font-size: 16px; color: #5E5E5E; position: relative; padding-left: 13px; word-break: break-all;}
.footer_summary ul li:before { content:'▪'; position: absolute; left:0; top:-1px;}

@media screen and (max-width: 650px) {
  .footer_summary{padding: 20px 20px 20px 80px;}
  .footer_summary::before{left: 20px; width: 39px; height: 39px; background: url(/resources/img/sub/ori.png) center center/cover no-repeat;}
  .footer_summary ul li{font-size: 14px; word-break: keep-all;}
}




/******************************************
  사업개요
******************************************/
.temp_overview_skin1 .page_inner{display: flex; gap: 60px;}
.temp_overview_skin1 .page_inner > div{max-width: 927px; width: 100%;}
.temp_overview_skin1 .page_inner > div img{width: 100%; height: 100%; object-fit: cover;}
.temp_overview_skin1 .page_inner ul{flex: 1; min-width: 572px; width: 100%;}
.temp_overview_skin1 .page_inner ul li{display: flex; align-items: center; gap: 140px; padding: 37px 30px; border-bottom: 1px solid rgba(0, 48, 87, 0.2);}
.temp_overview_skin1 .page_inner ul li:first-child{border-top: 1px solid #003057;}
.temp_overview_skin1 .page_inner ul li .tit{width: 74px; color: #111; font-size: 20px; font-weight: 700;}
.temp_overview_skin1 .page_inner ul li .txt{color: #111; font-size: 20px; font-weight: 300;}
@media screen and (max-width: 1200px) {
  .temp_overview_skin1 .page_inner{flex-direction: column;}
  .temp_overview_skin1 .page_inner > div{max-width: 100%; width: 100%;}
}
@media screen and (max-width: 520px){
  .temp_overview_skin1 .page_inner ul li{padding: 20px 24px;}
  .temp_overview_skin1 .page_inner ul li .tit,
  .temp_overview_skin1 .page_inner ul li .txt{font-size: 14px;}
}


/******************************************
  브랜드소개
******************************************/
.playbtn::before {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/sprite.png);
    background-position: 999px 999px;
    background-repeat: no-repeat;
}
.temp_brand_skin1 {}
.temp_brand_skin1 h3 {font-size: 30px; font-family: 'Noto Sans Medium'; color: #000; position: relative; letter-spacing: -1px; padding-bottom: 18px;}
.temp_brand_skin1 h3 i {font-style: normal;}
.temp_brand_skin1 h3 span { position: absolute; right: 0; top: 0;}
.temp_brand_skin1 dl {margin-top: 70px;}
.temp_brand_skin1 dl dd {padding-bottom: 45px; color: #999; font-family: 'Noto Sans';}
.temp_brand_skin1 .brand_top {}
.temp_brand_skin1 .brand_top img {width:100%;}
.temp_brand_skin1 .brand_movie {padding-top: 60px; max-width: 1350px; margin: 0 auto;}
.temp_brand_skin1 .brand_movie .playbtn{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease, height 0s linear 0s;
  transition: opacity 0.3s ease, height 0s linear 0s;  
}
.temp_brand_skin1 .movie_con {position: relative; padding-top: 56.25%;}
.temp_brand_skin1 .movie_con iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.temp_brand_skin1 .brand_movie .playbtn::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: -104px -333px;
    width: 28px;
    height: 35px;
    margin-left: 5px;
    z-index: 30;
}

.temp_brand_skin1 .brand_movie .playbtn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background-color: #003057;
    z-index: 20;
}

.temp_brand_skin1 .movie_con .playbtn:hover::after { background-color:#fff; }
.temp_brand_skin1 .movie_con .playbtn:hover::before { background-position:-135px -333px; }
/* .cf-zone .video:not(.ready) .poster { cursor:default; }
.cf-zone .video:not(.ready) .poster::before, .cf-zone .video:not(.ready) .poster::after { opacity:0; } */

.temp_brand_skin1 .movie_con iframe {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.temp_brand_skin1 .brand_img {padding-top: 60px; max-width: 1350px; margin: 0 auto;;}

.btn .go_arrow {width:21px; height:13px; background:url(../img/common/ico_btn_arrow.png) no-repeat; vertical-align: middle; display: inline-block; margin-left: 5px;}
.page_location .btn_group {padding-top: 40px; text-align: center;}
.page_location .btn_group span {display: inline-block; padding: 0 5px;}
.page_location .btn_group .btn {width:inherit; height: inherit; padding: 18px 40px; font-size: 14px; line-height: 1.5;}
.page_location .mapcon {height: 520px; margin-top: 40px;}


p.chungyak_title {
	padding: 30px 0;
	letter-spacing: -2px;
	font-family: 'Noto Sans Bold';
	color: #002852;
	font-size: 46px;
}

.para_tab_con {
	padding: 50px 0 0;
}



@media screen and (max-width: 1024px) {
  .temp_brand_skin1 h3 {font-size:18px;}
  .temp_brand_skin1 h3 span {width:137px;}
  .temp_brand_skin1 .brand_movie {padding-top:46px;}
  .temp_brand_skin1 .brand_img {padding-top: 30px;}
}


/******************************************
  입지환경
******************************************/
.temp_location_skin1 {} 
.temp_location_skin1 .uiCenter_type ~ .uiCenter_type {margin-top: 120px;}

@media screen and (max-width: 1024px) {
  .temp_location_skin1 .uiCenter_type ~ .uiCenter_type {margin-top: 30px;}
}


/******************************************
  입지환경
******************************************/
.temp_contact_skin1 .uiCenter_type {display: flex; justify-content: center;}
.temp_contact_skin1 .uiCenter_type .inner {position:relative;}
.temp_contact_skin1 .uiCenter_type a {position:absolute; width:124px; height:36px; text-indent: -999px; overflow: hidden;}
.temp_contact_skin1 .uiCenter_type a:nth-of-type(1) {left:880px; top:200px;}
.temp_contact_skin1 .uiCenter_type a:nth-of-type(2) {left: 1040px; top: 200px;}
.temp_contact_skin1 .uiCenter_type a:nth-of-type(3) {left:880px; top:348px;}
.temp_contact_skin1 .uiCenter_type a:nth-of-type(4) {left:1040px; top:348px;}

@media screen and (max-width: 1024px) {
  .temp_contact_skin1 .uiCenter_type{justify-content: center;}
  .temp_contact_skin1 .uiCenter_type a {width:24.874%; height:5.544%;}
  .temp_contact_skin1 .uiCenter_type a:nth-of-type(1) {left:28.01%; top:72.5%;}
  .temp_contact_skin1 .uiCenter_type a:nth-of-type(2) {left:56.18%; top:72.5%;}
  .temp_contact_skin1 .uiCenter_type a:nth-of-type(3) {left:28.01%; top:auto; bottom:0;}
  .temp_contact_skin1 .uiCenter_type a:nth-of-type(4) {left:56.18%; top:auto; bottom:0;}
}




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

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

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

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

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

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

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

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

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

/******************************************
  보도자료
******************************************/
.news_list_type ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
.news_list_type ul li {margin-bottom:2.5rem; background:#fff; text-align: left; box-shadow: 8px 13px 15px 0px rgba(0,0,0,0.1); transition: box-shadow .4s;}
.news_list_type ul li:hover {box-shadow: none;}
.news_list_type ul li a {display:block; width:100%; height:100%; padding:2.5rem 1.5rem; font-size:1rem; color:#000;}
.news_list_type ul li a span {display:block; color:#204eb0; font-size:1rem; margin-bottom:1rem; font-weight: 400;}
.news_list_type ul li a span.date {margin-bottom:0; font-family: "Montserrat"; margin-top:1.5rem;}
.news_list_type ul li a dl dt {font-size:1.3rem; font-weight:400;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_list_type ul li a dl dd {margin:1rem 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.paging_wrap {display:flex; width:100%; justify-content: center; margin:3.5rem 0;}
.paging_wrap a {display:inline-flex; margin:0 0.5rem; font-size:0.9rem; font-family: "Montserrat"; width:1.8rem; height:1.8rem; border-radius: 100%; justify-content: center; align-items: center; font-weight:500;}
.paging_wrap a.current {background:#000; color:#fff;}

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

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

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

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


/***************************************
  평면정보
****************************************/
.temp_unit_skin1 {}
.temp_unit_skin1 .uiCenter_type.pcOnly a {position:absolute; right:27px; top: 19px; width:180px; padding-top: 60px; height: 0; overflow: hidden;}



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

.temp_supply_skin1 .uiCenter_type a {position:absolute; width:374px; padding-top: 60px; height: 0; overflow: hidden}
/* .temp_supply_skin1 .uiCenter_type a:nth-of-type(1) {left:835px; bottom:260px;} */
.temp_supply_skin1 .uiCenter_type a:nth-of-type(1) {left:835px; bottom:133px;}
.temp_supply_skin1 .uiCenter_type a:nth-of-type(2) {left:835px; bottom:62px}
@media screen and (max-width: 1024px) {
  .temp_supply_skin1 .uiCenter_type a {width:75.376%; padding-top:15.075%;}
  .temp_supply_skin1 .uiCenter_type a:nth-of-type(1) {left:12.311%; bottom:27.918%;}
  .temp_supply_skin1 .uiCenter_type a:nth-of-type(2) {left:12.311%; bottom:11.167%;}
}


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

/* 이벤트 */
.temp_event_skin1 .page_container a.event_btn{display: inline-flex; gap: 12px; align-items: center; justify-content: center; background: #002142; border-radius: 60px; padding: 26px 135px; margin-top: 40px;}
.temp_event_skin1 .page_container a.event_btn span{color: #FFF; font-size: 24px; font-weight: 400; letter-spacing: -0.72px;}
.temp_event_skin1 .img_box{position: relative;}
.temp_event_skin1 .img_box a:nth-of-type(1){position: absolute; top: 92%; left: 26%; width: 12.5%; height: 4%;}
.temp_event_skin1 .img_box a:nth-of-type(2){position: absolute; top: 48%; left: 48%; width: 11.5%; height: 3%;}

.temp_event_skin1 .ly_pop_box{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.5);}
.temp_event_skin1 .ly_pop_box > img{position: absolute; max-width: 1385px; width: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.temp_event_skin1 .ly_pop_box .ly_tit{position: absolute; top: 52px; left: 0; right: 0; max-width: 1385px; width: 100%; margin: auto;}
.temp_event_skin1 .ly_pop_box .ly_tit img{display: block;}
.temp_event_skin1 .ly_pop_box a{position: absolute; top: 40px; right: 40px; width: 42px; height: 42px; z-index: 10;}

@media screen and (max-height: 950px) {
  .temp_event_skin1 .ly_pop_box > img{top: unset; bottom: 20px;}
}
@media screen and (max-height: 820px) {
  .temp_event_skin1 .ly_pop_box .ly_tit{top: 15px; max-width: 1000px;}
  .temp_event_skin1 .ly_pop_box .ly_tit img{width: 100%; max-width: 400px;}
  .temp_event_skin1 .ly_pop_box > img{top: 0; bottom: 0; max-width: 1000px;}
}

@media screen and (max-width: 1024px) {
  .temp_event_skin1 .page_container a.event_btn{padding: 16px 76px; margin-top: 25px; border-radius: 50px; gap: 10px;}
  .temp_event_skin1 .page_container a.event_btn span{font-size: 20px;}
  .temp_event_skin1 .img_box a:nth-of-type(1){top: 47%; left: 27%; width: 46.5%; height: 2%;}
  .temp_event_skin1 .img_box a:nth-of-type(2){top: 73.2%; left: 27%; width: 46.5%; height: 2%;}

  .temp_event_skin1 .ly_pop_box{padding: 100px 20px 20px; overflow: scroll;}
  .temp_event_skin1 .ly_pop_box > img{position: relative; padding: 0; max-width: 750px;}
  .temp_event_skin1 .ly_pop_box a{top: 20px; right: 20px;}
}
@media screen and (max-width: 510px) {
  .temp_event_skin1 .registWrap .terms_agree ul li .text{font-size: 3.2vw;}
  .temp_event_skin1 .bl_billi{font-size: 3vw;}
}