.privacy-part .nav-link-a { width: 100%; font-weight: 500; padding: 12px 15px; border-radius: 8px; color: var(--text); text-transform: capitalize; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; } .cursor-pointer { cursor: pointer; } .value-color-green { color: #1ec800 ; font-size: 17px; } .privacy-part .nav-link-a:hover { color: var(--primary); background: var(--chalk); } .privacy-part .nav-link-a.active { color: var(--primary); background: var(--chalk); } .privacy-part .nav-link-a::before { right: 15px; } .privacy-part .nav-link-a i { font-size: 20px; margin-right: 12px; } .privacy-part .nav-link-a.active { color: var(--primary); background: var(--green-chalk); } .certi-btn { height: 100% !important; line-height: 1 !important; width: 140px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; font-size: 12px !important; } .spinner { margin-right: 5px; display: none; } .sso-login-btn { border: 1px solid #ddd !important; } .sso-login-btn img { width: 25px; } .page-pc .pay-type-content { display:none; padding: 25px; margin-top:-2px; margin-bottom: 25px; background: #fff; border-color: #b4bdd3; border-radius: 8px; border: 1px solid var(--border); position: relative; /*padding: 10px; border: 2px solid #c5c7cd; background-color: #f4f6fa; */ } .pay-type-sections {display:flex; flex-flow:row wrap; justify-content:space-between;} .pay-type-sections li {width:49.5%;} .pay-type-sections input, .pay-type-sections select {width:100%;} #paymethod1 {display:block;} .cypto2-group li {width:33%;} .pay-cypto li {width:42%;} .pay-cypto .avail {width:15%; text-align:center;} .pay-cypto .avail strong {display:block; margin-top: 0.5rem; line-height:45px;} .pay-cypto .avail i {line-height:45px;} .page-pc .virtual-account-payment-explain { padding-top: 20px; margin-bottom: 10px; } .checkout-part input { padding: 0 3px; } .page-pc input:read-only, .page-pc input:disabled { padding: 0 3px; color: black; border-color: #e9e4e4; background: #fff; } .page-pc .virtual-account-payment-explain dd { display: list-item; list-style-type: disc; list-style-position: inside; margin-bottom: 5px; line-height: 15px; color: #888; font-size: 13px; } .invoice-details li p { width: 100%; } #medium-modal .sort-div { margin-right: 10px; } .account-content .paymethod-div { margin-right: 20px; } .rounded-top-0 { border-top-left-radius: 0!important; border-top-right-radius: 0!important } .rounded-bottom-0 { border-bottom-right-radius: 0!important; border-bottom-left-radius: 0!important } .rounded-left-0 { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important } .rounded-right-0 { border-top-right-radius: 0!important; border-bottom-right-radius: 0!important } .radius-r0 {border-top-right-radius:0!important; border-bottom-right-radius:0!important;} .radius-l0 {border-top-left-radius:0!important; border-bottom-left-radius:0!important;} .weekly-best-image, .best-image { width: 210px; height: 210px; } .custom-pagination { display: flex; justify-content: center; margin-left: auto; } .page-item.disabled .page-link { color: #999; pointer-events: none; cursor: auto; background-color: #fff; border-color: #eee; } .page-link { width: 30px; height: 30px; line-height: 30px; text-align: center; font-weight: 400; border: none; padding: 0px; color: var(--text); background: var(--white); } .page-item.active .page-link { color: white !important; background: black !important; } .login .login_sns button { width: 80%; height: 55px; margin-bottom: 8px; text-align: center; border: 1px solid #ddd; background-color: white; } .form-text { color: var(--text); background: white; border: 1px solid black; } .orderlist-part { margin-bottom: 0!important; } .end-event { opacity: 0.3; } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } } @media (max-width:480px) { .page-pc .virtual-account-payment-explain dd { line-height: 18px; } .pay-type-sections li {width:100%!important;} .pay-cypto .avail {text-align:left;} .pay-cypto .avail strong {display:inline-block; line-height: inherit; margin-bottom: 20px;} }