@charset "UTF-8";
/* 2025.02.04 결제내역조회 퍼블리싱 폰트 추가 건 */
/* Font */
@font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: url('/css/fonts/Pretendard-ExtraBold.woff') format('woff'); }
@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: url('/css/fonts/Pretendard-Bold.woff') format('woff'); }
@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: url('/css/fonts/Pretendard-SemiBold.woff') format('woff'); }
@font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: url('/css/fonts/Pretendard-Medium.woff') format('woff'); }
@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: url('/css/fonts/Pretendard-Regular.woff') format('woff'); }
@font-face { font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: url('/css/fonts/Pretendard-Light.woff') format('woff'); }
/* 2025.02.04 결제내역조회 퍼블리싱 폰트 추가 건 end */

body { font-size:0; }
* { -webkit-text-size-adjust:none; }

/* skip */
#skip { position:absolute; left:-1000%; top:0; width:100%; padding:10px 0; background:#333; text-align:center; z-index:11; }
#skip a { font-size:12px; color:#fff; line-height:16px; margin:0 15px; }

/* header */
#header { border-bottom:1px solid #d3d3d3; background:#fff; height:75px; display: block; position: relative; min-width: 990px; }
#header .head { width:990px; margin:0 auto; }
#header .head:after { display:block; clear:both; content:''; }
#header .head h1 { position: relative; width: 156px; height: 74px; margin: 0px auto -75px 0px; z-index:10 }
#header .head h1 a { display: inline-block; width: 156px; height:38px; margin-top: 25px; }
#header .head .gnb { float:left; position: absolute; width: 990px; height:75px; margin:auto; }
#header .head .gnb > ul { float:left; margin-left: 200px; }
#header .head .gnb > ul:after { display:block; clear:both; content:''; }
#header .head .gnb > ul > li { float:left; text-align:center; position:relative; height:46px; z-index:9; margin-top:30px; }
#header .head .gnb > ul > li.gnb01 { width:124px; }
#header .head .gnb > ul > li.gnb02 { width:217px; }
#header .head .gnb > ul > li.gnb03 { width:149px; }
#header .head .gnb > ul > li.gnb04 { width:170px; }
#header .head .gnb > ul > li.gnb05 { font-size: 14px; margin-top: 38px; position: absolute; right: 0; }
#header .head .gnb > ul > li.gnb05 a { background-size: 200% 100%; background-image: linear-gradient(to right, #3BD7E4, #32C0FB, #1FC5DE, #28DBDE); color: #fff; letter-spacing: -0.8px; padding: 8px 16px; border-radius: 50px; font-weight: 600; }
#header .head .gnb > ul > li.gnb05 a:hover { background-position: 200% 0; transition: all .4s ease-in-out; }
#header .head .gnb > ul > li ul { left:0; top:45px; width:100%; height:0; overflow:hidden; border-right: 1px solid #ccc; margin-top: 30px; }
#header .head .gnb > ul > li ul li:FIRST-CHILD { margin-top:14px; }
#header .head .gnb > ul > li ul li a { font-size:13px; line-height:35px; color:#666; }
#header .head .gnb > ul > li ul li a:hover { text-decoration:underline; color:#333; font-weight:bold; }
#header .bgline { background-color:#fff; width:100%; height:280px; position:absolute; top:76px; left:0; z-index:5; height:0; overflow:hidden; display:block; }

/* footer */
#footer { margin-top:100px; border-top:1px solid #e6e6e6; display: block; position: relative; min-width: 990px; }
#footer .btnList { width:990px; margin:0 auto; }
#footer .btnList ul { overflow:hidden; background:url('/image/common/bg_footerline.gif') no-repeat right center; }
#footer .btnList ul:after { display:block; clear:both; content:''; }
#footer .btnList ul li { float:left; width:17%; background:url('/image/common/bg_footerline.gif') no-repeat left center; text-align:center; }
#footer .btnList ul li:first-child { width:15%; }
#footer .btnList ul li a { font-size:12px; color:#555; line-height:46px; }
#footer .footer { background:#747474; padding:30px 0; }
#footer .footer .infoot { width:990px; margin:0 auto; overflow:hidden; }
#footer .footer .infoot:after { display:block; clear:both; content:''; }
#footer .footer .infoot h2 { float:left; }
#footer .footer .infoot p { font-size:12px; line-height:21px; color:#fff; float:left; margin-left:30px; }

/* container */

.bgsun01 { background:url('/image/electron/img_visual.jpg') no-repeat center top; padding-top:240px; display: block; position: relative; max-width:1910px; min-width:990px; margin:0 auto; }
.bgsun02 { background:url('/image/inquiry/img_visual.jpg') no-repeat center top; padding-top:240px; display: block; position: relative; max-width:1910px; min-width:990px; margin:0 auto; }
.bgsun03 { background:url('/image/news/img_visual.jpg') no-repeat center top; padding-top:240px; display: block; position: relative; max-width:1910px; min-width:990px; margin:0 auto; }
.bgsun04 { background:url('/image/customer/img_visual.jpg') no-repeat center top; padding-top:240px; display: block; position: relative; max-width:1910px; min-width:990px; margin:0 auto; }

#content { overflow:visible; width:990px; margin:0 auto; padding-top:40px; }
#content:after { display:block; clear:both; content:''; }
#content .lnb { float:left; width:220px; }
#content .lnb .lnblist { border:1px solid #d0d0d0; border-top:3px solid #189aad; border-bottom:0; }
#content .lnb .lnblist h2 { font-size:24px; color:#333; line-height:70px; padding:0 20px; border-bottom:1px solid #d0d0d0; }
#content .lnb .lnblist h2 { font-size:16px; color:#333; }
#content .lnb .lnblist > ul > li { border-bottom:1px solid #d0d0d0; }
#content .lnb .lnblist > ul > li > a { font-size:16px; font-weight:bold; line-height:50px; color:#333; display:inline-block; padding:0 20px; }
#content .lnb .lnblist > ul > li > a:hover { color:#047a8b; text-decoration:underline; }
#content .lnb .lnblist > ul > li.lin02 > a { line-height:20px; color:#333; padding:3px 20px 5px 20px; }
#content .lnb .lnblist > ul > li ul { border-top:1px solid #d0d0d0; padding:15px 20px; background:#f9f9f9; position:absolute; left:-10000px; top:0; }
#content .lnb .lnblist > ul > li li a { font-size:13px; line-height:24px; color:#666; }
#content .lnb .lnblist > ul > li.depts { background:url('/image/common/bg_lnb_open.gif') no-repeat 188px 23px; }
#content .lnb .lnblist > ul > li.depts.view { background:url('/image/common/bg_lnb_close.gif') no-repeat 188px 23px; }
#content .lnb .lnblist > ul > li.view { }
#content .lnb .lnblist > ul > li.view > a { color:#047a8b; text-decoration:underline; }
#content .lnb .lnblist > ul > li.view ul { position:relative; left:0; }
#content .lnb .lnblist > ul > li.view ul li.on a { color:#047a8b; font-weight:bold; }
#content .lnb .lnblist > ul > li.view ul li a:hover { color:#047a8b; font-weight:bold; }
#content .lnb .service { margin-top:20px; border:1px solid #d0d0d0; padding:0 20px; }
#content .lnb .service h3 { font-size:16px; line-height:54px; color:#333; }
#content .lnb .service ul li { border-top:1px solid #e4e4e4; }
#content .lnb .service ul li a { display:block; font-size:13px; line-height:49px; color:#666; }
#content .lnb .service ul li.ser01 a { background:url('/image/common/ico_lnb01.gif') no-repeat right center; }
#content .lnb .service ul li.ser02 a { background:url('/image/common/ico_lnb02.gif') no-repeat right center; }
#content .lnb .service ul li.ser03 a { background:url('/image/common/ico_lnb03.gif') no-repeat right center; }
#content .lnb .service ul li.ser04 a { background:url('/image/common/ico_lnb04.gif') no-repeat right center; }
#content .inCont { width:710px; float:right; }
#content .inCont .location { overflow:hidden; }
#content .inCont .location:after { display:block; clear:both; content:''; }
#content .inCont .location ul { float:left; }
#content .inCont .location ul li { float:left; padding-left:10px; margin-right:10px; background:url('/image/common/bg_location.gif') no-repeat left center; }
#content .inCont .location ul li:first-child { padding-left:0; background:none; }
#content .inCont .location ul li a { font-size:13px; line-height:16px; color:#666; }
#content .inCont .location .fontsize { float:right; font-size:13px; line-height:16px; color:#666; }
#content .inCont .location .fontsize a { display:inline-block; vertical-align:middle; }
#content .inCont .location .fontsize a:first-child { margin-left:5px; }
#content .inCont .contBox { margin-top:40px; }
#content .inCont .contBox .tith3 { height:45px; border-bottom:3px solid #d0d0d0; }
#content .inCont .contBox .tith4 { padding-top:20px; background:url('/image/common/bg_tith4.gif') no-repeat left top; }
#content .inCont .contBox .tith5 { height:31px; background:url('/image/inquiry/bg_type_line01.gif') no-repeat bottom left; }



/* margin */
.mat0 { margin-top:0px !important; }
.mat5 { margin-top:5px !important; }
.mat10 { margin-top:10px !important; }
.mat15 { margin-top:15px !important; }
.mat20 { margin-top:20px !important; }
.mat25 { margin-top:25px !important; }
.mat30 { margin-top:30px !important; }
.mat35 { margin-top:35px !important; }
.mat40 { margin-top:40px !important; }
.mat45 { margin-top:45px !important; }
.mat50 { margin-top:50px !important; }
.mat60 { margin-top:60px !important; }
.mat80 { margin-top:80px !important; }

.mar0 { margin-right:0px !important; }
.mar5 { margin-right:5px !important; }
.mar10 { margin-right:10px !important; }
.mar15 { margin-right:15px !important; }
.mar20 { margin-right:20px !important; }
.mar25 { margin-right:25px !important; }
.mar30 { margin-right:30px !important; }
.mar35 { margin-right:35px !important; }
.mar40 { margin-right:40px !important; }
.mar45 { margin-right:45px !important; }
.mar50 { margin-right:50px !important; }
.mar60 { margin-right:60px !important; }
.mar80 { margin-right:80px !important; }

/* padding */
.pat0 { padding-top:0px !important; }

/*text-align*/
.textR { text-align:right !important; }
.textC { text-align:center !important; }
.textL { text-align:left !important; }

/* inline-block */
.inlineb { display:inline-block !important; }

/*vertical-align*/
.verT { vertical-align:top !important; }
.verM { vertical-align:middle !important; }

/* float */
.pull-left { float:left !important; }
.pull-right { float:right !important; }

/* inputStyle */
.inputStyle { border:1px solid #dedee0; background:#FFF; height:28px; line-height:28px; padding-left:15px }
.textStyle { border:1px solid #dedee0; height:175px }

#backLayer { display:none; background-color:black; position:absolute; left:0px; top:0px; z-index:3001 }

/* privacy agree */

.agreeListTitle { font-size: 16px; font-weight: bold; color: #222; margin-top: 60px; margin-bottom: 20px; letter-spacing: -1px }
.tableSt01 { margin-bottom: 20px; }
.tableSt01 td { padding-left: 10px; font-size: 13px; }
.essentialAgreeCata { overflow: hidden; background-color: #fff; border-top: 1px solid #d1d1d1; padding: 8px 10px; letter-spacing: -1px; }
.essentialAgreeCata.borderB { border-bottom: 1px solid #d1d1d1; }
.essentialAgreeCata.active { overflow: hidden; background-color: #f9f9f9; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
.essentialAgreeCata .agreeTitle { float:left; font-size: 13px; font-weight: bold; color: #333; padding: 5px 0; }
.essentialAgreeCata .agreeBtn { float:right; overflow: hidden; }
.essentialAgreeCata .agreeBtn .imgButton { width: 24px; height: 24px; margin-right: 5px; }
.essentialAgreeCata .agreeBtn .scrollBtn { float: left }
.essentialAgreeCata .agreeBtn label { float: right; padding: 5px 0; }
.essentialAgreeCata .agreeBtn label span { font-size: 13px; }
.essentialAgreeCata .agreeBtn label input[type=checkbox] { outline: none; background-color:#fff; border: 1px solid #000; }

/* 2025.02.04 결제내역조회 퍼블리싱 건 */
/* 결제내역조회 */
.PayHistory * { font-family: 'Pretendard'; margin: 0; padding: 0; box-sizing: border-box; border: 0; word-break: break-all; }
.PayHistory a:hover { color: #fff; }
.paymentInquiry-wrap { width: 100%; padding-top: 40px; }
.paymentInquiry-title { margin-bottom: 12px; color: #189AAD; font-size: 28px; font-weight: 700; line-height: 130%; letter-spacing: -0.5px; }
.paymentInquiry-subtext { margin-bottom: 50px; color: #989D9D; font-size: 16px; font-weight: 500; }
.paymentInquiry-subtitle { margin-bottom: 8px; color: #595A5A; font-size: 16px; font-weight: 500; }
.paymentInquiry-layout { display: inline-block; margin-bottom: 30px; width: 26%; }
.paymentInquiry-layout.full { flex: auto; }
.w26 { width: 26%; }
.paymentInquiry-layout .w50 { flex:1; }
.paymentInquiry-layout.inquiry-card { width: 100%; }
.paymentInquiry-layout.inquiry-card select { width: 26%; }
.paymentInquiry-card.number, .paymentInquiry-card.cardNumber { display: inline-block; width: calc(74% - 10px); float: right; }
.paymentInquiry-card.number { display: none; }
.paymentInquiry-card.number.show { display: block; }
.paymentInquiry-card.cardNumber { display: none; }
.paymentInquiry-card.cardNumber.show { display: flex; }
.paymentInquiry-card.cardNumber input { margin-left: 8px; }
.paymentInquiry-card.cardNumber #card_no1 { margin-left: 0; }
.paymentInquiry-subtitle-dateEx { color: #189AAD; font-size: 13px; font-weight: 500; padding-left: 3px; }
.paymentInquiry-subtitle-gray { color: #989D9D; font-size: 13px; font-weight: 500; padding-left: 3px; }
.paymentInquiry-rowWrap { display: flex; width: 100%; gap: 20px; }
.paymentInquiry-phone { display: flex; }
.paymentInquiry-phone #cell2, #cell3 { margin-left: 8px; }
.phone-number-full { flex: auto; }
.paymentList-amount { position: relative; }
.paymentList-amount .pc-common-input[type="text"] { padding: 0 30px 0 12px; }
.paymentList-amount-won { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); color: #595A5A; font-size: 14px; font-weight: 400; }
.paymentInquiry-number { margin-top: 8px; }
.lookup-method { margin-bottom: 8px; }
.paymentInquiry-wrap .agreement { display: flex; justify-content: flex-end; gap: 24px; }
.paymentInquiry-agree { display: flex; align-items: center; font-size: 16px; margin-left: auto;}
.paymentInquiry-agree-color { color: #189AAD; text-decoration: underline; }
.paymentInquiry-agree-text { color: #757878; font-weight: 500; text-decoration: underline; }

/* 상단 네비게이션 */
.content-top-route { display: flex; height: 50px; padding: 0 20px; border-bottom: 1px solid #D1D6DB; box-sizing: border-box; align-items: center; }
.content-top-route-text { display: flex; align-items: center; height: 100%; margin-right: 12px; padding-top: 5px; font-size: 16px; font-weight: 500; color: #989D9D; }
.content-top-route-image { margin-right: 12px; width: 20px; height: 20px; }

/* 버튼 */
.common-pc-button { display: flex; justify-content: center; align-items: center; width: fit-content; padding: 18px 24px; height: 48px; border-radius: 8px; background-color: #189AAD; color: #fff; font-size: 16px; font-weight: 500; margin-left: auto;}
.common-pc-button:disabled { background-color: #EDF4F5; color: #CDD3D4; margin-left: auto;}
.receipt-button { height: 19px; border-radius: 8px; background-color: #189AAD; color: #fff; font-size: 16px; font-weight: 500; padding: 18px 24px; float: right; }

/* 드롭다운 (셀렉트 박스) */
.pc-common-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 48px; padding: 0 12px; border-radius: 8px; border: 1px solid #D1D6DB; color: #757878; font-size: 14px; font-weight: 500; background-image: url("/image/common/icon-arrow-bottom.svg"); background-repeat: no-repeat; background-size: 24px; background-position: right 12px center; }

/* 입력 필드 */
input.pc-common-input { width: 100%; height: 48px; padding: 0 12px; border-radius: 8px; border: 1px solid #D1D6DB; color: #595A5A; font-size: 14px; font-weight: 500; }
input.pc-common-input::placeholder { color: #CDD3D4; font-size: 14px; font-weight: 500; margin-left: 8px; }
input.pc-common-input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; }

/* 테이블 */
.pc-common-table { display: flex
; flex-wrap: wrap; width: 100%; margin-bottom: 30px; border:1px solid rgb(209, 214, 219); border-radius: 8px; border-collapse: collapse; }
.pc-common-table-box { display: flex; align-items: center; justify-content: space-between; padding: 16px 12px; width: 46%; border-bottom: 1px solid rgb(209, 214, 219); }
.pc-common-table-box:nth-child(odd) { border-right:1px solid rgb(209, 214, 219); }
.pc-common-table-box:nth-last-child(-n+2) { border-bottom: none; }
.pc-common-table-text { color: #3E3F3F; font-size: 14px; font-weight: 500; }
.pc-common-table-text:nth-child(odd) { min-width: fit-content; padding-right: 20px; }
.pc-common-table-text.content-text { color: #595A5A; font-size: 14px; font-weight: 500; text-align: right; }

/* 팝업 */
.pc-common-popup { display: none; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 1000; }
.pc-common-popup.show { display: flex; }
.pc-common-popup-content { width: 590px; max-height: 90%; padding: 40px 30px 30px; background-color: #fff; border-radius: 12px; overflow-y: auto; }
.paymentInquiry-agree-color { color: #189AAD; text-decoration: underline; }
.pc-common-popup .common-pc-button { width: 100%; }

/* 개인정보 */
.personal-information-title { margin-bottom: 30px; color: #3E3F3F; font-size: 22px; font-weight: 700; line-height: 140%; letter-spacing: -0.3px; }
.personal-information-title-sub { margin-bottom: 10px; color: #189AAD; font-size: 16px; font-weight: 500; }
.personal-information-list { margin-bottom: 26px; }
.personal-information-text { display: flex; color: #3E3F3F; font-size: 14px; font-weight: 500; line-height: 180%; }
.personal-information-text em { display: inline-block; width: 4px; height: 4px; min-width: 4px; max-height: 4px; margin: 10px 6px 0; background-color: #3e3f3f; border-radius: 80%; }

/* 조회결과 */
.inquiryResult { font-size: 14px; margin-top: 50px; display: flex; flex-direction: column;}
.inquiryResult img { width: 24px; }
.paymentInquiry-title-result { margin-bottom: 16px; color: #189AAD; font-size: 22px; font-weight: 600; }
.failCont { display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; gap: 15px; width: 100%; padding: 40px; }
.failCont h1 { color: #3E3F3F; }
.failCont p { font-size: 16px; color: #989D9D; }
.failCont img { width: 52px; }
.resultArea {
    margin-top: 40px;
    overflow: auto;
    height: 500px;
}
/* 2025.02.04 결제내역조회 퍼블리싱 건 end */