@charset "utf-8";

/*layout*/
body {font-size:20px;overflow-x:hidden;background-color:#fff;color:#1B1B1B;font-weight:400;letter-spacing:-0.04em;}
#wrap {position:relative;min-width:750px;height:auto;margin:0 auto;}
.wrap-inner {position:relative;width:100%;margin:0 auto;padding:0 35px;}

figure img {display:block;}
figure.center {display:flex;justify-content:center;}

.ani {position:absolute;background-position:0 0;background-repeat:no-repeat;}

header {position:fixed;top:0;left:0;width:100%;height:100px;z-index:1000;}
header .logo {position:relative;display:inline-block;width:200px;height:100px;margin-left:20px;background:url("../images/brandLogo.png") no-repeat left center / 200px auto;z-index:9999;}
header nav ul li.active a {color:#0070C0;border-color:#0070C0;}
header nav .link_login {position:absolute;top:25px;right:0;min-width:80px;height:30px;padding:0 12px 0 28px;border-radius:3px;background:#ffcc00 url("../images/icon_lock.svg") no-repeat 11px center / auto 12px;font-size:15px;line-height:30px;font-weight:600;}
header .m_btn_menu {display:block;position:absolute;top:0;right:0;width:100px;height:100px;background:url("../images/m_btn_menu.svg") no-repeat center center / auto 30px;}
header .gnbWrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:100px 0 0 0;background-color:#fff;z-index:1000;}
header .gnbWrap ul li {width:100%;margin-left:0 !important;font-size:28px;line-height:120px;font-weight:500;color:#000;}
header .gnbWrap ul {display:block;padding:50px 0 0 50px;border-top:solid 1px #cacaca;}
header nav ul li a {display:block;text-align:left;font-weight:700;font-size:42px;}
header .m_btn_close {position:absolute;top:0;right:0;display:block;width:80px;height:80px;z-index:1000;background-color:transparent;}
header .m_btn_close:before,
header .m_btn_close:after {content: "";position: absolute;top:50%;left: 50%;width:30px;height:3px;background-color:#aaa;}
header .m_btn_close:before {transform: translate(-50%, -50%) rotate(-45deg);}
header .m_btn_close:after {transform: translate(-50%, -50%) rotate(45deg);}

footer {position:relative;display:flex;padding:35px;background-color:#F0F0F0;justify-content:center;align-items:center;font-size:16px;color:#fff;font-weight:200;}
footer .wrap-inner {color:#555555;}
footer .brandLogo {display:block;width:150px;height:45px;background:url("../images/brandLogo.png") no-repeat left center / 150px auto;}
footer .terms-link {display:flex;margin-top:15px;font-size:15px;line-height:20px;font-weight:600;} 
footer .terms-link li+li {margin-left:15px;padding-left:15px;}
footer .terms-link li+li:before {content:"|";margin-left:-15px;padding-right:15px;}
footer .address {padding-left:10px;margin-top:10px;font-size:13px;line-height:22px;}

.fieldset-button {margin-top:25px;}
.fieldset-button .btn {width:100%;height:80px;border-radius:3px;background-color:#A0A0A0;color:#fff;font-weight:700;font-size:24px;}
.fieldset-button .link-group {display:flex;margin-top:25px;justify-content:space-between;font-size:20px;color:#666;}

#wrap section {position:relative;margin:0 auto;}

.headingWrap {background-color:#FFFBE9;}
.headingWrap .wrap-inner {height:220px;padding-top:0px;}
.headingWrap .head-title {position:absolute;top:180px;left:35px;font-weight:700;}
.headingWrap .head-title dt {font-size:32px;line-height:40px;color:#000;}
.headingWrap .head-title dt strong {color:#0071ce;}
.headingWrap .head-title dd {margin-top:35px;}
.headingWrap .head-title dd p {font-size:25px;line-height:30px;color:#0071ce;}
.headingWrap .head-title dd .logo {margin:30px 0 20px;display:block;width:440px;height:104px;background:url("../images/brandLogo.png") no-repeat 0 0 / auto 104px;}
.headingWrap .head-title dd .link {display:flex;width:260px;height:65px;background-color:#0071ce;border-radius:10px;justify-content:center;align-items:center;color:#fff;font-size:30px;}
.headingWrap .keyvisual {position:absolute;bottom:80px;right:50px;}
.headingWrap .keyvisual img {max-width:none;}

.comment {position:relative;padding-left:10px;font-size:25px;line-height:150%;}
.comment:before {content:"*";position:absolute;top:0;left:0;}

.mainInfoWrap {background:url("../images/mainInfo_bg.jpg") repeat-x 0 0;}
.mainInfoWrap .shopBannerBox {position:relative;top:-160px;width:calc(100% - 70px);height:700px;margin:0 auto;padding:80px 0 0 60px;border-radius:10px;background-color:#fff;box-shadow:0px 4px 56px 9px rgba(0, 0, 0, 0.12);}
.mainInfoWrap .shopBannerBox dl dt {font-size:50px;line-height:65px;color:#0070C0;font-weight:700;}
.mainInfoWrap .shopBannerBox dl dd {margin-top:30px;font-size:32px;line-height:150%;}
.mainInfoWrap .shopBannerBox figure {position:absolute;bottom:60px;left:50px;}
/* .mainInfoWrap .infoSection {display:flex;} */
.mainInfoWrap .infoSection .infoTextArea dl dt {margin-bottom:40px;font-size:50px;line-height:65px;font-weight:700;}
.mainInfoWrap .infoSection .infoTextArea dl dt small {font-size:30px;font-weight:500;}
.mainInfoWrap .infoSection .infoTextArea dl dd .text {font-size:32px;line-height:150%;}
.mainInfoWrap .infoSection .registStep .head {margin-top:60px;font-size:25px;line-height:150%;font-weight:700;text-align:center;}
.mainInfoWrap .infoSection .registStep .step-list {margin-top:25px;display:flex;justify-content:space-between;counter-reset:count;}
.mainInfoWrap .infoSection .registStep .step-list li {position:relative;width:170px;padding:36px 0 0 60px;}
.mainInfoWrap .infoSection .registStep .step-list li p {margin-top:35px;font-size:25px;line-height:30px;font-weight:700;text-align:center;}
.mainInfoWrap .infoSection .registStep .step-list li .items {position:relative;width:120px;height:120px;background-color:#fff;border-radius:50%;box-shadow: 0px 4px 26px rgba(194, 163, 36, 0.4);overflow:hidden;background-repeat:no-repeat;background-position:center center;}
.mainInfoWrap .infoSection .registStep .step-list li:before {content:"0"counter(count);counter-increment:count;position:absolute;top:0;left:0;font-size:70px;line-height:87px;font-weight:700;color:#fff;mix-blend-mode:overlay;}
.mainInfoWrap .infoSection .registStep .step-list li:nth-of-type(1) .items {background-image:url("../images/main_icon_01.png");}
.mainInfoWrap .infoSection .registStep .step-list li:nth-of-type(2) .items {background-image:url("../images/main_icon_02.png");}
.mainInfoWrap .infoSection .registStep .step-list li:nth-of-type(3) .items {background-image:url("../images/main_icon_03.png");}
.mainInfoWrap .infoSection .registStep .step-list li+li:after {content:"";position:absolute;top:0;left:0;width:14px;height:100%;background:url("../images/step_arrow.svg") no-repeat left 0 top 90px;}
.mainInfoWrap .infoSection.part01 {margin-top:-45px;}
/* .mainInfoWrap .infoSection.part01 .infoTextArea {width:555px;}
.mainInfoWrap .infoSection.part01 .registStep {width:calc(100% - 555px);} */
.mainInfoWrap .infoSection.part01 .infoTextArea dl dd .comment {margin-top:15px;}
.mainInfoWrap .infoSection.part02 {margin-top:140px;padding-bottom:120px;}
/* .mainInfoWrap .infoSection.part02 .infoTextArea {width:698px;} */
.mainInfoWrap .infoSection.part02 .infoTextArea dl dt {padding-top:10px;margin-bottom:80px;}
/* .mainInfoWrap .infoSection.part02 .graphVisual {width:calc(100% - 698px);} */
.mainInfoWrap .infoSection .rate-info {font-size:30px;line-height:150%;}
.mainInfoWrap .infoSection .rate-info .dropdown {display:inline-flex;width:155px;height:55px;justify-content:center;align-items:center;font-weight:700;border-bottom:solid 2px #000;background:url("../images/arrow_down.svg") no-repeat right center;}
.mainInfoWrap .infoSection .rate-info_result {margin:15px 0 20px;font-size:30px;line-height:150%;}
.mainInfoWrap .infoSection .rate-info_result strong {color:#0071ce;border-bottom:solid 2px #0071ce;}
.mainInfoWrap .infoSection .rate-info_result small {font-size:20px;}

.mainBannerWrap {padding:90px 0;background:url("../images/banner_bg.jpg") no-repeat center center / cover;}
.mainBannerWrap .text {color:#fff;}
.mainBannerWrap .text dt {font-size:50px;line-height:65px;font-weight:700;}
.mainBannerWrap .text dd {margin-top:50px;font-size:30px;line-height:150%;}
.mainBannerWrap .text dd .comment {margin-top:20px;color:#D8D8D8;}
.mainBannerWrap figure {margin-top:80px;}

.mainTogatherWrap {padding:120px 0;background-color:#007EFF;}
.mainTogatherWrap .point {position:absolute;top:0;left:calc(50% - 580px);width:1628px;height:445px;background:url("../images/togather_bg.png") no-repeat 0 0;mix-blend-mode:overlay;}
.mainTogatherWrap .head-title {font-size:50px;line-height:150%;color:#fff;text-align:center;font-weight:700;}
.mainTogatherWrap .reason-list {margin-top:100px;display:flex;flex-flow:wrap row;text-align:center;color:#fff;}
.mainTogatherWrap .reason-list li {width:50%;padding-top:208px;background-repeat:no-repeat;background-position:center 0;}
.mainTogatherWrap .reason-list li strong {display:flex;height:60px;font-size:32px;line-height:150%;justify-content:center;align-items:center;}
.mainTogatherWrap .reason-list li p {margin-top:20px;font-size:25px;line-height:150%;}
.mainTogatherWrap .reason-list li:nth-of-type(1) {background-image:url("../images/togather_icon_01.png");}
.mainTogatherWrap .reason-list li:nth-of-type(2) {background-image:url("../images/togather_icon_02.png");}
.mainTogatherWrap .reason-list li:nth-of-type(3) {background-image:url("../images/togather_icon_03.png");}
.mainTogatherWrap .reason-list li:nth-of-type(4) {background-image:url("../images/togather_icon_04.png");}
.mainTogatherWrap .calculateBox {margin:160px 0 0;padding:70px 0;width:100%;border-radius:10px;background-color:#fff;box-shadow: 0px 4px 56px 9px rgba(0, 0, 0, 0.25);text-align:center;font-weight:500;}
.mainTogatherWrap .calculateBox .head-title {color:#0070C0;font-size:40px;line-height:130%;}
.mainTogatherWrap .calculateBox fieldset {margin-top:60px;padding:0 30px;}
.mainTogatherWrap .calculateBox .form-control {width:100%;height:100px;background-color:rgba(0, 126, 255,0.1);border:0;border-bottom:solid 2px #0070C0;color:#0070C0;font-size:30px;}
.mainTogatherWrap .calculateBox .form-control::placeholder {color:#0070C0;font-weight:500;}
.mainTogatherWrap .calculateBox .buttonWrap {margin-top:70px;}
.mainTogatherWrap .calculateBox .buttonWrap .btn {height:65px;padding:0 30px;background-color:#0070C0;border-radius:3px;font-size:30px;color:#fff;font-weight:700;}
.mainTogatherWrap .calculateBox .buttonWrap .btn span {display:block;padding-right:24px;background:url("../images/arrow_right.svg") no-repeat right center;}

/* sub */
.subPage {padding-top:80px;color:#111;}
.subPage header {background-color:#fff;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);}
.subContent {position:relative;min-height:calc(100vh - 490px);padding:50px 35px 20px;margin:0 auto;}
.btn-primary {background-color:#0070C0;color:#fff;font-weight:700;}

.loanRegistWrap .loanDashboard {display:flex;}
.loanRegistWrap .loanDashboard > li {flex:1;height:140px;padding:25px 25px 0;background-color:#F3F6F8;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);border-radius: 20px;font-size:22px;line-height:24px;}
.loanRegistWrap .loanDashboard > li+li {margin-left:25px;}
.loanRegistWrap .loanDashboard .yellow {background-color:#FFEB00;}
.loanRegistWrap .loanDashboard .limit-amount > li {display:flex;justify-content:space-between;font-size:22px;}
.loanRegistWrap .loanDashboard .limit-amount > li+li {margin-top:10px;}
.loanRegistWrap .loanDashboard .limit-amount > li label {display:inline-flex;align-items:center;}
.loanRegistWrap .loanDashboard .limit-amount > li label i {margin-left:5px;}
.loanRegistWrap .loanDashboard .limit-amount > li span {font-weight:500;}
.loanRegistWrap .loanDashboard .limit-amount > li span em {font-style:normal;}
.loanRegistWrap .loanDashboard .balance {font-size:32px;line-height:47px;font-weight:500;text-align:right;}
.loanRegistWrap .loanDashboard .text-muted {font-size:12px;color:#666;line-height:18px;text-align:right;}
.loanRegistWrap .regist_content {display:flex;margin-top:50px;}
.loanRegistWrap .regist_content .head-title {position:relative;display:flex;height:40px;}
.loanRegistWrap .regist_content .head-title h3 {font-size:20px;}
.loanRegistWrap .regist_content .head-title .input-group {margin-left:15px;}
.loanRegistWrap .regist_content .head-title .comment {position:absolute;top:0;right:0;font-size:14px;color:#999;}
.loanRegistWrap .regist_content .regist-list {width:calc(100% - 320px);}
.loanRegistWrap .regist_content .regist-list .head-title {border-bottom:solid 1px #666;}
.loanRegistWrap .regist_content .regist-list .regist-table {width:100%;font-size:14px;}
.loanRegistWrap .regist_content .regist-list .regist-table td,
.loanRegistWrap .regist_content .regist-list .regist-table th {height:60px;font-weight:normal;border-bottom:1px solid #666;}
.loanRegistWrap .regist_content .regist-list .regist-table .text-center {text-align:center;}
.loanRegistWrap .regist_content .regist-list .regist-table .text-right {text-align:right;}
.loanRegistWrap .regist_content .regist-list .regist-table .amount {font-size:16px;}
.loanRegistWrap .regist_content .regist-list .regist-table th.text-right {padding-right:20px;}
.loanRegistWrap .regist_content .regist-list .regist-table .form-control {height:40px;width:135px;padding-right:0;border:0;text-align:right;border-bottom:1px solid rgba(0,0,0,0.6);}
.loanRegistWrap .regist_content .regist-list .regist-table .btn_select {width:70px;height:30px;border-radius:15px;background-color:#0070C0;color:#fff;font-weight:700;}
.loanRegistWrap .regist_content .regist-list .regist-table .btn_select:disabled {background-color:#D9D9D9;cursor:default;}
.loanRegistWrap .regist_content .regist-list .regist-table tfoot td,
.loanRegistWrap .regist_content .regist-list .regist-table tfoot th {font-weight:700;}
.loanRegistWrap .regist_content .regist-list .warningBox {margin:20px 0 0 25px;font-size:12px;line-height:20px;color:#666;}
.loanRegistWrap .regist_content .regist-resultList {width:290px;margin-left:30px;}
.loanRegistWrap .regist_content .regist-resultList .resultBox {position:relative;height:calc(100% - 40px);border:solid 1px #666;}
.loanRegistWrap .regist_content .regist-resultList .resultBox .btn {width:100%;height:70px;background-color:#0070C0;font-size:20px;color:#fff;font-weight:700;}
.loanRegistWrap .regist_content .regist-resultList .resultBox .btn span {display:inline-block;padding-right:20px;background:url("../images/link_arrow_right.svg") no-repeat right center;}
.loanRegistWrap .regist_content .regist-resultList .resultBox .listArea {position:relative;padding:20px;height:calc(100% - 150px);overflow-y:auto;}
/* .loanRegistWrap .regist_content .regist-resultList .resultBox .listArea .list {overflow-y:scroll;height:50px;} */
.loanRegistWrap .regist_content .regist-resultList .resultBox .listArea .list > li {display:flex;height:35px;justify-content:space-between;align-items:center;}
.loanRegistWrap .regist_content .regist-resultList .resultBox .listArea .list > li .shopName {font-size:14px;}
.loanRegistWrap .regist_content .regist-resultList .resultBox .listArea .list > li .amount {font-size:16px;}
.loanRegistWrap .regist_content .regist-resultList .resultBox .listArea .totalArea {display:flex;margin-top:10px;padding-top:20px;font-size:20px;font-weight:700;justify-content:space-between;align-items:center;border-top:1px solid #D9D9D9;}
.loanRegistWrap .regist_content .regist-resultList .resultBox .payment {padding:15px 20px;height:80px;}
.loanRegistWrap .regist_content .regist-resultList .resultBox .payment strong {margin-bottom:10px;font-size:16px;}

.completeWrap {padding-top:150px;background:url("../images/icon_complete.svg") no-repeat center 30px / auto 80px;text-align:center;}
.completeWrap dl dt {font-size:40px;font-weight:700;}
.completeWrap dl dd p {margin-top:30px;font-size:20px;line-height:28px;color:#666;}
.completeWrap .buttonArea {display:flex;width:500px;;margin:50px auto 0;padding-top:50px;justify-content:center;border-top:solid 1px #d2d2d2;}
.completeWrap .buttonArea .btn {height:80px;width:130px;font-size:24px;border-radius:5px;}

/* login */
.loginWrap {padding-top:50px;}
.loginWrap .head-area {text-align:center;}
.loginWrap .head-area .logo img {height:50px;}
.loginWrap .head-area .head-title {margin-top:30px;}
.loginWrap .head-area .head-title dt {font-size:60px;font-weight:700;}
.loginWrap .head-area .head-title dd {margin-top:20px;font-size:24px;line-height:28px;color:#666;}
.loginWrap .head-area .head-title dd p {margin-top:15px;font-size:18px;line-height:24px;color:#878787;}
.loginWrap fieldset {margin:40px auto 0;}
.loginWrap fieldset .successMessage {margin-top:10px;font-size:16px;color:#28A745;}
.loginWrap fieldset .errorMessage {margin-top:10px;font-size:16px;color:#FF6376;}
.loginWrap fieldset > ul > li+li {margin-top:15px;}
.loginWrap .fieldset-button {margin-top:25px;}
.loginWrap .fieldset-button .btn {width:100%;height:80px;border-radius:3px;background-color:#0070C0;color:#fff;font-weight:700;font-size:24px;}
.loginWrap .fieldset-button .link-group {display:flex;margin-top:25px;justify-content:space-between;font-size:20px;color:#666;}
.loginWrap.memberJoin fieldset {width:700px;}
.loginWrap.memberJoin .formWrap {border-top:1px solid #e3e3e3;}
.loginWrap.memberJoin .formWrap > li {display:flex;padding:10px 0;min-height:100px;flex-flow:wrap row;align-items:center;border-bottom:1px solid #e3e3e3;}
.loginWrap.memberJoin .formWrap > li .label {display:inline-flex;width:170px;height:100%;padding-left:15px;font-size:22px;line-height:24px;align-items:center;}
.loginWrap.memberJoin .formWrap > li .input-group {width:calc(100% - 170px);}
.loginWrap.memberJoin .formWrap > li .successMessage {margin-left:170px;}
.loginWrap.memberJoin .formWrap > li .errorMessage {margin-left:170px;}
.loginWrap.memberJoin .formWrap > li .btn {width:170px;margin-left:10px;border:solid 1px #0070C0;background-color:#fff;color:#0070C0;font-size:24px;font-weight:700;}
.loginWrap.memberJoin .formWrap > li .comment {margin:10px 0 0 170px;font-size:16px;line-height:20px;color:#878787;}
.loginWrap.memberJoin .formWrap > li.divType .input-group {width:calc(50% - 150px);}
.loginWrap.memberJoin .formWrap > li .hideField {display:flex;width:100%;margin-top:20px;padding-left:150px;align-items:center;}
.loginWrap.memberJoin .formWrap > li .hideField .label {width:100px;padding-right:15px;justify-content:flex-end;}
.loginWrap.memberJoin .formWrap > li .hideField .form-control {width:200px;}
.loginWrap.memberJoin .formWrap > li .zipCode {position:relative;width:200px;}
.loginWrap.memberJoin .formWrap > li .zipCode .btn.icon {position:absolute;top:0;right:0;border:0;width:50px;height:80px;font-size:32px;color:#787878;background-color:transparent;}
.loginWrap.memberJoin .formWrap > li .address {margin:10px 0 0 170px;flex-flow:wrap row;}
.loginWrap.memberJoin .formWrap > li .address .form-control+.form-control {margin-top:10px;}
.loginWrap.memberJoin .formWrap > li .address .form-control {width:100%;}
.loginWrap.memberJoin .formWrap > li .form-control:disabled {background-color:#f8f8f8;}
.loginWrap .fieldset-button {display:flex;justify-content:center;flex-flow:wrap row;}
.loginWrap .fieldset-button .link-group {width:100%;}
.loginWrap.memberJoin .fieldset-button .btn {width:300px;}
.loginWrap .fieldset-button .btn+.btn {margin-left:10px;}
.loginWrap .fieldset-button .btn.leave {background-color:#d4d4d4;}
.loginWrap .fieldset-button .btn.btn-sm {width:150px;}
/* .loginWrap.memberJoin .formWrap > li+li {margin-top:15px;} */
.loginWrap .termsBox .termsContent {margin:5px 0 10px;height:150px;padding:15px;font-size:13px;line-height:18px;color:#989898;border:solid 1px #d4d4d4;overflow-y:auto;}
.loginWrap .termsBox+.title {margin-top:30px;}
.loginWrap .agreeCheckAll {padding:50px 0 60px;text-align:center;border-bottom:solid 1px #d4d4d4;}
.loginWrap .agreeCheckAll label {font-size:28px;}
.loginWrap .certificationArea {padding-top:30px;}
.loginWrap .certificationArea .fieldset-button {margin-top:30px;}
.loginWrap .resultBox {padding:30px 0;margin-bottom:30px;font-size:24px;text-align:center;background-color:#f7f7f7;}
.loginWrap .resultBox span {font-size:28px;font-weight:700;}
.loginWrap .joinCompleteWrap {width:700px;margin:70px auto 0;}
.loginWrap .joinCompleteWrap .title {font-size:42px;line-height:56px;text-align:center;font-weight:100;}
.loginWrap .joinCompleteWrap .info-box {margin:20px 0 50px;padding:30px;background-color:#f7f7f7;border-radius:10px;}
.loginWrap .joinCompleteWrap .info-box dt {font-size:20px;font-weight:700;}
.loginWrap .joinCompleteWrap .info-box dd {margin-top:20px;color:#989898;}
.loginWrap .joinCompleteWrap .info-box dd .bulList li {font-size:16px;line-height:24px;}
.loginWrap .joinCompleteWrap .info-box dd .bulList li+li {margin-top:3px;}
.loginWrap .joinCompleteWrap .resultBox {margin-top:30px;font-size:20px;background-color:transparent;font-size:18px;}
.loginWrap .joinCompleteWrap .resultBox span {font-size:28px;border-bottom:1px solid #000;}

.w-200 {width:200px;}

.formField label.label {display:flex;font-size:20px;margin-bottom:10px;color:#666;font-weight:500;}
.formField .input-group {display:flex;}
.formField .input-group .input-group-text {font-size:18px;line-height:80px;padding:0 15px;}
.formField .no-border {border-color:#f3f3f3;background-color:#fff !important;}
.formField .warningBox {margin-top:20px;font-size:18px;line-height:26px;color:#989898;}
.formField .warningBox li {position:relative;padding-left:10px;}
.formField .warningBox li+li {margin:0;}
.formField .warningBox li:before {content:"*";position:absolute;top:0;left:0;}
.formField .title {margin-bottom:20px;font-size:28px;font-weight:700;}
.formField .title .comment {font-size:18px;font-weight:400;}
.formField .hidden {display:none;}

.join-process {display:flex;width:700px;margin:30px auto 0;}
.join-process > li {flex:1;font-size:26px;line-height:80px;font-weight:700;border-bottom:5px solid #efefef;color:#e3e3e3}
.join-process > li.active {color:#0070C0;border-color:#0070C0;}
.join-process > li+li {margin-left:10px;}

/* 고객센터 */
.subContent .page-title {margin-bottom:50px;}
.subContent .page-title h2 {font-size:48px;text-align:center;}
.subContent .page-title .searchForm {position:relative;margin:50px auto 30px;width:500px;}
.subContent .page-title .searchForm .input-faq {width:100%;padding-left:15px;height:80px;border:2px solid #d2d2d2;font-size:22px;}
.subContent .page-title .searchForm .btn-search {position:absolute;top:0;right:0;width:60px;height:80px;background-color:transparent;font-size:30px;}
.boardWrap .coinNews-class {display:flex;margin-bottom:50px;justify-content:center;}
.boardWrap .coinNews-class li {padding:0 20px;color:#666;font-weight:500;}
.boardWrap .coinNews-class li.active {color:#0070C0;}
.boardWrap .coinNews-class li+li {content:"";border-left:1px solid #ebebeb;}
.boardWrap .faq-class {display:flex;margin-bottom:50px;justify-content:center;}
.boardWrap .faq-class li {padding:0 20px;color:#666;font-weight:500;}
.boardWrap .faq-class li.active {color:#0070C0;}
.boardWrap .faq-class li+li {content:"";border-left:1px solid #ebebeb;}
.boardWrap .board-list {border-top:solid 1px #ebebeb}
.boardWrap .board-list dl dt {display:flex;min-height:55px;padding:15px 0;font-size:16px;align-items:center;border-bottom:1px solid #ebebeb;}
.boardWrap .board-list dl dt .no {width:70px;padding-left:10px;font-size:18px;}
.boardWrap .board-list dl dd {display:none;padding:30px 20px 30px 70px;background-color:#f8f8f8;font-size:20px;line-height:30px;color:#666;}
.boardWrap .board-list dl.active dd {display:block;}
.boardWrap .title {display:flex;width:calc(100% - 245px);font-size:28px;line-height:28px;}
.boardWrap .new_title {display:block;width:calc(100% - 245px);font-size:28px;line-height:28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.boardWrap .date {position:relative;width:175px;font-size:18px;text-align:center;}
.boardWrap .date:before {content:"";position:absolute;top:calc(50% - 11px);left:0;width:1px;height:22px;background-color:rgba(255,255,255,0.3);}
.boardWrap .board-list.faq .title {width:calc(100% - 240px);}
.boardWrap .board-list.faq dl dd {padding-left:70px;}
.boardWrap .board-list.qna dl dt .status {width:120px;font-size:22px;text-align:center;color:#989898;}
.boardWrap .board-list.qna dl dt .status.active {color:#000;font-weight:700;}
.boardWrap .board-list.qna dl dt .title {font-size:24px;}
.boardWrap .board-list.qna dl dd {padding-left:60px;}
.boardWrap .board-list.qna dl dd [class*="-cont"] {position:relative;}
.boardWrap .board-list.qna dl dd [class*="-cont"]:before {position:absolute;top:50px;left:-30px;font-size:20px;font-weight:700;color:#000;}
.boardWrap .board-list.qna dl dd [class*="-cont"] > div {position:absolute;top:10px;right:0;font-size:16px;}
.boardWrap .board-list.qna dl dd [class*="-cont"] > div .btn.icon {margin-left:10px;width:32px;height:32px;font-size:32px;background-color:transparent;}
/* .boardWrap .board-list.qna dl dd .icon+.icon:before {content:"|";} */
.boardWrap .board-list.qna dl dd .q-cont {padding:50px 0;}
.boardWrap .board-list.qna dl dd .q-cont:before {content:"Q.";}
.boardWrap .board-list.qna dl dd .a-cont:before {content:"A.";}
.boardWrap .board-list.qna dl dd .a-cont {padding-top:50px;border-top:1px solid #eee;}
.boardWrap .board-button {display:flex;margin-bottom:15px;justify-content:flex-end;}
.boardWrap .board-button .btn {height:50px;padding:0 20px;font-size:20px;}
.boardWrap .board-button .r5-btn {height:50px;padding:0 20px;font-size:20px;border-radius: 5px;}

.pagination {display:flex;margin-top:50px;justify-content:center;align-items:center;}
.pagination .page-item {font-size:20px;}
.pagination .page-item .page-link {display:inline-block;width:50px;height:20px;text-align:center;}
.pagination .page-item:not(.btn)+.page-item:not(.btn):before {content:"|";}
.pagination .page-item.btn .page-link {width:16px;background-repeat:no-repeat;background-position:center center;background-size:auto 16px;}
.pagination .page-item.btn .page-link.previous {background-image:url("../images/pagination_left.svg");}
.pagination .page-item.btn .page-link.next {background-image:url("../images/pagination_right.svg");}
.pagination .page-item.active .page-link { color: #007bff; border-color: #007bff;  font-weight: bold;
}

/* .myInfoPage {} */
.myInfoPage aside {display:flex;margin-bottom:50px;}
.myInfoPage .mypageContent {width:100%;}
.myInfoPage .myInfo strong {display:inline-block;padding-bottom:20px;font-size:32px;line-height:40px;background:url("../images/logo_mark.png") no-repeat center bottom;}
.myInfoPage .lnb-list {display:flex;flex-flow:wrap row;justify-content:space-between;}
.myInfoPage .lnb-list li {width:210px;height:60px;margin-bottom:15px;font-size:26px;line-height:60px;color:#666;text-align:center;background-color:#f7f7f7;}
.myInfoPage .lnb-list li.active {background-color:#0070C0;font-weight:700;color:#fff;}
.myInfoPage .mypageContent .infoBox {padding:30px;}
.myInfoPage .mypageContent .infoBox .bulList li {font-size:18px;line-height:24px;color:#878787;}
.myInfoPage .table-scroll {width:100%;overflow-x:auto;}
.myInfoPage .table {width:100%;}
.myInfoPage .table thead th {height:60px;font-size:20px;font-weight:500;border-bottom:solid 1px #000;border-top:1px solid #000;}
.myInfoPage .table tbody td {padding:15px 10px;line-height:24px;text-align:center;border-bottom:solid 1px #e3e3e3;}
.myInfoPage .table tbody td.text-left {text-align:left;}
.myInfoPage .table tbody td.text-right {text-align:right;}
.myInfoPage .table tbody .shop-logo {width:120px;}
.myInfoPage .table tbody .btn {border:solid 1px #000;height:40px;font-size:18px;padding:0 10px;background-color:transparent;}
.myInfoPage .subTitle {margin-bottom:20px;font-size:24px;font-weight:700;}
.myInfoPage .detail-status {display:flex;font-size:20px;}
.myInfoPage .detail-status > div {flex:1;}
.myInfoPage .detail-status label {margin-right:10px;color:#878787;}
.myInfoPage .detail-status span {display:block;margin-top:10px;padding-left:13px;}
.myInfoPage .loginWrap.memberJoin {padding:0;}
.myInfoPage .loginWrap.memberJoin fieldset {width:100%;}
.myInfoPage .infoBox {background-color:#f8f8f8}

.fieldset-button1 {margin-top:25px;}
.fieldset-button1 .btn {width:32.9%;height:80px;border-radius:3px;background-color:#0070C0;color:#fff;font-weight:700;font-size:24px;}
.fieldset-button1 .link-group {display:flex;margin-top:25px;justify-content:space-between;font-size:20px;color:#666;}
.fieldset-button1 .btn.red {background-color:red;}
.fieldset-button1 .btn.blue {background-color:#0070C0;}
.fieldset-button1 .btn.gray {background-color:#d4d4d4;}
.fieldset-button1 .btn.green {background-color:green;}