/* common */
.sub_section {position: relative; width: 100%;}
.sub_inner {position: relative; width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 20px;}

.Pretendard {font-family:'Pretendard', sans-serif;}
.GmarketSans {font-family: 'GmarketSans';}
.sub_title { font-size: 50px; line-height: 65px; font-weight: 500; text-align: center; color: #1a1a32; margin-bottom: 85px;}
.sub_title.bar_ver { display: flex; align-items: center; justify-content: center; gap: 26px;}
.sub_title.bar_ver::before, .sub_title.bar_ver::after { content: ""; width: 114px; height: 4px; background: #1a1a32;}
.sub_button { display: flex; align-items: center; justify-content: center; width: 100%; height: 140px; background: #ffbd31; border-radius: 20px; font-size: 46px; font-weight: 500; color: #1a1a32;}



/* 레이아웃 수정 */
.header h1 .logo {width: 160px; height: auto; aspect-ratio: 1 / 0.14085; background: url(../images/common/logo.png) no-repeat center / contain;}
.header .gnb li {margin: 0 20px;}
.header .gnb li:nth-child(1) {margin-left: 0;}
.header .gnb li a {font-size: 16px;}
.header .right_area .btn_box { display: inline-flex; align-items: center; gap: 8px; padding: 0 20px 0 4px; color: #835b08; font-weight: 600;}
.header .right_area .btn_box .dot { display: inline-block; vertical-align: middle; width: 32px; aspect-ratio: 1 / 1; background: #fff; border-radius: 50%;}

#footer .footer_inner .footer_menu {padding: 32px 0;}
#footer .footer_inner .footer_menu li a { color: #000000; font-size: 18px; line-height: 18px;}
#footer .footer_inner .footer_menu li {margin-left: 32px;}
#footer .footer_inner .rasset li { font-size: 18px; line-height: 22px; color: #000;  margin-right: 32px;}
#footer .footer_inner .company_info { font-size: 14px; color: #000;}



/* 스마트 월세페이 */
.smartpay_page {position: relative;}
.smartpay_page .smart_banner1 {background-color: #ffba3f; margin-bottom: 200px; overflow: hidden;}
.smartpay_page .smart_banner1::before { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: #e49e2c;}
.smartpay_page .smart_banner1 .contbox { display: flex; align-items: center; padding-top: 60px; padding-bottom: 48px;}
.smartpay_page .smart_banner1 .contbox .txtbox { position: relative;flex: 1; z-index: 10; display: flex; flex-direction: column;}
.smartpay_page .smart_banner1 .contbox .txtbox .tit { font-size: 120px; line-height: 1.2; font-weight: 700; color: #1a1a32; margin-bottom: 20px;}
.smartpay_page .smart_banner1 .contbox .txtbox .desc { font-size: 55px; line-height: 72px; font-weight: 500; color: #4f350b; margin-bottom: 30px;}
.smartpay_page .smart_banner1 .contbox .txtbox .infobox { max-width: 680px; display: flex;  gap: 30px;}
.smartpay_page .smart_banner1 .contbox .txtbox .infobox > li { width: 33.333%; border-radius: 12px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 5px 15px 0px rgba(119, 119, 119, 0.18); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 27px; padding: 27px 10px;}
.smartpay_page .smart_banner1 .contbox .txtbox .infobox > li .icon { display: flex; align-items: center; justify-content: center; max-width: 80px;}
.smartpay_page .smart_banner1 .contbox .txtbox .infobox > li .icon > img{max-width: 100%;}
.smartpay_page .smart_banner1 .contbox .txtbox .infobox > li .txt { font-size: 32px; line-height: 38px; color: #4f350b; font-weight: 500;}
.smartpay_page .smart_banner1 .contbox .txtbox .infobox > li .txt .small { font-size: 24px;}
.smartpay_page .smart_banner1 .contbox .imgbox { position: absolute; right: -11%; bottom: 0; width: 75%; max-width: 990px; display: flex; align-items: center; justify-content: center;}
.smartpay_page .smart_banner1 .contbox .imgbox > img {max-width: 100%;}


.smartpay_page .smart_why { margin-bottom: 200px;}
.smartpay_page .smart_why .contbox { display: flex; gap: 40px;}
.smartpay_page .smart_why .contbox > li { width: 25%; border: 1px solid #d0e0ea; border-radius: 30px; background-color: #f4f9fd; padding: 68px 27px 40px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 40px;}
.smartpay_page .smart_why .contbox > li .icon { display: flex; align-items: center; justify-content: center; width: 90%; max-width: 152px;}
.smartpay_page .smart_why .contbox > li .icon > img{max-width: 100%;}
.smartpay_page .smart_why .contbox > li .txt { font-size: 40px; font-weight: 500; line-height: 50px; color: #1a1a32;}


.smartpay_page .smart_use { margin-bottom: 200px;}
.smartpay_page .smart_use .contbox { display: flex; gap: 40px; flex-wrap: wrap; margin-bottom: 40px;}
.smartpay_page .smart_use .contbox > li { width: calc((100% - 40px) / 2); min-height: 180px; border: 1px solid #d0e0ea; border-radius: 30px; background-color: #f4f9fd; display: flex; align-items: center; gap: 27px; padding: 30px;}
.smartpay_page .smart_use .contbox > li .icon { display: flex; align-items: center; justify-content: center; width: 90%; max-width: 120px;}
.smartpay_page .smart_use .contbox > li .icon > img{max-width: 100%;}
.smartpay_page .smart_use .contbox > li .txtbox { display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}
.smartpay_page .smart_use .contbox > li .txtbox .step { font-size: 20px; font-weight: 600; color: #1a1a32; background: #ffba00; display: inline-block; border-radius: 5px; padding: 3px 10px;}
.smartpay_page .smart_use .contbox > li .txtbox .txt { font-size: 36px; font-weight: 500; line-height: 50px; color: #1a1a32;}


.smartpay_page .smart_faq { margin-bottom: 100px;}
.smartpay_page .smart_faq .sub_title{ margin-bottom: 50px;}
.smartpay_page .smart_faq .faq-list-element {max-width: 1280px;}
.smartpay_page .smart_faq .faq-list-cont .faq-q {background-position: 15px 12px;}
.smartpay_page .smart_faq .faq-list-cont .faq-q a { padding: 30px 30px 30px 84px;}
.smartpay_page .smart_faq .faq-list-cont .faq-q a span.text-cont {font-size: 27px;}
.smartpay_page .smart_faq .faq-list-cont .faq-a { padding: 40px 40px 40px 140px; background-position: 70px center;  font-size: 20px;  line-height: 1.6; word-break: keep-all;}


.smartpay_page .smart_banner2 { background: url(../images/smart/smart_banner2_bg.png) no-repeat center / cover; padding: 155px 0;}
.smartpay_page .smart_banner2 .contbox { width: 90%; max-width: 1360px; display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0 auto; padding: 0;}
.smartpay_page .smart_banner2 .contbox .txt { font-size: 60px; line-height: 73px; font-weight: 500; color: #fff; word-break: keep-all;}
.smartpay_page .smart_banner2 .contbox .txt .color { color: #ffba00;}




@media screen and (min-width: 1900px) {

  #footer .footer_inner .footer_menu li a { font-size: 16px; line-height: 16px;}
  #footer .footer_inner .rasset li { font-size: 16px;  line-height: 20px;}
  

  .sub_title { font-size: 46px; line-height: 60px;}
  .sub_button { height: 136px; font-size: 42px;}

  .smartpay_page .smart_banner1 .contbox .txtbox .tit { font-size: 116px;  margin-bottom: 16px;}
  .smartpay_page .smart_banner1 .contbox .txtbox .desc {font-size: 52px;  margin-bottom: 25px;}
  .smartpay_page .smart_banner1 .contbox .txtbox .infobox > li .icon { max-width: 76px;}
  .smartpay_page .smart_banner1 .contbox .txtbox .infobox > li .txt { font-size: 28px; line-height: 32px;}
  .smartpay_page .smart_banner1 .contbox .txtbox .infobox > li .txt .small {  font-size: 20px;}
  .smartpay_page .smart_why .contbox > li .icon { max-width: 148px;}
  .smartpay_page .smart_why .contbox > li .txt { font-size: 36px; line-height: 46px;}
  .smartpay_page .smart_use .contbox > li .icon {  max-width: 116px;}
  .smartpay_page .smart_use .contbox > li .txtbox { gap: 8px;}
  .smartpay_page .smart_use .contbox > li .txtbox .step {  font-size: 16px;}
  .smartpay_page .smart_use .contbox > li .txtbox .txt { font-size: 32px;  line-height: 46px;}
  .smartpay_page .smart_faq .faq-list-cont .faq-q a span.text-cont { font-size: 25px;}
  .smartpay_page .smart_faq .faq-list-cont .faq-a { font-size: 18px;}
  .smartpay_page .smart_banner2 .contbox .txt {font-size: 56px; line-height: 68px;}

}