/* common */
* {word-break:keep-all;}
*::-webkit-scrollbar {width:5px; background:#eee;}
*::-webkit-scrollbar-thumb {width:5px; background:#1C592F; border-radius:5px;}

/* header */
header .header-main {position:fixed; left:50%; top:0; width:100%; max-width:400px; transform:translateX(-50%); background:#fff; z-index:1000; padding:24px; display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .header-left {flex:1; min-width:0; padding-right:15px; display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .header-left h1 {font-size:24px; line-height: 1.2; font-weight:600; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; flex:1; min-width:0;}
header .header-main .header-left h1 a img {width:135px;}
header .header-main .header-left a.back {border-radius:50%; display:block; font-size:0; width:24px; height:24px; margin-right:10px; background:#D9D9D9 url('../images/icon_back.png') no-repeat center / cover;}
header .header-main .header-right {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-main .header-right ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .header-right ul li {margin-right:12px;}
header .header-main .header-right ul li:last-of-type {margin:0;}
header .header-main .header-right ul li a {display:block; font-size:0; width:24px; height:24px;}
header .header-main .header-right ul li.alert {background:url('../images/icon_alert.png') no-repeat center / cover;}
header .header-main .header-right ul li.menu {background:url('../images/icon_menu.png') no-repeat right center / 20px auto;}
header .header-menu {pointer-events:none; opacity:0; position:fixed; left:50%; top:0; width:100%; max-width:400px; height:100%; overflow-y:auto; transform:translateX(-50%); background:#fff; z-index:9999; transition:all ease 0.5s;}
header .header-menu .menu-head {padding:20px 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-menu .menu-head a {display:block; font-size:0; width:24px; height:24px; background:url('../images/icon_close.png') no-repeat center / cover;}
header .header-menu .menu-body {padding:0 24px 42px;}
header.fixed .header-menu {pointer-events:inherit; opacity:1;}
																							
/* section */
section {padding:0 24px 24px;}

/* footer */
footer {position:fixed; left:50%; bottom:0; width:100%; max-width:400px; transform:translateX(-50%); z-index:100;}
footer .footer-button {padding:24px; background:#fff;}
footer .footer-category {background:#fff;}
footer .footer-category ul {display:flex; flex-wrap:wrap; align-items:center; border-top:1px solid #D9D9D9;}
footer .footer-category ul li {flex:1; min-width:0;}
footer .footer-category ul li a {display:block; text-align:center; padding:5px 0; font-size:14px; color:#A5A6AB;}
footer .footer-category ul li a:before {display:block; content:""; margin:0 auto 3px; width:24px; height:24px; background-size:cover; background-position:center;}
footer .footer-category ul li.home a:before {background-image:url('../images/icon_home.png');}
footer .footer-category ul li.market a:before {background-image:url('../images/icon_market.png');}
footer .footer-category ul li.wallet a:before {background-image:url('../images/icon_wallet.png');}
footer .footer-category ul li.mypage a:before {background-image:url('../images/icon_mypage.png');}
footer .footer-category ul li.home.active a:before {background-image:url('../images/icon_home_on.png');}
footer .footer-category ul li.market.active a:before {background-image:url('../images/icon_market_on.png');}
footer .footer-category ul li.wallet.active a:before {background-image:url('../images/icon_wallet_on.png');}
footer .footer-category ul li.mypage.active a:before {background-image:url('../images/icon_mypage_on.png');}
footer .footer-category ul li.active a {color:#5B5A5D;}

/* wrapper */
.wrapper {max-width:400px; margin:0 auto; width:100%;}

/* logo-box */
.logo-box {position:fixed; left:50%; top:0; width:100%; height:100%; max-width:400px; transform:translateX(-50%); background-color: rgba(0, 0, 0, 0.2); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; z-index: 9999;}
.logo-box h1 div {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:42px 0 0;}
.logo-box h1 div span {position:relative; top:20px; font-size:57px; font-weight:900; color:#fff; animation:bounce2 .4s ease infinite alternate;}
.logo-box h1 div span:nth-child(2) { animation-delay: .1s;}
.logo-box h1 div span:nth-child(3) { animation-delay: .2s;}
.logo-box h1 div span:nth-child(4) { animation-delay: .3s;}
.logo-box h1 div span:nth-child(5) { animation-delay: .4s;}
.logo-box h1 div span:nth-child(6) { animation-delay: .5s;}
.logo-box h1 div span:nth-child(7) { animation-delay: .6s;}
.logo-box h1 div span:nth-child(8) { animation-delay: .7s;}
.logo-box h1 img {display:block; margin:0 auto; position:relative;}
.logo-box h1 img.logo {width:80px; animation-name:bounce; animation-duration:0.5s; animation-direction:alternate; animation-timing-function:cubic-bezier(0.95, 0.05, 0.795, 0.035); animation-iteration-count:infinite; opacity: 1;}
@keyframes bounce {
    from {transform: translateY(0) scale(1);}
    to {transform: translateY(20px) scale(1, 0.7);}
}

@keyframes bounce2 {
  100% {top: -20px;}
}

/* title-box */
.title-box h2 {font-size:24px; font-weight:600; line-height:1.3; color:#5B5A5D;}
.title-box h3 {font-size:18px; font-weight:600; line-height:1.3; color:#222;}
.title-box p {font-size:18px; line-height:1.3; color:#94959B; margin:20px 0 0; word-break:keep-all;}
.title-box p small {display:block; font-size:16px; font-weight:500; line-height:1.3; color:#F5980D; word-break:keep-all;}
.title-box.line:after {display:block; content:""; width:132px; height:4px; margin:20px 0 0; background:url('../images/icon_line.png') no-repeat center / cover;}

/* text-box */
.text-box p {margin:0 0 20px; font-size:18px; line-height:1.4; color:#333;}
.text-box p:last-of-type {margin:0;}
.text-box p b {font-size:18px; line-height:1.4; color:#333; font-weight:600;}
.text-box p strong {font-size:24px; font-weight:600; line-height:1; color:#333; display:inline-block;}
.text-box p strong em {font-size:18px; line-height:1.4; color:#333; font-weight:600; display:inline-block; margin-left:3px;}

/* text-info-box */
.text-info-box ul li {margin:0 0 4px; display:flex; flex-wrap:wrap;}
.text-info-box ul li:last-of-type {margin:0;}
.text-info-box ul li:before {display:inline-block; content:""; width:3px; height:3px; background:#5B5A5D; border-radius:50%; margin:0 5px; position:relative; top:8px;}
.text-info-box ul li p {flex:1; min-width:0; font-size:14px; line-height:1.3; color:#5B5A5D;}
.text-info-box ul li.og p {color:#FF9458;}
.text-info-box ul li.og:before {background:#FF9458;}

/* login-box */
.login-box a {background:#efefef; border-radius:12px; height:56px; font-size:18px; font-weight:500; color:#5B5A5D; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.login-box a:before {display:inline-block; content:""; width:19.83px; height:20px; margin-right:10px; background:url('../images/icon_google.png') no-repeat center / cover;}

/* bottom-box */
.bottom-box {position:fixed; left:50%; bottom:0; width:100%; height:55%; max-width:400px; transform:translateX(-50%); background:#FBFBFB; border-radius:30px 30px 0 0; padding:24px; overflow-y:auto;}

/* item-list-box */
.item-list-box > ul > li {margin:0 0 8px;}
.item-list-box > ul > li:last-of-type {margin:0;}
.item-list-box > ul > li .inner {border:1px solid #D9D9D9; border-radius:12px; background:#fff; display:flex; flex-wrap:wrap; align-items:center; padding:18px 15px;}
.item-list-box > ul > li .inner .inner-left {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; padding-right:15px;}
.item-list-box > ul > li .inner .inner-left > img {width:42px; height:42px; border-radius:50%; object-fit:cover;}
.item-list-box > ul > li .inner .inner-left > div {flex:1; min-width:0; padding-left:8px; display:flex; flex-wrap:wrap;}
.item-list-box > ul > li .inner .inner-left > div p {display:flex; flex-wrap:wrap; align-items:baseline; font-size:16px; font-weight:500; color:#333; width:100%; margin:0 0 4px;}
.item-list-box > ul > li .inner .inner-left > div p em {margin-left:4px; font-size:12px; font-weight:500; color:#333;}
.item-list-box > ul > li .inner .inner-left > div strong {font-size:12px; display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; padding:2px 2px 2px 6px;}
.item-list-box > ul > li .inner .inner-left > div strong small {background:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:10px; height:14px; padding:0 4px; margin-left:4px; font-size:12px;}
.item-list-box > ul > li .inner .inner-left > div strong.change {color:#FF9458; background:#FFF2D5;}
.item-list-box > ul > li .inner .inner-left > div strong.change small {color:#FF9458;}
.item-list-box > ul > li .inner .inner-left > div strong.fix {color:#0089D6; background:#D5EBFF;}
.item-list-box > ul > li .inner .inner-left > div strong.fix small {color:#58C3FF;}
.item-list-box > ul > li .inner .inner-right p {display:flex; flex-wrap:wrap; align-items:baseline; font-size:16px; font-weight:500; color:#333; width:100%; margin:0 0 4px;}
.item-list-box > ul > li .inner .inner-right p em {margin-left:4px; font-size:12px; font-weight:500; color:#333;}
.item-list-box > ul > li .inner .inner-right span {display:block; font-size:14px; color:#94959B;}

/* icon-box */
.icon.copy {display:block; font-size:0; width:32px; height:32px; background:url('../images/icon_copy.png') no-repeat center / cover;}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1; min-width:0; height:56px; border-radius:12px; font-size:18px; font-weight:600;}
.button-box .btn.sm {height:46px; font-size:16px;}
.button-box .btn-white {background:#fff; border:1px solid #5B5A5D; color:#333;}
.button-box .btn-gray {background:#94959B; color:#fff;}
.button-box .btn-gray-border {border:1px solid #D9D9D9; background:#fff; color:#F5980D;}
.button-box .btn-gray-border.gray {color:rgba(0,0,0,0.5);}
.button-box .btn-black-border {border:1px solid #333; background:#fff; color:#333;}
.button-box .btn-active {background:#9FE871; color:#000;}
.button-box .btn-active-border {border:1px solid #4ABE00; background:#fff; color:#4ABE00;}
.button-box .btn.link {font-size:18px; font-weight:600; color:#333; text-decoration:underline; height:auto; border-radius:0; width:100%; flex:none;}
.button-box .btn.radius {border-radius:50px;}
.button-box .btn small {font-weight:600; margin-left:4px;}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; background:#F1F1F5; border:1px solid #F1F1F5; border-radius:12px; padding:0 15px;}
.input-box input {flex:1; min-width:0; height:56px; font-size:16px; font-weight:500; color:#111; background:none;}
.input-box input::placeholder {color:#A5A6AB;}
.input-box em {margin-left:10px; font-size:14px; font-weight:500; color:#5B5A5D;}
.input-box.active {background:#fff; border:1px solid #333;}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; background:#f1f1f5; border:1px solid #f1f1f5; border-radius:12px;}
.select-box select {background:url('../images/icon_select.png') no-repeat calc(100% - 15px) center / 24px; flex:1; min-width:0; height:56px; padding:0 15px; font-size:16px; font-weight:500; color:#a5a6ab;}
.select-box select option {color:#111;}
.select-box.active {background:#fff; border:1px solid #333;}
.select-box.active select {color:#111;}

/* select-custom-box */
.select-custom-box {position:relative;}
.select-custom-box button {padding:0 15px; width:100%; display:flex; flex-wrap:wrap; align-items:center; background:#f1f1f5; height:56px; border:1px solid #f1f1f5; border-radius:12px;}
.select-custom-box button p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-align:left; text-overflow:ellipsis; font-size:16px; font-weight:500; color:#a5a6ab;}
.select-custom-box button:after {display:block; content:""; width:24px; height:24px; background:url('../images/icon_select.png') no-repeat center / cover;}
.select-custom-box div {pointer-events:none; opacity:0; transition:all ease 0.5s; padding:5px; position:absolute; left:0; top:50px; width:100%; background:#fff; border:1px solid #111; border-radius:12px;}
.select-custom-box div dl {max-height:120px; overflow-y:auto;}
.select-custom-box div dl dd a {display:flex; flex-wrap:wrap; align-items:center; padding:0 15px; font-size:16px; font-weight:500; height:40px;}
.select-custom-box.active {z-index:10;}
.select-custom-box.active div {pointer-events:inherit; opacity:1; top:60px;}
.select-custom-box.success button {background:#fff; border:1px solid #333;}
.select-custom-box.success button p {color:#111;}

/* textarea-box */
.textarea-box textarea {display:block; width:100%; height:100px; border-radius:12px; border:1px solid #f1f1f5; background:#f1f1f5; color:#a5a6ab; font-size:15px; line-height:1.3; padding:15px;}
.textarea-box.active textarea {background:#fff; border:1px solid #333; color:#111;}
.textarea-box.long textarea {height:300px;}

/* message-box */
.message-box {width:100%; margin:5px 0 0; padding:0 10px;}
.message-box p {font-size:14px; font-weight:500; line-height:1.3; color:#FF314A;}
.message-box p.og {color:#F5980D;}

/* graph-box */
.graph-box {position:relative; border-radius:12px; border:1px solid #d9d9d9; overflow:hidden;}
.graph-box img {width:100%;}

/* image-box */
.image-box img {width:100%;}

/* popup-box */
.popup-box {pointer-events:none; opacity:0; position:fixed; left:50%; top:0; width:100%; height:100%; max-width:400px; transform:translateX(-50%); background:rgba(0,0,0,0.7); z-index:9999; transition:all ease 0.5s;}
.popup-box .box {pointer-events:none; opacity:0; padding:42px 24px; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); width:calc(100% - 48px); max-height:80%; overflow-y:auto; background:#fff; border-radius:20px; transition:all ease 0.5s;}
.popup-box .box.bottom {top:auto; bottom:-30px; transform:translateX(-50%); width:100%; border-radius:20px 20px 0 0; padding:24px;}
.popup-box .popup-head {margin:0 0 42px;}
.popup-box .popup-head h1 img {display:block; margin:0 auto; width:113px;}
.popup-box .popup-body .popup-body-text p {font-size:20px; line-height:1.3; text-align:center;}
.popup-box .popup-body .popup-body-text p b {font-size:20px; line-height:1.3; font-weight:500; color:#91C7BA; text-decoration:underline;}
.popup-box .popup-body .popup-body-text p b a {font-size:20px; line-height:1.3; font-weight:500; color:#91C7BA; text-decoration:underline;}
.popup-box .popup-body .popup-body-text p strong {display:block; text-align:center; font-size:20px; font-weight:600; line-height:1.3; color:#FF0000; text-decoration:underline;}
.popup-box.fixed {pointer-events:inherit; opacity:1;}
.popup-box.fixed .box.active {pointer-events:inherit; opacity:1; top:50%;}
.popup-box.fixed .box.bottom.active	{top:auto; bottom:0;}

/* certificate-box */
.certificate-box ul {display:flex; flex-wrap:wrap;}
.certificate-box ul li {flex:1; min-width:0; margin-right:20px;}
.certificate-box ul li:last-of-type {margin:0;}
.certificate-box ul li a {display:block; position:relative;}
.certificate-box ul li a:after {display:block; content:""; padding-bottom:100%;}
.certificate-box ul li a p {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; background-size:cover; background-position:center;}
.certificate-box ul li.cert01 a p {background-image:url('../images/icon_certificate_01.png');}
.certificate-box ul li.cert02 a p {background-image:url('../images/icon_certificate_02.png');}

/* tab-box */
.tab-box ul {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:#F1F1F5; padding:4px;}
.tab-box ul li {flex:1; min-width:0;}
.tab-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:37px; color:#94959B;}
.tab-box ul li.active a {background:#9FE871; border-radius:50px; color:#000; font-weight:600;}

/* tab-content-box */
.tab-content-box .content {display:none;}
.tab-content-box .content.active {display:block;}

/* profile-box */
.profile-box {display:flex; flex-wrap:wrap; align-items:center;}
.profile-box img {width:80px; height:80px; border-radius:50%; object-fit:cover;}
.profile-box p {flex:1; min-width:0; padding-left:13px; font-size:20px; font-weight:600; line-height:1.4;}

/* menu-box */
.menu-box {margin:42px -24px 0; padding:42px 24px 0; border-top:4px solid #F9F9F9;}
.menu-box > ul > li {margin:0 0 42px;}
.menu-box > ul > li:last-of-type {margin:0;}
.menu-box > ul > li h2 {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:600; color:#333;}
.menu-box > ul > li h2:before {display:inline-block; content:""; width:24px; height:24px; margin-right:4px; background-size:cover; background-position:center;}
.menu-box > ul > li small {color:#333;}
.menu-box > ul > li dl {margin:12px 0 0;}
.menu-box > ul > li dl dd {border-bottom:1px solid #F1F1F5;}
.menu-box > ul > li dl dd a {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:48px; padding:0 0 0 12px; font-size:14px; color:#333;}
.menu-box > ul > li dl dd a:after {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_menu_more.png') no-repeat center / cover;}
.menu-box > ul > li.menu01 h2:before {background-image:url('../images/icon_menu_01.png')}
.menu-box > ul > li.menu02 h2:before {background-image:url('../images/icon_menu_02.png')}
.menu-box > ul > li.menu03 h2:before {background-image:url('../images/icon_menu_03.png')}
.menu-box > ul > li.menu04 h2:before {background-image:url('../images/icon_menu_04.png')}
.menu-box > ul > li.menu05 h2:before {background-image:url('../images/icon_menu_05.png')}

/* filter-box */
.filter-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.filter-box ul li {display:flex; flex-wrap:wrap; align-items:center;}
.filter-box ul li:after {display:inline-block; content:""; width:1px; height:8px; background:#A5A6AB; margin:0 8px;}
.filter-box ul li:last-of-type:after {display:none;}
.filter-box ul li a {font-size:14px; color:#A5A6AB;}
.filter-box ul li.active a {color:#000;}

/* upload-box */
.upload-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.upload-box ul li {flex:1; min-width:0; margin-right:20px;}
.upload-box ul li:last-of-type {margin:0;}
.upload-box ul li a {display:block; padding:12px 12px 24px; border-radius:12px;}
.upload-box ul li a div {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.upload-box ul li a div p {font-size:12px; color:#222;}
.upload-box ul li a div p:last-of-type {font-size:12px; font-weight:500; color:#fff;}
.upload-box ul li a strong {display:block; text-align:center; font-size:20px; font-weight:bold; margin:12px 0 0;}
.upload-box ul li a strong:before {display:block; content:""; width:42px; height:42px; background-size:cover; background-position:center; margin:0 auto 8px;}
.upload-box ul li:first-of-type a {background:#A1A2DA;}
.upload-box ul li:first-of-type a strong {color:#424387;}
.upload-box ul li:first-of-type a strong:before {background-image:url('../images/icon_upload_01.png');}
.upload-box ul li:last-of-type a {background:#A0CFC4;}
.upload-box ul li:last-of-type a strong {color:#468778;}
.upload-box ul li:last-of-type a strong:before {background-image:url('../images/icon_upload_02.png');}

/* wallet-box */
.wallet-box {background:url('../images/bg_green.png') no-repeat center bottom / cover; padding:48px 20px; border-radius:12px;}
.wallet-box p {text-align:center; font-size:16px; font-weight:600; color:#333;}
.wallet-box strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:43px; font-size:36px; font-weight:bold;}
.wallet-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-top:1px solid rgba(255,255,255,0.5); margin:24px 0 0; padding:24px 18px 0;}
.wallet-box ul li {flex:1; min-width:0; margin-right:12px;}
.wallet-box ul li:last-of-type {margin:0;}
.wallet-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#fff; height:36px; padding:0 12px; font-size:14px; font-weight:500; color:#333;}
.wallet-box ul li a:before {display:block; content:""; width:24px; height:24px; margin-right:4px; background-size:cover; background-position:center;}
.wallet-box ul li:first-of-type a:before {background-image:url('../images/icon_wallet_01.png');}
.wallet-box ul li:last-of-type a:before {background-image:url('../images/icon_wallet_02.png');}

/* wallet-list-box */
.wallet-list-box > ul > li {margin:0 0 24px;}
.wallet-list-box > ul > li:last-of-type {margin:0;}
.wallet-list-box > ul > li .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 12px;}
.wallet-list-box > ul > li .list-head time {font-size:16px; color:#94959B;}
.wallet-list-box > ul > li .list-body > ul > li {margin:0 0 8px; border-radius:12px; border:1px solid #d9d9d9; padding:20px 10px;}
.wallet-list-box > ul > li .list-body > ul > li:last-of-type {margin:0;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-head {display:flex; flex-wrap:wrap; align-items:center;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-head strong {width:42px; height:42px; border-radius:50%; background:#E1E1FF; color:#7171FF; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-head div {flex:1; min-width:0; text-align:right; padding-left:10px;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-head div p {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end; font-size:16px; font-weight:600; color:#333;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-head div p em {margin-left:4px; font-size:12px; font-weight:600; color:#333;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-head div b {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end; font-size:16px; font-weight:600; color:#A5A6AB; margin:5px 0 0;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-head div b em {margin-left:4px; font-size:12px; font-weight:600; color:#A5A6AB;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-body {border-top:1px solid #F3F3F3; padding:12px 0 0; margin:12px 0 0;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-body dl dd {margin:0 0 10px; display:flex; flex-wrap:wrap;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-body dl dd:last-of-type {margin:0;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-body dl dd b {font-size:14px; line-height:1.4; width:60px;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-body dl dd p {flex:1; min-width:0; font-size:14px; line-height:1.3; white-space:normal; word-break:break-all;}
.wallet-list-box > ul > li .list-body > ul > li .wallet-body dl dd p a {font-size:14px; line-height:1.4; text-decoration:underline; white-space:normal; word-break:inherit;}
.wallet-list-box > ul > li .list-body > ul > li.withdraw .wallet-head strong {background:#E0FFF9; color:#009779;}

/* wallet-addr-box */
.wallet-addr-box .addr-list > ul > li {margin:0 0 12px;}
.wallet-addr-box .addr-list > ul > li a {display:block; border-radius:12px; border:1px solid #d9d9d9; padding:24px;}
.wallet-addr-box .addr-list > ul > li a strong {display:block; font-size:18px; font-weight:600; color:#333; margin:0 0 12px;}
.wallet-addr-box .addr-list > ul > li a div {display:flex; flex-wrap:wrap; align-items:center; padding:3.5px 0 0;}
.wallet-addr-box .addr-list > ul > li a div p {flex:1; min-width:0; padding-right:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#333;}
.wallet-addr-box .addr-list > ul > li a div span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; padding:5px 10px; background:#f5f5f5; font-size:12px; color:#333;}
.wallet-addr-box .addr-mini {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#F3F3F3; border:1px solid #ECECEC; border-radius:12px; padding:12px 24px;}
.wallet-addr-box .addr-mini p {font-size:14px; color:#94959B; padding-right:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.wallet-addr-box .addr-mini strong {font-size:14px; font-weight:600; color:#333;}

/* wallet-info-box */
.wallet-info-box ul li {padding:12px 0; display:flex; flex-wrap:wrap; align-items:center;}
.wallet-info-box ul li b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-width:78px; border:1px solid #a8a8a8; border-radius:30px; height:27px; padding:0 10px; font-size:12px; color:#a8a8a8;}
.wallet-info-box ul li div {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1; min-width:0; padding-left:10px;}
.wallet-info-box ul li div img {width:32px; height:32px; border-radius:50%; object-fit:cover; margin-right:4px;}
.wallet-info-box ul li div p {font-size:18px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* mypage-box */
.mypage-box {background:radial-gradient(#DDFFC8,#C9F7AB,#9FE871); padding:34px 20px; border-radius:12px;}
.mypage-box img {display:block; margin:0 auto 12px; width:80px; height:80px; border-radius:50%; object-fit:cover;}
.mypage-box strong {display:block; text-align:center; font-size:20px; font-weight:600; margin:0 0 14px;}
.mypage-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.mypage-box ul li {flex:1; min-width:0;}
.mypage-box ul li b {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; font-size:20px; font-weight:bold; color:#000;}
.mypage-box ul li b em {margin-left:4px; font-size:12px; font-weight:600; color:#5B5A5D;}
.mypage-box ul li p {text-align:center; margin:4px 0 0; font-size:14px; font-weight:600; color:#5B5A5D;}

/* mypage-side-box */
.mypage-side-box {background:url('../images/bg_green.png') no-repeat center / cover; border-radius:12px; padding:24px; display:flex; flex-wrap:wrap; align-items:center;}
.mypage-side-box > div.image {width:80px;}
.mypage-side-box > div.image b {display:block; text-align:center; font-size:15px; font-weight:600; margin:0 0 4px;}
.mypage-side-box > div.image img {width:80px; height:80px; border-radius:50%; object-fit:cover;}
.mypage-side-box > div.content {flex:1; min-width:0; padding-left:14px; padding-top:15px;}
.mypage-side-box > div.content strong {display:block; font-size:20px; font-weight:600; color:#000; margin:0 0 10px;}
.mypage-side-box > div.content ul li {padding:3.5px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.mypage-side-box > div.content ul li b {font-size:14px; font-weight:600; color:#5B5A5D;}
.mypage-side-box > div.content ul li p {display:flex; flex-wrap:wrap; align-items:baseline; font-size:20px; font-weight:bold;}
.mypage-side-box > div.content ul li p em {margin-left:4px; font-size:12px; font-weight:600; color:#5B5A5D;}

/* mypage-list-box */
.mypage-list-box > ul > li {border-radius:12px; border:1px solid #d9d9d9; padding:24px; margin:0 0 12px;}
.mypage-list-box > ul > li:last-of-type {margin:0;}
.mypage-list-box > ul > li .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 10px;}
.mypage-list-box > ul > li .list-head h2 {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:600; color:#333;}
.mypage-list-box > ul > li .list-head span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:27px; padding:0 10px; font-size:14px; font-weight:600; color:#fff; background:#5B5A5D;}
.mypage-list-box > ul > li .list-head span.buy {background:#E1E1FF; color:#7171FF;}
.mypage-list-box > ul > li .list-head span.sell {background:#E0FFF9; color:#009779;}
.mypage-list-box > ul > li .list-body .mypage-list-check .check {margin:0 0 8px; position:relative; overflow:hidden;}
.mypage-list-box > ul > li .list-body .mypage-list-check .check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.mypage-list-box > ul > li .list-body .mypage-list-check .check label {display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:1px solid #ececec; border-radius:50px; padding:0 10px; font-size:14px; color:#5B5A5D; height:34px;}
.mypage-list-box > ul > li .list-body .mypage-list-check .check label:before {display:inline-block; content:""; width:20px; height:20px; margin-right:8px; background:url('../images/icon_check.png') no-repeat center / cover;}
.mypage-list-box > ul > li .list-body .mypage-list-check .check input:checked ~ label {background:#F3F3F3; color:#94959B;}
.mypage-list-box > ul > li .list-body .mypage-list-check .check input:checked ~ label:before {background-image:url('../images/icon_check_on.png');}
.mypage-list-box > ul > li .list-body .mypage-list-link a {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.mypage-list-box > ul > li .list-body .mypage-list-link a p {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; color:#333;}
.mypage-list-box > ul > li .list-body .mypage-list-link a p img {width:24px; height:24px; margin-right:6px; border-radius:50%; object-fit:cover;}
.mypage-list-box > ul > li .list-body .mypage-list-link a:after {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_menu_more.png') no-repeat center / cover;}
.mypage-list-box > ul > li .list-body .mypage-list-trade > ul {padding:12px; display:flex; flex-wrap:wrap; align-items:center; border-radius:8px;}
.mypage-list-box > ul > li .list-body .mypage-list-trade > ul li {flex:1; min-width:0; padding:7px 0; border-right:1px solid #e1e1e1;}
.mypage-list-box > ul > li .list-body .mypage-list-trade > ul li:last-of-type {border-right:0;}
.mypage-list-box > ul > li .list-body .mypage-list-trade > ul li .inner {display:block;}
.mypage-list-box > ul > li .list-body .mypage-list-trade > ul li .inner small {display:block; text-align:center; font-size:12px; color:#333;}
.mypage-list-box > ul > li .list-body .mypage-list-trade > ul li .inner p {margin:3px 0 0; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; height:22px; font-size:18px; font-weight:bold;}
.mypage-list-box > ul > li .list-body .mypage-list-trade > ul li .inner p em {font-size:12px; font-weight:600; color:#5B5A5D;}
.mypage-list-box > ul > li .list-body .mypage-list-trade.buy > ul {background:#F9F9FF;}
.mypage-list-box > ul > li .list-body .mypage-list-trade.sell > ul {background:#FAFFFE;}

/* barcode-box */
.barcode-box > img {display:block; margin:0 auto 12px; width:181px;}
.barcode-box > div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.barcode-box > div span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:24px; padding:0 10px; font-size:12px; color:#fff; background:#5B5A5D;}
.barcode-box > div p {display:flex; flex-wrap:wrap; align-items:center; margin-left:15px; color:#333;}
.barcode-box > div p img {width:24px; height:24px; border-radius:50%; object-fit:cover; margin-right:5px;}

/* write-box */
.write-box > ul > li {margin:0 0 24px;}
.write-box > ul > li:last-of-type {margin:0;}
.write-box > ul > li > strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:18px; font-weight:600; color:#94959B; margin:0 0 12px;}
.write-box > ul > li > strong p {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600; color:#333;}
.write-box > ul > li > strong p em {margin-left:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:20px; border-radius:50px; padding:0 10px; border:1px solid #DADADA; font-size:12px; font-weight:600;}
.write-box > ul > li > strong small.on {color:#F5980D;}
.write-box > ul > li.flex {display:flex; flex-wrap:wrap; align-items:center;}
.write-box > ul > li.flex > strong {width:80px; margin:0;}
.write-box > ul > li.flex > div {flex:1; min-width:0;}
.write-box > ul > li.flex > div p {font-size:18px; font-weight:600; color:#333;}

/* notice-box */
.notice-box p {position:relative; font-size:14px; line-height:1.3; color:#FF3D00; padding-left:20px;}
.notice-box p:before {position:absolute; content:""; left:0; top:2px; width:14px; height:14px; background:url('../images/icon_notice.png') no-repeat center / cover;}
.notice-box p strong {display:block; font-size:14px; font-weight:bold; line-height:1.3; color:#ff3d00;}
.notice-box p small {font-size:14px; line-height:1.3; color:#A5A6AB;}

/* total-box */
.total-box {margin:42px -24px 0; padding:0 24px; border-top:4px solid #F9F9F9;}
.total-box .total-head {padding:14px 0 0;}
.total-box .total-head p {font-size:16px; font-weight:600; color:#333;}
.total-box .total-head p span {display:inline-block; font-size:16px; font-weight:600; color:#A5A6AB; margin-left:4px;}
.total-box .total-body {margin:20px 0 0; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end;}
.total-box .total-body strong {font-size:28px; font-weight:bold;}
.total-box .total-body em {margin-left:4px; font-size:18px; font-weight:600; color:#5B5A5D;}

/* more-box */
.more-box a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:#333;}
.more-box a:after {display:inline-block; content:""; margin-left:4px; width:24px; height:24px; background:url('../images/icon_menu_more.png') no-repeat center / cover;}

/* account-list-box */
.account-list-box > ul > li {margin:0 0 12px;}
.account-list-box > ul > li:last-of-type {margin:0;}
.account-list-box > ul > li .inner {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #d9d9d9; border-radius:12px; padding:20px 16px;}
.account-list-box > ul > li .inner .list-left {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; padding-right:10px;}
.account-list-box > ul > li .inner .list-left:before {display:inline-block; content:""; width:42px; height:42px; background-size:cover; background-position:center;}
.account-list-box > ul > li .inner .list-left > div {flex:1; min-width:0; padding-left:10px;}
.account-list-box > ul > li .inner .list-left > div p {font-size:16px; font-weight:600; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.account-list-box > ul > li .inner .list-left > div small {display:block; margin:4px 0 0; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.account-list-box > ul > li .inner .list-right p {display:flex; flex-wrap:wrap; align-items:baseline; font-size:16px; font-weight:600; color:#333;}
.account-list-box > ul > li .inner .list-right p em {margin-left:4px; font-size:12px; font-weight:600; color:#333;}
.account-list-box > ul > li.deposit .inner .list-left:before {background-image:url('../images/icon_deposit.png');}
.account-list-box > ul > li.deposit .inner .list-left > div small {color:#A0CFC4;}
.account-list-box > ul > li.withdraw .inner .list-left:before {background-image:url('../images/icon_withdraw.png');}
.account-list-box > ul > li.withdraw .inner .list-left > div small {color:#A1A2DA;}

/* toggle-list-box */
.toggle-list-box > ul > li {border-bottom:1px solid #F1F1F5;}
.toggle-list-box > ul > li .list-head a {display:flex; flex-wrap:wrap; align-items:center; padding:12px 0;}
.toggle-list-box > ul > li .list-head a img {width:32px; height:32px; border-radius:50%; object-fit:cover;}
.toggle-list-box > ul > li .list-head a p {flex:1; min-width:0; padding:0 8px; font-size:14px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.toggle-list-box > ul > li .list-head a:after {display:block; content:""; width:24px; height:24px; background:url('../images/icon_menu_more.png') no-repeat center / cover; transform:rotate(90deg);}
.toggle-list-box > ul > li .list-body {display:none; background:#F1F1F5; padding:16px;}
.toggle-list-box > ul > li .list-body p {font-size:14px; line-height:1.3; color:#5B5A5D;}
.toggle-list-box > ul > li .list-body .button-box {margin:0 auto;}
.toggle-list-box > ul > li.active .list-head a:after {transform:rotate(-90deg);}
.toggle-list-box > ul > li.active .list-body {display:block;}

/* faq-toggle-list-box */
.faq-toggle-list-box > ul > li {border-bottom:1px solid #F1F1F5;}
.faq-toggle-list-box > ul > li .list-head a {display:flex; flex-wrap:wrap; align-items:center; padding:12px 0;}
.faq-toggle-list-box > ul > li .list-head a img {width:32px; height:32px; border-radius:50%; object-fit:cover;}
.faq-toggle-list-box > ul > li .list-head a p {flex:1; min-width:0; padding:0 8px; font-size:14px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.faq-toggle-list-box > ul > li .list-head a:after {display:block; content:""; width:24px; height:24px; background:url('../images/icon_menu_more.png') no-repeat center / cover; transform:rotate(90deg);}
.faq-toggle-list-box > ul > li .list-body {display:none; background:#F1F1F5; padding:16px;}
.faq-toggle-list-box > ul > li .list-body p {font-size:14px; line-height:1.3; color:#5B5A5D;}
.faq-toggle-list-box > ul > li .list-body .button-box {margin:0 auto;}
.faq-toggle-list-box > ul > li.active .list-head a:after {transform:rotate(-90deg);}
.faq-toggle-list-box > ul > li.active .list-body {display:block;}

/* mybank-box */
.mybank-box {background:radial-gradient(#DDFFC8,#C9F7AB,#9FE871); padding:34px 20px; border-radius:12px;}
.mybank-box strong {display:block; text-align:center; font-size:28px; font-weight:bold;}
.mybank-box strong:before {display:block; content:""; margin:0 auto 2px; width:42px; height:42px; background-size:cover; background-position:center;}
.mybank-box strong.deposit:before {background-image:url('../images/icon_deposit.png');}
.mybank-box strong.withdraw:before {background-image:url('../images/icon_withdraw.png');}
.mybank-box p {margin:10px 0 0; text-align:center; font-size:16px; font-weight:600; color:#333;}
.mybank-box b {display:block; margin:10px 0 0; text-align:center; font-size:15px; font-weight:600; color:#333;}
.mybank-box ul {border-top:1px solid rgba(255,255,255,0.5); padding:24px 0 0; margin:24px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.mybank-box ul li {font-size:14px; font-weight:500; color:#333; margin-right:10px; display:flex; flex-wrap:wrap; align-items:center;}
.mybank-box ul li:last-of-type {margin:0;}
.mybank-box ul li:before {display:inline-block; content:""; margin-right:4px; width:24px; height:24px; background-size:cover; background-position:center;}
.mybank-box ul li a {font-size:14px; font-weight:500; color:#333;}
.mybank-box ul li.mybank01:before {background-image:url('../images/icon_mybank_01.png');}
.mybank-box ul li.mybank02:before {background-image:url('../images/icon_mybank_02.png');}
.mybank-box ul li.mybank03:before {background-image:url('../images/icon_mybank_03.png');}

/* mybank-list-box */
.mybank-list-box > ul > li {margin:0 0 12px;}
.mybank-list-box > ul > li:last-of-type {margin:0;}
.mybank-list-box > ul > li a {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #d9d9d9; border-radius:12px; padding:24px;}
.mybank-list-box > ul > li a .list-left {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.mybank-list-box > ul > li a .list-left > img {width:32px; height:32px; border-radius:50%; object-fit:cover;}
.mybank-list-box > ul > li a .list-left > div {flex:1; min-width:0; padding:0 10px;}
.mybank-list-box > ul > li a .list-left > div strong {display:block; font-size:16px; font-weight:600; color:#333;}
.mybank-list-box > ul > li a .list-left > div p {font-size:14px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:3px 0 0;}

/* sell-price-box */
.sell-price-box {border:1px solid #D9D9D9; border-radius:12px; padding:24px;}
.sell-price-box h2 {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 12px; font-size:18px; font-weight:600; color:#333;}
.sell-price-box h2:before {display:inline-block; margin-right:4px; content:""; width:24px; height:24px; background:url('../images/icon_price_search.png') no-repeat center / cover;}
.sell-price-box div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#f3f3f3; border:1px solid #ececec; border-radius:8px; padding:0 15px; height:50px;}
.sell-price-box div p {margin-right:24px; display:flex; flex-wrap:wrap; align-items:baseline; font-size:18px; font-weight:600; color:#333;}
.sell-price-box div p:last-of-type {margin:0;}
.sell-price-box div p em {margin-left:4px; font-size:14px; font-weight:600; color:#333;}
.sell-price-box small {display:block; text-align:right; margin:10px 0 0; font-size:14px; color:#FF3D00;}

/* sell-price-info-box */
.sell-price-info-box > div {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#F3F3F3; border:1px solid #ececec; border-radius:8px; padding:8px 12px;}
.sell-price-info-box > div strong {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600; color:#333;}
.sell-price-info-box > div strong:before {display:inline-block; margin-right:4px; content:""; width:24px; height:24px; background:url('../images/icon_price_search.png') no-repeat center / cover;}
.sell-price-info-box > div div {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1; min-width:0;}
.sell-price-info-box > div div p {margin-right:4px; display:flex; flex-wrap:wrap; align-items:baseline; font-size:18px; font-weight:600; color:#333;}
.sell-price-info-box > div div p:last-of-type {margin:0;}
.sell-price-info-box > div div p em {margin-left:4px; font-size:14px; font-weight:600; color:#333;}
.sell-price-info-box > small {display:block; text-align:right; margin:4px 0 0; font-size:12px; color:#FF3D00;}
.sell-price-info-box.no-before > div {height:42px;}
.sell-price-info-box.no-before > div strong:before {display:none;}

/* price-box */
.price-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-radius:12px; border:1px solid #d9d9d9; padding:24px;}
.price-box p {font-size:16px; font-weight:500; color:#333;}
.price-box strong {display:Flex; flex-wrap:wrap; align-items:baseline; font-size:24px; font-weight:600; color:#333;}
.price-box strong em {margin-left:4px; font-size:18px; font-weight:600; color:#333;}

/* info-list-box */
.info-list-box .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0 0 10px;}
.info-list-box .list-head small {font-size:14px; color:#94959B;}
.info-list-box .list-body ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 15px;}
.info-list-box .list-body ul li:last-of-type {margin:0;}
.info-list-box .list-body ul li b {font-size:18px; font-weight:600; color:#94959B;}
.info-list-box .list-body ul li div {flex:1; min-width:0; padding-left:10px; text-align:right;}
.info-list-box .list-body ul li div p {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end; font-size:20px; font-weight:500; color:#333;}
.info-list-box .list-body ul li div p em {margin-left:4px; font-size:14px; font-weight:500; color:#333;}

/* seller-box */
.seller-box {background:url('../images/bg_green.png') no-repeat center / cover; border-radius:12px; padding:24px 20px;}
.seller-box > b {display:block; text-align:center; font-size:16px; font-weight:600; color:#333;}
.seller-box > strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:43px; font-size:36px; font-weight:bold; padding:0 0 24px; margin:0 0 12px; border-bottom:1px solid rgba(255,255,255,0.5);}
.seller-box > ul {border-radius:12px; background:rgba(255,255,255,0.8); padding:12px;}
.seller-box > ul > li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 10px;}
.seller-box > ul > li:last-of-type {margin:0;}
.seller-box > ul > li > b {font-size:14px; color:#94959B;}
.seller-box > ul > li > p {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end; font-size:16px; font-weight:600; color:#333;}
.seller-box > ul > li > p em {margin-left:4px; font-size:12px; font-weight:600; color:#333;}
.seller-box > p {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:10px 0 0; font-size:12px; color:#FF3D00;}
.seller-box > p:before {display:inline-block; content:""; width:14px; height:14px; margin-right:4px; background:url('../images/icon_notice.png') no-repeat center / cover;}

/* unit-box */
.unit-box {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end;}
.unit-box p {font-size:28px; font-weight:bold; color:#000;}
.unit-box em {margin-left:4px; font-size:18px; font-weight:600; color:#5B5A5D;}

/* quote-box */
.quote-box {border-radius:8px; overflow:hidden; background:#f3f3f3; border:1px solid #ececec;}
.quote-box .quote-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:24px 0;}
.quote-box .quote-head b {font-size:14px; color:#94959B;}
.quote-box .quote-head strong {margin-left:4px; font-size:18px; font-weight:bold;}
.quote-box .quote-head strong em {font-size:18px; font-weight:bold;}
.quote-box .quote-body {border-radius:8px; background:#fff; border:1px solid #ececec; padding:6px 12px;}
.quote-box .quote-body ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.quote-box .quote-body ul li b {font-size:12px;}
.quote-box .quote-body ul li p {display:flex; flex-wrap:wrap; align-items:baseline; font-size:16px; font-weight:600;}
.quote-box .quote-body ul li p em {margin-left:4px; font-size:12px; font-weight:600;}
.quote-box .quote-body ul li:after {display:block; content:""; width:100%; margin:7px 0; height:14px; background:url('../images/icon_arrow_down.png') no-repeat center / 14px;}
.quote-box .quote-body ul li:last-of-type:after {display:none;}

/* quote-list-box */
.quote-list-box {border:1px solid #ECECEC; border-radius:8px; padding:9px 14px;}
.quote-list-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.quote-list-box ul li {flex:1; min-width:0; margin-right:34px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.quote-list-box ul li:last-of-type {margin:0;}
.quote-list-box ul li b {font-size:12px;}
.quote-list-box ul li p {display:flex; flex-wrap:wrap; align-items:baseline; font-size:16px; font-weight:600;}
.quote-list-box ul li p em {font-size:12px; font-weight:600; margin-left:4px;}

/* request-box */
.request-box {background:url('../images/bg_green.png') no-repeat center / cover; border-radius:12px; padding:24px;}
.request-box > b {display:block; font-size:22px; font-weight:600; margin:0 0 10px;}
.request-box > strong {display:block; font-size:15px; font-weight:600; margin:0 0 5px;}
.request-box > p {display:flex; flex-wrap:wrap; align-items:baseline; font-size:14px; font-weight:600; color:#5B5A5D;}
.request-box > p b {margin-left:12px; font-size:18px; font-weight:bold; color:#000;}
.request-box > p b a {font-size:18px; font-weight:bold; color:#000;}
.request-box > small {display:block; font-size:14px; font-weight:500; margin:8px 0 0;}
.request-box > div {display:flex; flex-wrap:wrap; align-items:center; margin:8px 0 0;}
.request-box > div span {display:Flex; flex-wrap:wrap; align-items:center; background:#fff; border-radius:8px; padding:4px 10px; font-size:12px;}

/* choice-box */
.choice-box .button {position:static; margin:0; opacity:1; display:block; margin:0 auto; width:24px; height:24px; font-size:0; background-size:cover; background-position:center;}
.choice-box .button.swiper-button-prev {background-image:url('../images/icon_up.png');}
.choice-box .button.swiper-button-next {background-image:url('../images/icon_down.png');}
.choice-box .swiper-container {border:1px solid #d9d9d9; border-radius:8px; height:142px;}
.choice-box ul li {height:28.4px;}
.choice-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; height:100%; padding:0 12px; font-size:16px; font-weight:600; color:#94959B;}
.choice-box ul li.swiper-slide-active a {background:rgba(159,232,113,0.3);}

/* graph-text-box */
.graph-text-box ul {display:flex; flex-wrap:wrap;}
.graph-text-box ul li {flex:1; min-width:0; margin-right:10px;}
.graph-text-box ul li:last-of-type {margin:0;}
.graph-text-box ul li b {display:block; text-align:center; font-size:14px; font-weight:500; margin:0 0 10px;}
.graph-text-box ul li div {border:1px solid #d9d9d9; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:5px;}
.graph-text-box ul li div:after {display:block; content:""; padding-bottom:100%;}
.graph-text-box ul li div p {font-size:18px; font-weight:600; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center;}

/* agree-box */
.agree-box {border:1px solid #d9d9d9; border-radius:12px; padding:12px;}
.agree-box > div {overflow-y:auto; max-height:300px;}
.agree-box > div p {font-size:14px; line-height:1.3; color:#333; word-break:normal;}

/* check-box */
.check-box {position:relative; overflow:hidden;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#333;}
.check-box label:before {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_check.png') no-repeat center / cover; margin-right:4px;}
.check-box input:checked ~ label:before {background-image:url('../images/icon_check_on.png');}

/* notice-list-box */
.notice-list-box {margin: 15px 0 0;}
.notice-list-box > ul > li > a {display:block; padding:15px 0; border-bottom:1px solid #ddd;}
.notice-list-box > ul > li > a p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; font-weight:500;}
.notice-list-box > ul > li > a time {display:block; margin:5px 0 0; color:#666;}

/* notice-view-box */
.notice-view-box {border-top:1px solid #ddd; margin:15px 0 0;}
.notice-view-box .view-head {border-bottom:1px solid #ddd; padding:15px 0; margin:0 0 15px;}
.notice-view-box .view-head p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; font-weight:500;}
.notice-view-box .view-head time {display:block; margin:5px 0 0; color:#666;}
.notice-view-box .view-body {padding:0 0 15px; border-bottom:1px solid #ddd;}
.notice-view-box .view-body p {font-size:15px; line-height:1.4;}
.notice-view-box .view-body img {width:100%;}

/* loader-boxaa */
.loader-box {pointer-events:inherit; opacity:1; transition:all ease 0.5s; position:fixed; left:50%; top:0; transform:translateX(-50%); width:100%; height:100%; max-width:400px; background:rgba(0,0,0,0.8); z-index:99999; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center;}
.loader-box .loader {width:48px; height:48px; border:5px solid #fff; border-bottom-color:#9FE871; border-radius:50%; display:inline-block; box-sizing:border-box; animation: rotation 1s linear infinite;}
.loader-box.off {pointer-events:none; opacity:0;}
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}