.ui-switch { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #666; height: 20px; width: 40px; border-radius: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px; cursor: pointer; }

.ui-switch:before { content: ''; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.ui-switch:after { content: ''; width: 16px; height: 16px; border-radius: 50%; background: #fff; }

.ui-switch:checked { background: #0d6efd; }

.ui-switch:checked:before { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.ui-switch[disabled] { opacity: .5; cursor: not-allowed; }

.hn-cookie-main { position: fixed; left: 50%; top: 50%; z-index: 1000; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; max-width: 900px; background: #fff; -webkit-box-shadow: 0 32px 68px rgba(0, 0, 0, 0.3); box-shadow: 0 32px 68px rgba(0, 0, 0, 0.3); border-radius: 10px; overflow: hidden; display: none; }

.hn-cookie-main * { line-height: 1.3; }

.hn-cookie-main .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ddd; }

.hn-cookie-main .head .tab { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 1em .5em; text-align: center; font-size: 16px; font-weight: bold; cursor: pointer; }

.hn-cookie-main .head .tab.on { color: #0d6efd; position: relative; }

.hn-cookie-main .head .tab.on::after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #0d6efd; }

.hn-cookie-main .body { min-height: 200px; padding: 10px; }

.hn-cookie-main .body .tab-cnt { display: none; max-height: 60vh; overflow-y: auto; font-size: 14px; }

.hn-cookie-main .body .tab-cnt::-webkit-scrollbar { width: 3px; background: #eee; }

.hn-cookie-main .body .tab-cnt::-webkit-scrollbar-thumb { background: #0d6efd; border-radius: 3px; }

.hn-cookie-main .body .tab-cnt.on { display: block; }

.hn-cookie-main .body .tab-cnt a { color: #0d6efd; text-decoration: none; }

.hn-cookie-main .body .tab-cnt h2 { font-size: 18px; }

.hn-cookie-main .body .tab-cnt p { margin: 1em 0; }

.hn-cookie-main .body .cookie-card { border-bottom: 1px solid #ddd; }

.hn-cookie-main .body .cookie-card-hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0 0; }

.hn-cookie-main .body .cookie-card-hd .lf { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #000; }

.hn-cookie-main .body .cookie-card-hd .lf:before { content: ''; width: 8px; height: 8px; border-left: 2px solid; border-bottom: 2px solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0 10px 4px; }

.hn-cookie-main .body .cookie-card-hd .lf:hover { color: #0d6efd; }

.hn-cookie-main .body .cookie-card-hd .tit { font-size: 16px; font-weight: bold; }

.hn-cookie-main .body .cookie-card-hd .num { background: #d6d6d6; min-width: 22px; line-height: 22px; border-radius: 20px; margin-left: 10px; text-align: center; padding: 0 1px; }

.hn-cookie-main .body .cookie-card-hd .ui-switch { margin-left: auto; }

.hn-cookie-main .body .cookie-card .desc { margin-left: 32px; }

.hn-cookie-main .body .cookie-card.open .cookie-card-hd .lf:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-bottom: -7px; }

.hn-cookie-main .body .text-1 { margin: 1em 0; }

.hn-cookie-main .body .cookie-list { padding-left: 30px; display: none; }

.hn-cookie-main .body .cookie-list .cookie-obj { margin: 1em 0; border: 1px solid #ddd; background: #eee; border-radius: 2px; padding: .5em 1em; }

.hn-cookie-main .body .cookie-list .cookie-obj .t1 { font-weight: bold; min-width: 10em; display: inline-block; }

.hn-cookie-main .body .cookie-list .cookie-obj p { margin: .3em 0; }

.hn-cookie-main .foot { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #ddd; }

.hn-cookie-main .foot button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #0d6efd; color: #fff; border-radius: 5px; height: 3em; border: none; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin-right: 5px; }

.hn-cookie-main .foot button:last-of-type { margin-right: 0; }

.hn-cookie-main .foot button:hover { opacity: .8; }

.hn-cookie-main .foot button[disabled] { opacity: .5; }

.hn-cookie-icon { position: fixed; left: 10px; bottom: 10px; z-index: 1000; font-size: 0; padding: 0; margin: 0; background: none; border: none; cursor: pointer; display: none; }

.hn-cookie-sub { position: fixed; left: 10px; bottom: 10px; z-index: 1000; background: #fff; -webkit-box-shadow: 0 32px 68px rgba(0, 0, 0, 0.3); box-shadow: 0 32px 68px rgba(0, 0, 0, 0.3); border-radius: 10px; overflow: hidden; width: 450px; max-width: calc(100% - 20px); display: none; }

.hn-cookie-sub .head { border-bottom: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: bold; }

.hn-cookie-sub .head .tit { padding: 10px; }

.hn-cookie-sub .head .close { padding: 10px 20px; cursor: pointer; }

.hn-cookie-sub .head .close:hover { color: #0d6efd; }

.hn-cookie-sub .body { padding: 10px; }

.hn-cookie-sub .body .t1 { margin: 0; }

.hn-cookie-sub .body .list { list-style-type: none; padding: 0; color: #666; }

.hn-cookie-sub .body .list li { margin: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.hn-cookie-sub .body .list .ui-switch { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.hn-cookie-sub .body .details { min-height: 80px; }

.hn-cookie-sub .body .details .btn-details { font-size: 14px; font-weight: bold; cursor: pointer; color: #0d6efd; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.hn-cookie-sub .body .details .btn-details span { line-height: 1.2; }

.hn-cookie-sub .body .details .btn-details .t2 { display: none; }

.hn-cookie-sub .body .details .btn-details:after { content: ''; display: inline-block; width: 8px; height: 8px; border-width: 0 0 2px 2px; border-style: solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 10px; }

.hn-cookie-sub .body .details .data { display: none; border: 1px solid #ddd; background: #eee; border-radius: 2px; padding: 0.5em 1em; margin-top: 1em; font-size: 13px; }

.hn-cookie-sub .body .details .data p { margin: .3em 0; word-break: break-word; }

.hn-cookie-sub .body .details .data-item { margin-bottom: 1em; }

.hn-cookie-sub .body .details .data-item:last-of-type { margin-bottom: 0; }

.hn-cookie-sub .body .details .data .t1 { font-weight: bold; }

.hn-cookie-sub .body .details.show .btn-details .t1 { display: none; }

.hn-cookie-sub .body .details.show .btn-details .t2 { display: block; }

.hn-cookie-sub .body .details.show .btn-details:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: 8px; }

.hn-cookie-sub .body .details.show .data { display: block; }

.hn-cookie-sub .foot { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #ddd; }

.hn-cookie-sub .foot button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #0d6efd; color: #fff; border-radius: 5px; height: 3em; border: none; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin-right: 5px; font-size: 14px; }

.hn-cookie-sub .foot button:last-of-type { margin-right: 0; }

.hn-cookie-sub .foot button:hover { opacity: .8; }

.hn-cookie-sub .foot .btn-1 { background: none; border: 2px solid #0d6efd; color: #000; }

.hn-cookie-sub .foot .btn-1[disabled] { opacity: .5; }