@charset "utf-8";

@media screen and (max-width: 1024px) {
  .pcOnly {display: none;}
}
@media screen and (min-width: 1025px) {
  .mOnly {display: none;}
}

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

/********************************************
  크게보기 버튼
********************************************/
.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);  */
  padding:12px 23px;
  color: #fff; 
  display: inline-flex;
  align-items: center;
  justify-content: center; 
  gap: 8px;
  /* font-size: clamp(14px, calc(18/640 * 100vw), 18px); */
  font-size:15px;
  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: 1100px; margin-top: 60px; position: relative; z-index: 2;}
.foot_summary li {color: #141414; font-size: 13px; font-weight: 300; line-height: 150%; letter-spacing: -0.325px;}
@media screen and (max-width: 1100px) {
  .foot_summary{padding: 0 20px;}
}
@media screen and (max-width: 1024px) {
  .foot_summary{margin-top: 40px;}
}

/******************************************
  컨텐츠 영역
******************************************/
.page_content {
    padding: 100px 0 150px;
    overflow: hidden;
}
.page_content .page_container  {
    max-width: 1430px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.page_content .page_container img {max-width: 100%;}
@media screen and (max-width: 1024px) {
  .page_content {padding: 60px 0 80px;}
  .page_content .page_container  {padding: 0 16px;}
}

/******************************************
  타이틀 영역
******************************************/
.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;}
}


/******************************************
  사업개요
******************************************/
.temp_overview_skin1 .page_cont_wrap {}
.temp_overview_skin1 .page_cont_wrap .imgBox {margin-bottom: 60px;}
.temp_overview_skin1 .page_cont_wrap .imgBox img {width:100%;}
.temp_overview_skin1 .page_cont_wrap .contBox {display: grid; grid-template-columns: repeat(4, 1fr); gap:60px 50px;}
.temp_overview_skin1 .page_cont_wrap .contBox .tit {margin-bottom: 25px; font-size:18px; font-weight: 700;;; color: #001241;;}
.temp_overview_skin1 .page_cont_wrap .contBox .data {font-size:18px;; color:#333;}
@media screen and (max-width: 1024px) {
  .temp_overview_skin1 .page_cont_wrap .imgBox {margin-bottom: 28px;;}
  .temp_overview_skin1 .page_cont_wrap .contBox {display:block; padding: 0 14px;}
  .temp_overview_skin1 .page_cont_wrap .contBox li ~ li {margin-top: 34px;;}
  .temp_overview_skin1 .page_cont_wrap .contBox .tit {font-size:16px; margin-bottom: 20px;;}
  .temp_overview_skin1 .page_cont_wrap .contBox .data {font-size:16px;}
}





/******************************************
  브랜드소개
******************************************/
.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 { 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; }
}





/******************************************
  오시는길
******************************************/
.temp_contact_skin1 {}
.temp_contact_skin1 .page_cont_wrap .inner .btnBox {display: flex; gap: 10px;}
.temp_contact_skin1 .page_cont_wrap .inner .btnBox a {display: block; width:36px; padding-top: 36px; height: 0; overflow: hidden; background:0 0 no-repeat;}
@media screen and (min-width: 1025px) {
  .temp_contact_skin1 .page_cont_wrap {display: flex; justify-content: center; height:608px; align-items: center; gap:80px; background:#ECEEF6 url('/resources/img/sub/contact_bg.jpg') right center no-repeat; background-size:cover;}
  .temp_contact_skin1 .page_cont_wrap .item {width:574px;}
  .temp_contact_skin1 .page_cont_wrap .map {margin-bottom: 23px;;}
  .temp_contact_skin1 .page_cont_wrap .map img {width:100%;}
  .temp_contact_skin1 .page_cont_wrap .inner {display: flex; align-items: center; justify-content: space-between;}
  .temp_contact_skin1 .page_cont_wrap .inner .address {font-size:18px; display: flex; align-items: center; padding-right: 20px;}
  .temp_contact_skin1 .page_cont_wrap .inner .address .tit {color:#000E42; font-weight: 700; position:relative; padding-right: 27px;}
  .temp_contact_skin1 .page_cont_wrap .inner .address .tit::after {content:''; position:absolute; right:14px; top: 50%; width:1px; height:18px; margin-top: -9px; background:#000E42;;}
  .temp_contact_skin1 .page_cont_wrap .inner .address .data {color:#666; flex:1;}
  .temp_contact_skin1 .page_cont_wrap .inner .btnBox a.naver {background-image:url('/resources/img/sub/contact_btn1.png');}
  .temp_contact_skin1 .page_cont_wrap .inner .btnBox a.kakao {background-image:url('/resources/img/sub/contact_btn2.png');}
}
@media screen and (max-width: 1024px) {
  .temp_contact_skin1 .page_cont_wrap {background:#ECEEF6 url('/resources/img/sub/m_contact_bg.jpg') right bottom no-repeat; background-size:cover; padding:50px 0;}
  .temp_contact_skin1 .page_cont_wrap .item {padding: 0 16px;}
  .temp_contact_skin1 .page_cont_wrap .item ~ .item {margin-top: 36px;}
  .temp_contact_skin1 .page_cont_wrap .map {margin-bottom: 24px;;}
  .temp_contact_skin1 .page_cont_wrap .map img {width:100%;}
  .temp_contact_skin1 .page_cont_wrap .inner {}
  .temp_contact_skin1 .page_cont_wrap .inner .address {font-size:16px; text-align:center;}
  .temp_contact_skin1 .page_cont_wrap .inner .address .tit {color:#001241; margin-bottom: 8px;}
  .temp_contact_skin1 .page_cont_wrap .inner .address .data {color:#666;}
  .temp_contact_skin1 .page_cont_wrap .inner .btnBox {display: flex; gap: 9px; justify-content: center; margin-top: 19px;}
  .temp_contact_skin1 .page_cont_wrap .inner .btnBox a {width:40px; padding-top: 40px; background-size:100% 100%;}
  .temp_contact_skin1 .page_cont_wrap .inner .btnBox a.naver {background-image:url('/resources/img/sub/m_contact_btn1.png');}
  .temp_contact_skin1 .page_cont_wrap .inner .btnBox a.kakao {background-image:url('/resources/img/sub/m_contact_btn2.png');}
}





/******************************************
  입지환경
******************************************/
.temp_envir_skin1 {}
.temp_envir_skin1 .titleBox {text-align:center; margin-bottom: 40px;}
.temp_envir_skin1 .titleBox .stit {font-weight: 300; font-size:24px; margin-bottom: 15px;}
.temp_envir_skin1 .titleBox .stit strong {font-weight:500;}
.temp_envir_skin1 .titleBox .stit .sm {font-size:16px;;}
.temp_envir_skin1 .titleBox .title {font-weight: 700; font-size:40px;}
.temp_envir_skin1 .titleBox .title .sm {font-weight: 500;; font-size:24px;}
.temp_envir_skin1 .mapBox {}
.temp_envir_skin1 .mapBox img {width:100%;}
.temp_envir_skin1 .subwayBox {margin-top: 98px;}
.temp_envir_skin1 .subwayBox img {width:100%;}
.temp_envir_skin1 .featureBox {overflow: hidden; height:640px; position:relative; margin-top: 100px; background:url('/resources/img/sub/environment2_bg.jpg') right 0 no-repeat;}
.temp_envir_skin1 .featureBox .leftBg {position:absolute; left: 0; top:90px; bottom:0; background:#fff;; width:60px; z-index:100;}
.temp_envir_skin1 .featureBox .leftBg::before {content:''; position:absolute; left:0; top:0; width:100%; height: 310px; background:#ECEEF6;;}
.temp_envir_skin1 .featureBox .swiper {position:absolute;}
.temp_envir_skin1 .featureBox .item {width:390px; height: 550px; overflow: hidden; position:relative;}
.temp_envir_skin1 .featureBox .bg {height:100%; font-size:0;;}
.temp_envir_skin1 .featureBox .bg img {width:100%; height:100%;}
.temp_envir_skin1 .featureBox .inner {position:absolute; left:30px; right:30px; bottom:50px; color:#fff;}
.temp_envir_skin1 .featureBox .inner .num {font-size:18px; font-family:"URWClassico"; margin-bottom: 5px;}
.temp_envir_skin1 .featureBox .inner .subject {font-size:30px; font-weight: 700;}
.temp_envir_skin1 .featureBox .inner .title {margin-top: 60px; font-size:24px; font-weight: 500;;}
.temp_envir_skin1 .featureBox .inner .cont {margin-top: 10px; font-size:18px;; line-height:1.2;;}
@media screen and (min-width: 1025px) {
  .temp_envir_skin1 .featureBox .swiper {left: 60px; top: 90px;}
  .temp_envir_skin1 .featureBox .swiper .swiper-wrapper {display: flex; gap: 50px;}
}
@media screen and (max-width: 1024px) {
  .temp_envir_skin1 .titleBox {margin-bottom: 25px;}
  .temp_envir_skin1 .titleBox .stit {font-size:18px; margin-bottom: 13px;}
  .temp_envir_skin1 .titleBox .stit strong {}
  .temp_envir_skin1 .titleBox .stit .sm {font-size:16px;;}
  .temp_envir_skin1 .titleBox .title {font-size:28px;}
  .temp_envir_skin1 .titleBox .title .sm {font-size: 14px;}
  .temp_envir_skin1 .mapBox {}
  .temp_envir_skin1 .mapBox img {}
  .temp_envir_skin1 .subwayBox {margin-top: 20px;}
  .temp_envir_skin1 .subwayBox img {}
  .temp_envir_skin1 .featureBox {height:441px; margin-top:50px; background:none;}
  .temp_envir_skin1 .featureBox .leftBg {top:41px; width:21px;}
  .temp_envir_skin1 .featureBox .leftBg::before {height:359px;}
  .temp_envir_skin1 .featureBox::before {content:''; position:absolute; left:0; right:0; top:0; height:400px; background:#ECEEF6 url('/resources/img/sub/environment2_bg.jpg') right 0 no-repeat; background-size:auto 100%; border-top-left-radius: 50px;}
  .temp_envir_skin1 .featureBox .swiper {left: 21px; right:21px; top: 41px;}
  .temp_envir_skin1 .featureBox .item {width:300px; height:400px;}
  .temp_envir_skin1 .featureBox .bg {}
  .temp_envir_skin1 .featureBox .bg img {}
  .temp_envir_skin1 .featureBox .inner {}
  .temp_envir_skin1 .featureBox .inner .num {}
  .temp_envir_skin1 .featureBox .inner .subject {}
  .temp_envir_skin1 .featureBox .inner .title {margin-top: 30px; font-size:20px;}
  .temp_envir_skin1 .featureBox .inner .cont {font-size:14px;}
}



/******************************************
  입지환경
******************************************/
.temp_premium_skin1 {}
@media screen and (min-width: 1025px) {
  .temp_premium_skin1 .page_cont_wrap {}
  .temp_premium_skin1 .page_cont_wrap .titleBox {text-align:center; margin-bottom: 40px;}
  .temp_premium_skin1 .page_cont_wrap .titleBox .stit {font-size:24px; font-weight: 300; margin-bottom: 15px}
  .temp_premium_skin1 .page_cont_wrap .titleBox .title {font-size:40px; font-weight: 500;;}
  .temp_premium_skin1 .page_cont_wrap .content_inner {background:rgba(0,18,65,0.03); padding: 124px 0;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .item {display: flex; justify-content: center; align-items: center; gap:190px}
  .temp_premium_skin1 .page_cont_wrap .content_inner .item:nth-child(odd) {}
  .temp_premium_skin1 .page_cont_wrap .content_inner .item:nth-child(even) {flex-direction: row-reverse;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .item ~ .item {margin-top: 150px;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .imgBox {width:520px;;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .imgBox img {width:100%;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .contBox {width:520px;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .contBox .stit {font-size:18px; color:#111; margin-bottom: 40px}
  .temp_premium_skin1 .page_cont_wrap .content_inner .contBox .title {font-size:36px; font-weight: 500; color:#111;;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .contBox .cont {margin-top: 60px; font-size:20px; color:#333; line-height:1.4;;;}
}
@media screen and (max-width: 1024px) {
  .temp_premium_skin1 .page_cont_wrap {}
  .temp_premium_skin1 .page_cont_wrap .titleBox {text-align:center; margin-bottom: 48px;}
  .temp_premium_skin1 .page_cont_wrap .titleBox .stit {font-size:18px; font-weight: 300; margin-bottom: 13px}
  .temp_premium_skin1 .page_cont_wrap .titleBox .title {font-size:28px; font-weight: 500;;}
  .temp_premium_skin1 .page_cont_wrap .content_inner {background:#F7F8F9; padding-bottom: 60px;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .item {}
  .temp_premium_skin1 .page_cont_wrap .content_inner .item ~ .item {margin-top: 80px;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .imgBox {}
  .temp_premium_skin1 .page_cont_wrap .content_inner .imgBox img {width:100%;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .contBox {padding:40px 16px 0;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .contBox .stit {font-size:16px; color:#111; margin-bottom: 20px}
  .temp_premium_skin1 .page_cont_wrap .content_inner .contBox .title {font-size:28px; font-weight: 500; color:#111;;}
  .temp_premium_skin1 .page_cont_wrap .content_inner .contBox .cont {margin-top: 34px; font-size:16px; color:#333; line-height:1.4;;;}
}



/******************************************
  언론보도
******************************************/
.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;}


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

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

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

/******************************************
  페이지네이션 (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;
}