@charset "utf-8";


/* 리셋 */
html { -webkit-text-size-adjust: none !important;-moz-text-size-adjust: none !important;-ms-text-size-adjust: none !important;}
* { box-sizing: border-box;padding: 0;margin: 0;text-decoration: none;color: var(--text_color);font-family:'SCoreDream',"Apple SD Gothic Neo","Noto Sans", "Noto Sans KR","Malgun Gothic","맑은 고딕",sans-serif;-webkit-font-smoothing: antialiased;color:#222; }
li, ol, ul { list-style: none; }
a { color:#222; }
a:visited , a:hover,a:active { color:#222; }
select { -webkit-appearance: none;-moz-appearance: none;appearance: none; }
input::-webkit-outer-spin-button , input::-webkit-inner-spin-button { -webkit-appearance: none;-moz-appearance: none;appearance: none; }
i, address { font-style:normal; }

/*공통*/
button { background:none;border:none;cursor:pointer;font-family:'SCoreDream',"Apple SD Gothic Neo","Noto Sans", "Noto Sans KR","Malgun Gothic","맑은 고딕",sans-serif; }
.inner { max-width:1417px;margin:0 auto; }

/*헤더*/
header.sub-header .main-nav nav > ul > li > a{ color:#333; }
header.sub-header .main-user-btns button { color:#333; }
header.sub-header .main-user-btns .join-btn::after { background:#333; }
header.sub-header .main-logo a img { content:url(../img/paju/paju-logo-color.svg); }
header { position: absolute;width: 100%;z-index: 110; }
header h1 { margin-top:-20px;order:3; }
.header-common { display:flex;justify-content: space-between;align-items: center;gap: 50px; }
.sub-menu-bg { display: none; position: absolute; top: 149px; left: 0; width: 100%; height: 230px; background: #FFFFFF; z-index: 9; text-indent: -999px;border-top: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3;}
.main-logo a { display:block;width:119px; }
.main-logo img { vertical-align: middle;width:100%; }
.main-nav { display:flex;justify-content: space-between;align-items: center;gap:20px;order:2; }
.main-nav nav > ul { display:flex;justify-content: space-between;align-items: center; }
.main-nav nav > ul > li { position:relative;text-align: center;width:209px; }
.main-nav nav > ul > li:last-child { margin-right:0; }
.main-nav nav > ul > li > a { font-weight:600;font-size:22px;color:#000;display: block;line-height: 33px;padding: 60px 0 56px 0; }
header.active { background:#fff; }
header.active nav > ul > li > a { color:#333; }
header.active .main-logo a img { content:url(../img/paju/paju-logo-color.svg); }
.main-nav nav > ul > li:hover > a { color:#164288; }
.main-nav nav > ul > li:hover .sub-menu { background:#F3F4F8; }
.main-nav nav .sub-menu { position:absolute;z-index:2;width:100%;left: 50%;transform: translateX(-50%);text-align:center;padding:35px 0;top:100%;z-index:10;height:230px;display:none;border-left:1px solid #E3E3E3;border-top: 1px solid #E3E3E3;border-bottom: 1px solid #e3e3e3; }
.main-nav nav .sub-menu li { margin-bottom:8px; }
.main-nav nav .sub-menu a { font-size:15px;line-height:26px;color:#6D727F; }
.main-nav nav .sub-menu a:hover { font-weight:600; }
.main-nav nav > ul > li:last-child .sub-menu { border-right:1px solid #E3E3E3; }
.main-nav nav button { display:none; }
.main-user-btns { display:flex; }
.main-user-btns button { display:block;font-weight:600;font-size:14px;color:#000; }
header.active .main-user-btns button { color:#000; }
header.active .main-user-btns .join-btn::after { background:#333; }
.main-user-btns .join-btn { position:relative;margin-left:30px; }
.main-user-btns .join-btn::after { content:"";display:block;width:1px;height:15px;background:#000;position:absolute;left:-15px;top:3px; }
.mb-user-btns { display:none; }
.pa-friends-logo { display: flex; }


/* main */
/*메인 비쥬얼*/
.main-visual { height:965px;background:url(../img/paju/main-img.png) no-repeat center / cover; }
.main-visual .inner { position:relative;height:100%; }
.main-visual-login { height:965px;background:url(../img/paju/main-img-login.png) no-repeat center / cover;margin-bottom: 120px; }
.main-visual-login .inner { position:relative;height:100%; }
.main-title { padding-top:301px; }
.main-title h2 { font-size:55px;font-weight:700;color:#222;line-height: 80px;margin-bottom: 30px; }
.main-title span { font-size:20px;font-weight:600;color:rgba(0,0,0,0.6);line-height: 36px; }
.join-btn-box { width:100%;height:120px;background:#164288 url(../img/paju/paju-character.svg) no-repeat 237px bottom;border-radius:10px;display:flex;justify-content: center;align-items: center;position:relative;top:-210px; }
.join-btn-box span { color:#fff;font-size:28px;font-weight:600; }
.join-btn-box span br { display:none; }
.join-btn-box button { color:#fff;font-size:23px;font-weight:600;background:#F59140;border-radius:50px;padding:16px 30px;position:absolute;right:232px; }
.join-btn-box button:hover { background: #f98220; }
.main-content { display:flex;gap:82px;margin-top:-38px; }
.main-content section:first-child {flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 10px;}
.main-content section:last-child {width: 580px;flex-shrink: 0;display: flex;flex-direction: column;gap: 10px;}
/*공지사항, 자주묻는 질문*/
.main-content-box { height:234px;background:#F3F4F8;border-radius:10px;padding:45px 60px;width:100%;position: relative; }
.main-content-box .content-title { display: flex;justify-content: space-between;align-items: center;margin-bottom: 28px; }
.main-content-box h3 { color:#164288;font-size:29px;font-weight:600;margin-bottom:33px; }
.main-content-box li { display:flex;justify-content: space-between;margin-bottom:10px;position:relative;padding-left:25px; }
.main-content-box li::before { content:"";display:block;width:5px;height:5px;background:#333;border-radius:30px;position:absolute;left: 10px;top: 50%;transform: translateY(-50%); }
.main-content-box li a { color:#333;font-size:18px;display: inline-block;max-width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle; }
.main-content-box li a:hover { text-decoration: underline; }
.main-content-box li span { font-size:18px;color:#999; }
.main-content-box button { position: absolute;top: 45px;right: 60px; }
.main-content-box button:hover img { content:url(../img/paju/content-icon-arrow-hover.svg); }

/*교통카드, 지역화폐 바로가기*/
.main-btn-box { height:234px;border-radius:10px;width:100%;display:flex;justify-content: center;align-items: center;text-align: center; }
.main-btn-box h3 { color:#fff;font-size:29px;font-weight:600;margin-bottom:25px; }
.main-btn-box button { color:#fff;font-size:18px;font-weight:600;padding:14px 27px;border-radius:100px; }
.main-btn-box button:hover { transition: 0.3s;transform: translateY(-10px); }
.card-apply button { background:#ED4E3E; }
.local-voucher button { background:#F59140; }
.card-apply { background:url(../img/paju/content-img1.png) no-repeat center bottom / cover; }
.local-voucher { background:url(../img/paju/content-img2.png) no-repeat center top / cover; }

/* 메인 내 카드정보, my혜택 */
.side-content { position:relative; }
.side-content .my-information { display:block;background:#164288;border-radius:13px;padding:20px 20px 40px 20px;width:360px;position:absolute;right: 0;bottom: 500px; }
.side-content .my-information h3 { font-size:18px;color:#fff;margin-bottom:15px; }
.side-content .my-information .card-information h3 { text-indent:0; }
.side-content .my-information > div > div { border-radius:13px;height:196px; }
.side-content .my-information .card-information .card-title i { background:#FFE7D4;font-weight:600;color:#F59140;padding:4px 11px; }
.side-content .my-information .card-information .user-card .card-number { top:57%; }
.side-content .my-information .my-benefit { margin-top:30px; }

/*내 카드정보, my혜택*/
.my-information { background:#fff;border-radius:36px;display:flex;padding:28px 20px 20px 20px;gap:18px; }
.my-information h3 { font-size:20px;font-weight:500;color:#222;margin-bottom:22px; }
.my-information > div { flex:1; }
.my-information > div > div { background:url(../img/paju/card-bg.png) no-repeat center / cover;padding:20px;border-radius:26px;height:200px;position:relative; }
.my-information .card-information h3 { text-indent:10px; }
.my-information .card-information .card-title { display:flex;justify-content: space-between;align-items: center; }
.my-information .card-information .card-title span { background:url(../img/paju/icon-transportation-card.svg) no-repeat left;font-size:15px;font-weight:500;color:#fff;padding-left:32px; }
.my-information .card-information .card-title i { background:#EAFAFF;border-radius:30px;font-size:14px;font-weight:500;color:#41A2D4;padding:4px 10px; }
.my-information .card-information .card-number { width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
.my-information .card-information .card-number strong { font-size:26px;font-weight:600;margin-bottom:10px;display:block;line-height: 40px;color:#fff; }
.my-information .card-information .card-number span { font-size:16px;color:#fff;font-weight:400;margin-right:9px;position:relative; }
.my-information .card-information .card-number span:last-child { margin-right:0; }
.my-information .card-information .card-number span::after { content:"";width:3px;height:3px;border-radius:30px;background:#CDD3D8;position:absolute;right: -6px;top: 50%;transform: translateY(-50%); }
.my-information .card-information .card-number span:last-child::after { display:none; }
.my-information .card-information .card-number p { font-size:16px;color:#555; }
.my-information .card-information .non-card .card-title i { background:#EDF1F5;color:#999999; }
.my-information .card-information .user-card .card-number { top:59%; }
.my-information .my-benefit > div { display: flex;flex-direction: column;justify-content: center;align-items: center; }
.my-information .my-benefit .benefit-number { background:#282A2E;border-radius:76px;width:70px;height:70px;margin-bottom:18px;display:flex;justify-content: center;align-items: center; }
.my-information .my-benefit .benefit-number .number { color:#fff;font-size:20px;font-weight:600; }
.my-information .my-benefit .benefit-number .total { color:rgba(255,255,255,0.6);font-size:20px;font-weight:600; }
.my-information .my-benefit p { font-size:15px;font-weight:400;color:#555; }


/* 푸터 */
footer { margin-top:82px; }
footer .gray-bg { background:#F7F8FB;padding:30px 0 32px 0; }
footer .gray-bg .inner { display:flex;background:url(../img/paju/logo-ezl.svg) no-repeat right; }
footer .customer-center span { font-size:19px;font-weight:600;color:#222;margin-right:9px; }
footer .customer-center div { display:flex;align-items: center;margin-bottom:6px; }
footer .customer-center strong { font-size:21px;font-weight:700;color:#014099; }
footer .customer-center i { font-size:16px;color:#555; }
footer .customer-center p { font-size:14px;color:#555; }
footer .customer-center p br { display:none; }
footer .gray-bg ul { margin-left:46px; }
footer .gray-bg ul li { display:inline-block;font-size:15px;font-weight:500;margin-right:30px;position:relative; }
footer .gray-bg ul li::after { content:"";width:2px;height:14px;background:#E4E5E8;position:absolute;right:-19px;top:50%;transform:translateY(-50%); }
footer .gray-bg ul li:last-child::after { display:none; }
footer .gray-bg ul li a { color:#555;font-weight:500;font-size:15px; }
footer .gray-bg ul li a.blue-text { color:#014099;font-weight:600; }
footer .footer-bottom { display:flex;justify-content: space-between;padding:28px 0 71px 0; }
footer .footer-bottom span { color:#999;font-size:14px;font-weight:600;display:inline-block;margin-right:10px; }
footer .footer-bottom address { color:#999;font-size:14px;display:inline-block; }
footer .footer-bottom address strong { font-weight:500;font-size:14px;color:#999; }
footer .footer-bottom p { color:#999;font-size:14px; }

/*서브페이지*/
/*로그인*/
input::placeholder { color:#CCCECF;font-size:16px;font-family:'SCoreDream' !important; }
.mem_tit { font-size:46px; }
/*서브페이지 상단*/
div.bg_wrap img { height:182px; }
div.top_menu_wrap, .bg_wrap { height:180px; }
div.bg_wrap { height:180px; }
p.menu_ttl { top:40%; }
div.sub_ttl_wrap { padding: 20px;width:700px; background: #fff;border-radius:13px;border: 1px solid #E2E2E3; }
div.sub_ttl_wrap p {color: #164288; font-size: 19px; font-weight: 500;}
div.txt_wrap .ttl {font-size: 18px; margin: 32px 0 12px 0;}
div.txt_wrap .sub {font-size: 18px; }
.btn_w { border: 1px solid #F59140;color: #F59140;height: 65px !important;font-weight: 600 !important;font-size:18px; }
.web-subpage-header-tt p { font-size:46px;color:#fff;}
.wpb_widgetised_column .widget ul { gap:10px; }
.wrt_btn { background:#164288 !important;border-radius:10px;cursor:pointer;border-radius:13px; }
.srch_btn { background: #164288 !important;border-radius: 13px;padding: 10px 26px !important;min-width: 83px;cursor: pointer;height: 44px !important; }
.process_list ul li { font-weight:400; }
.btn_bk { border:1px solid #24398C !important;color:#24398C !important;font-weight:500 !important; }
.btn_b { background:#F59140;font-size:18px;color:#fff !important;border-radius:10px;height:65px;line-height:65px;cursor: pointer;border:none;font-weight:600;width:50%;padding:0 !important; }
#kboard-default-list .kboard-list table td { padding:15px 0 !important; }
button.srch_btn { width:initial !important; }
.wpb_widgetised_column .widget li { width:100%; }
.fa-bars:before { display:none; }
.web-subpage-header-tt { padding: 49px 0 76px 0;text-align:center; }
/*new 서브페이지*/
.subpage-menu { margin-top: -35px; }
.subpage-menu ul { display:flex;background:#fff;text-align:center;border-radius:13px 13px 0 0; }
.subpage-menu ul li { width:100%;border:1px solid #E2E2E3; }
.subpage-menu ul li a { font-size:20px;font-weight:500;color:#999;display:block;padding:19px 0; }
.subpage-menu ul li.current-menu-item { border-top:1px solid #E2E2E3;border-left:1px solid #E2E2E3;border-right:1px solid #E2E2E3;border-bottom:4px solid #164288; }
.subpage-menu ul li.current-menu-item a { font-weight:600;color:#164288; }
.subpage-menu ul li:first-child { border-radius:13px 0 0 0 ; }
.subpage-menu ul li:last-child { border-radius:0 13px 0 0 ; }
.mem_cont.join-box { background: #F3F4F8;max-width: 1417px;border-radius: 0 0 13px 13px; }
.mem_cont.join-box .cont_wrap { padding-bottom:53px;padding-left: 20px;padding-right: 20px; }
.mem_cont.join-box .btn_b { width:208px; }

/*팝업*/
.popup-common .memlayer-content { width:372px;padding:50px 34px;text-align: center;background:#F3F4F8;border-radius:13px; }
.popup-common .popup-title { font-size: 27px;line-height: 39px;font-weight: 600;margin-bottom: 10px;color:#333; }
.popup-common .popup-content p { font-size: 16px;color:rgba(51,51,51,0.8); }
.popup-common .btn_wrap input[type="button"] { margin:30px 0 0 0;width:189px !important;height:59px;font-weight:600;font-size: 16px;line-height: 59px; }

@media (max-width:1450px) {
  /*헤더*/
  header .inner, main .inner { padding:0 20px;width:100%;max-width:initial; }
  .main-logo a { width:90px; }
  .sub-menu-bg { top:109px; }
  .main-nav nav > ul > li { width:160px; }
  .main-nav nav > ul > li > a { font-size:18px;padding:40px 0 36px 0; }
  .header-common { gap:20px; }
  .pa-friends-logo { width: 150px; }
  .main-nav { gap:93px; }
  /*메인비쥬얼*/
  .main-visual { height:700px; }
  .main-visual-login { height:700px; }
  .main-title { padding-top: 210px; }
  .main-title h2 { font-size: 38px;line-height: 60px;margin-bottom: 20px; }
  .main-title span { font-size: 18px;line-height: 30px; }
  .join-btn-box { height:100px;padding-left: 100px;background: #164288 url(../img/paju/paju-character.svg) no-repeat 167px bottom / 150px;top:-160px; }
  .join-btn-box span { font-size: 24px; }
  .join-btn-box button { position:initial;margin-left:20px;font-size: 20px;padding: 13px 30px; }
  .join-btn-box button:hover { background: #F59140; }
  .side-content .my-information { right:20px;bottom: 320px; }
  /*공지사항, 자주묻는질문*/
  .main-content { gap:20px; }
  .main-content section:last-child { width:530px; }
  .main-btn-box button:hover { transform:initial; }
  /*푸터*/
  footer .footer-bottom { padding:30px 20px 30px 20px; }
  footer .gray-bg { padding:25px 20px; }

  /*서브페이지*/
  .subpage-menu .section_inner { width:100% !important; }
  .mem_cont.join-box { max-width:initial;border-radius:0; }
}

@media (max-width:1400px) and (min-width:1181px){
  header .nav-wrap{margin-left:-30px;padding-left:20px;padding-right:30px;}
  header .tlv-02 a{margin-right: 40px;height:66px;color:#fff;display:flex;position:relative;align-items:center;padding:0 25px;font-size:20px;font-weight:500;}
  header .manual button { font-size:20px;font-weight:500; }
  header .nav-wrap nav { margin-right:0; }
}

@media (max-width:1180px) {
  /* header */
  header .inner{height:62px;}
  .header-common { justify-content:initial; }
  header .main-nav { display:none; }
  .main-logo a { width:72px; }
  header .main-logo a img { content:url(../img/paju/paju-logo-color.svg); }
  header h1 { margin-top:0; }
  .pa-friends-logo { display:none; }
  /*메인 비쥬얼*/
  main{ margin-top: 62px; }
  .main-visual { height:252px;background: url(../img/paju/main-img-mobile.png) no-repeat center / cover; }
  .main-visual-login { height:252px;background: url(../img/paju/main-img-mobile.png) no-repeat center / cover;margin-bottom:0; }
  .main-title { text-align:center;padding-top: 38px; }
  .main-title h2 { font-size:26px;font-weight: 600;line-height: 36px;margin-bottom: 12px; }
  .main-title span { display:none; }
  .join-btn-box { position:initial;border-radius: 0;display: block;padding: 23px 20px 17px 20px;height: initial;background: #164288 url(../img/paju/paju-character.svg) no-repeat 94% 18px / 122px; }
  .join-btn-box span { font-size: 16px;line-height: 30px; }
  .join-btn-box span br { display:block; }
  .join-btn-box button { width: 100%;margin: 17px 0 0 0;font-size: 15px;padding: 13px 0; }
  .side-content .my-information { position: initial;width: 100%;border-radius:0; }
  main .side-content { padding:0; }

  /*공지사항, 자주묻는 질문*/
  .main-content { display:block;margin-top: 40px; }
  .main-content-box { padding:20px;height: initial; }
  .main-content-box h3 { text-indent:0;font-size:18px; }
  .main-content-box .content-title { margin-bottom:30px; }
  .main-content-box .content-title button { width:30px; }
  .main-content-box li { padding-left: 0;flex-direction: column;gap: 5px;padding-bottom: 15px;border-bottom: 1px solid #D7DBE2;margin-bottom: 15px; }
  .main-content-box li:last-child { margin-bottom:0;border-bottom:none;padding-bottom:0; }
  .main-content-box li::before { display:none; }
  .main-content-box li a { order:2;font-size:14px;font-weight:500;max-width:100%; }
  .main-content-box li span { font-size:13px;font-weight:500;order:1; }
  .main-content-box button { width:30px;top:20px;right:20px; }
  .main-content-box.faq li:last-child { padding-bottom:10px; }
  .main-content section:last-child { width:100%;margin-top:40px; }
  .main-btn-box { height:120px; }
  .main-btn-box h3 { font-size:18px;margin-bottom:15px; }
  .main-btn-box button { font-size:15px;padding: 8px 23px; }

   /*footer*/
   footer { margin-top:40px; }
   footer .gray-bg .inner { justify-content: space-between;background: url(../img/paju/logo-ezl.svg) no-repeat right bottom / 54px; }
   footer .gray-bg ul { margin:8px 0 0 0; }
   footer .gray-bg ul li { margin-right:0;display: block;text-align: right; }
   footer .gray-bg ul li::after { display:none; }
   footer .gray-bg ul li a { font-size:13px; }
   footer .customer-center span { font-size:18px;display:block;margin-bottom:9px; }
   footer .customer-center strong { font-size:16px; }
   footer .customer-center i { font-size:14px; }
   footer .customer-center p br { display:block; }
   footer .gray-bg { padding:20px; }
   footer .footer-bottom { flex-direction: column; }
   footer .footer-bottom span { margin: 0 10px 8px 0;display:block; }
   footer .footer-bottom address { margin-bottom:8px;font-size:12px;line-height: 18px; }
   footer .footer-bottom p { font-size:12px;line-height: 18px; }
   footer .customer-center div { display:block; }
   footer .footer-bottom address strong { font-size:12px; }


   /*서브페이지*/
   .subpage-menu.subpage-menu3 ul { display:grid;grid-template-columns: 1fr; }
   .subpage-menu.subpage-menu3 ul li:first-child { border-radius:13px 13px 0 0; }
   .subpage-menu.subpage-menu3 ul li:last-child { border-radius:0; }
   .subpage-menu.subpage-menu4 ul { display:grid;grid-template-columns: 1fr 1fr; }
   .subpage-menu.subpage-menu4 ul li:nth-child(2) { border-radius:0 13px 0 0; }
   .subpage-menu.subpage-menu4 ul li:last-child { border-radius:0; }
}
@media screen and (max-width: 1023px) {
    .mem_cont.join-box { margin-top:0;width:100%; }
}
@media screen and (max-width: 1000px) {
    div.sub_ttl_wrap { width:calc(100% - 40px); }
}
@media (max-width: 768px) {
    .full_width_inner > div:first-child .section_inner_margin { padding-top:65px; }
    .full_width_inner > div:nth-child(2) .section_inner_margin { padding-top:65px; }
    .web-subpage-header-tt p { font-size: 30px; }
    .web-subpage-header-tt {padding: 50px 0 70px 0;}
    div.bg_wrap p { font-size:30px; }
    .subpage-menu ul li a { font-size:16px;padding: 13px 0; }
    .subpage-menu { margin-top:-30px; }
    .popup-common .memlayer-content { width:80%;padding: 30px; }
    .popup-common .popup-title { font-size: 20px;line-height: 32px; }
    .popup-common .popup-content p { font-size:14px; }
}
@media only screen and (max-width: 480px) {
     div.top_menu_wrap, div.bg_wrap { margin-top:0; }
}