*::-webkit-scrollbar { background-color: transparent; width: 6px; height: 6px; border-radius: 6px } 
*::-webkit-scrollbar-thumb { background: #fff; border-radius: 6px }
*::-webkit-scrollbar-track { background: transparent; border-radius: 6px } 
*:hover::-webkit-scrollbar-thumb { background: #bbb !important } 
*::-webkit-scrollbar-thumb:hover { background: #afafaf !important } 
html[dark=true] *::-webkit-scrollbar-thumb,body.thema_dark *::-webkit-scrollbar-thumb { background: transparent } 
html[dark=true] *:hover::-webkit-scrollbar-thumb,body.thema_dark *:hover::-webkit-scrollbar-thumb { background: #4d4d4d !important } 
html[dark=true] *::-webkit-scrollbar-thumb:hover,body.thema_dark *::-webkit-scrollbar-thumb:hover { background: #3f3f3f !important } 
html[dark=true] body,body.thema_dark { background: var(--dark-default-bg) }

body{background-color: #f8f9fa;    transition: all .3s;}
.warp { display: flex ; flex-direction: column; gap: 30px; }
.head,.foot,section{margin: 0 auto;}

/* 공동 css */
[tip]:before { content: ""; top: calc(100% + 2px); background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1JyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyBmaWxsPScjNTU1Jz48cGF0aCBkPSdNMCA1bDUtNSA1IDVIMHonLz48L3N2Zz4=); background-position: 50% 50%; background-repeat: no-repeat; background-size: 9px 5px; width: 100%; height: 5px; z-index: 10; }
[tip]:after { content: attr(tip) "\a" attr(tip2); top: calc(100% + 6px); background-color: #525661; padding: 7px 10px; border-radius: 12px; color: #FCFCFD; font-size: 13px !important; font-weight: 600; white-space: nowrap; line-height: 1.2; z-index: 10; }
[tip]:after, [tip]:before { position: absolute; visibility: hidden; left: 50%; opacity: 0; -webkit-transform: translateX(-60%); -ms-transform: translateX(-60%); transform: translateX(-60%); -webkit-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Malgun Gothic", "맑은 고딕", helvetica, sans-serif; }
[tip]:hover:after, [tip]:hover:before { visibility: visible; opacity: 1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.bg-gradient-white { background: var(--point-bg-color); color: var(--point-font-color); border-radius: 5px; font-size: 14px; }








header [class^=btn-] { position: relative; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; z-index: 800; transition: all .2s;}
header [class^="btn-"]:hover { background-color: rgb(70, 74, 83); }
header .top_box {background: var(--head-bg-color);}
header .top_box .top_war{max-width: var(--site_width);background: var(--head-bg-color); }
header .top_war .left_box .logo a{font-family: 'Tenada';font-size: 30px;display: flex ; height: 27px;}
header .top_war .left_box .logo a font { font-family: 'Tenada'; color: #FF5722; }
footer {background: var(--foot-bg-color); }
footer .foot { max-width: var(--site_width); background: var(--foot-bg-color); }
footer .foot #ft_copy{color:var(--foot-font-color);width:100%}
#ft_catch { margin: 20px 0 10px; text-align: center; font-size: 20px; color: #959595; font-family: 'Tenada'; }
#ft_catch font { font-family: 'Tenada'; color: #bfbfbf; }
/* help */
.frm_info{color: #4d4d4d;margin: 4px;}

/* 모듈관련 css */
section{width: 100%; display: flex ; flex-direction: var(--side-left-right); }
section .content{width:var(--content-width)}
section aside{width:var(--side-width)}

.side-lr{display: flex ; flex-direction: row; align-items: center; gap: 10px;}
.side-lr img { width: 27px; }

.sortable-list{display: flex ; flex-direction: row; flex-wrap: wrap;}
#sortable-list > ul,#sortable-side > ul{overflow: hidden;}
#sortable-list > ul > li,#sortable-side > ul > li{background-color: #fff;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05);border-radius: 10px; position: relative;height:100%;overflow:hidden;min-height:200px}
.drag-active > ul { border: 1px dashed #8392ab; cursor: move; }
.admin_btn { position: fixed; left: 50%; bottom: 130px; transform: translateX(-50%);background:#ffffff;border: 1px solid #ddd; padding: 5px; border-radius: 5px;z-index: 9999; }
ul.list { display: flex ; gap: 16px; align-items: center; justify-content: center; }
ul.list li{width: 38px; height: 38px; padding: 4px; border-radius: 5px; box-sizing: border-box;cursor: pointer;}
ul.list li:hover{background:#e3e3e3}
ul.list li svg{width: 30px; height: 30px;}
.admin_btn ul > li{ position: relative;background-color: #fff; transition: all 0.2s; font-size: 17px; width: fit-content; box-sizing: border-box;  }
.admin_btn ul > li .tooltip { position: absolute; top: calc(-1 * var(--margin)); left: 50%; transform: translateX(-50%) translateY(0%) scale(0); padding: 0.3em 0.6em; opacity: 0; pointer-events: none; transition: all 0.2s; background: var(--tooltip-bg); color: var(--tooltip-color); border-radius: 0.5rem; z-index: 99999; } 
.admin_btn ul > li .tooltip::before { position: absolute; content: ""; height: 0.6em; width: 0.6em; bottom: -0.2em; left: 50%; transform: translate(-50%) rotate(45deg); background: var(--tooltip-bg); border-bottom-right-radius: 0.175rem; }
.admin_btn ul > li:hover .tooltip {width: max-content; opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(-100%) scale(1); }





/* 모듈수정 */
.edit_module {display: none; width: 100%; height: 100%; box-sizing: border-box; top: 0; position: absolute;background: rgba(31, 45, 61, 0.3);border-radius: 0.375rem;z-index: 8;}
.edit_module .edit_box{display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.edit_module .edit_box h6{text-align: center; width: fit-content; margin: 0 auto 20px; color: #fff;}
.edit_module .edit_box .btn{display: flex;gap: 10px;width:190px}
.edit_module .edit_box .btn button { display: flex ; padding: 5px; gap: 10px; line-height: 24px; border-radius: 5px; border: 0;background-color: var(--point-bg-color);color: var(--point-font-color);}
#sortable-list.drag-active > ul .edit_module,#sortable-side.drag-active > ul .edit_module{display: block;}



/* 레이아웃 관련 CSS */
.mask,.mask2 { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.3); z-index: 990; opacity: 0; transition: opacity 0.3s ease; pointer-events: none;}
.mask.show,.mask2.show { opacity: 1; pointer-events: auto; }

.config_le{width: 280px;z-index: 999; background: #fff; position: fixed; left: -320px; top: 0; padding: 21px; min-height: 100%;  overflow-y: auto; height: 100%; display: flex ; flex-direction: column;transition:all .3s cubic-bezier(1, 0.73, 0.33, 0.86);box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);}
.config_le.on{left: 0;}
.sider_setup { width: 280px; z-index: 998; background: #fff; position: fixed; left: -280px; top: 0; padding: 21px; min-height: 100%; overflow-y: auto; height: 100%; display: flex ; flex-direction: column; transition: all .3s cubic-bezier(1, 0.73, 0.33, 0.86); box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); }
.sider_setup.sideopen.on{left: 280PX;}
.sider_setup h6 { position: relative; margin-left: 8px; padding-left: 24px; }
.sider_setup h6:after { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); content: ""; display: block; clear: both; width: 10px; height: 10px; border-radius: 10px; background: #868686; }
.sider_setup ul.lite.font-fmili {display: flex ; justify-content: space-between; }


.config_le ul.lite,.sider_setup ul.lite { margin-bottom: 10px; border-bottom: 1px solid #ddd; padding: 10px; }
.config_le ul.layout{display: flex ; justify-content: space-between;}
.config_le .lite li{}
.lite li.switch { display: flex ; flex-direction: column; align-items: center; }
.config_le .lite li span ,.sider_setup .lite li span{ margin-bottom: 7px; display: block; }
.lite li input[type="text"] { border: 1px solid #ddd; font-size: 14px; padding: 4px; box-sizing: border-box;border-radius: 5px; }
.config_le .lite li .cl_box { display: flex ; justify-content: space-around; align-items: center; }
.config_le .lite li .cl_box .ck_color { gap: 5px; display: flex ; flex-direction: column; }
.config_le .lite li .cl_box input[type="text"]{width: 108px;}
.config_le .lite.font-fmili li .cl_box { flex-direction: column; align-items: flex-start; }
.config_le .lite li .cl_box .view {display: flex ; width: 60px; height: 60px; font-size: 16px; font-weight: bold; vertical-align: top; line-height: 30px; margin-right: 10px; border-radius: 24px; align-items: center; justify-content: center;}
.config_le .lite li select {width: 173px;border: 1px solid #ddd; font-size: 14px; padding: 4px; box-sizing: border-box; border-radius: 5px; }
.config_le h6{position: relative;margin-left: 8px; padding-left: 24px;}
.config_le h6:after { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); content: ""; display: block; clear: both; width: 10px; height: 10px; border-radius: 10px; background: #868686; }
.config_le .lite li .btn{letter-spacing: -.025rem; box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07); background-size: 150%; background-position-x: 25%; font-size: 15px; width: 50%; border-radius: 5px; border: 0;}
.config_le .lite li .bg-gradient-dark { background-image: linear-gradient(310deg, #141727, #3a416f);    color: #fff;}
.config_le .lite li .bg-gradient-white{ }
.config_le .lite li.btn { display: flex ; gap: 12px; }

.config_re{width: 320px; z-index: 999; background: #fff; position: fixed; right:  -320px; top: 0; padding: 21px; min-height: 100%;  overflow-y: auto; height: 100%; display: flex ; flex-direction: column;transition:all .3s cubic-bezier(1, 0.73, 0.33, 0.86);box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);}
.config_re.on{right: 0;}

.switch input[type=checkbox]{ height: 0; width: 0; visibility: hidden;display:none; } 
.switch label { cursor: pointer; text-indent: -9999px; width: 40px; height: 22px; background: grey; display: block; border-radius: 100px; position: relative; } 
.switch label:after { content: ''; position: absolute; top: 1px; left: 1px; width: 20px; height: 20px; background: #fff; border-radius: 24px; transition: 0.3s; } 
.switch input:checked + label { background: var(--point-bg-color); } 
.switch input:checked + label:after { left: calc(100% - 1px); transform: translateX(-100%); } 
ul.lite label.px { position: relative; }
ul.lite label.px:after { content: "PX"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 14px; }
ul.lite label.px input[type="text"]{width: 80px;text-align: center;padding-right: 30px;}

ul.lite label.pro { position: relative; }
ul.lite label.pro:after { content: "%"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 14px; }
ul.lite label.pro input[type="text"]{width: 80px;text-align: center;padding-right: 30px;}

/*.config_le .switch label:active:after { width: 38px; }*/

.config_re dl{}
.config_re dl select{width: 173px; border: 1px solid #ddd; font-size: 14px; padding: 4px; box-sizing: border-box; border-radius: 5px;}
.config_re dl input { border: 1px solid #ddd; font-size: 14px; padding: 4px; box-sizing: border-box; border-radius: 5px; }
.config_re dl dt{margin-bottom: 4px;}
.config_re dl dt label{font-size: 14px; font-weight: bold; color: #747474;}
.config_re dl dd{}

.module-setting {}
.module-setting .lab_box ,.config_re dl dd {margin-bottom: 10px;}
.module-setting .lab_box span{margin-bottom: 5px; display: inline-block;}
.module-setting .lab_box .edt_boxs {display: flex ; gap: 10px;}
.module-setting .lab_box .edt_boxs label {position: relative;}
.module-setting .lab_box .edt_boxs label:after {content: "";}
.module-setting .lab_box .edt_boxs label.pc:after {position: absolute; left: 6px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(../mt_img/pc.svg);}
.module-setting .lab_box .edt_boxs label.phone:after {position: absolute; left: 6px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(../mt_img/phone.svg);}
.module-setting .lab_box .edt_boxs label input{width: 60px; padding-left: 25px; text-align: center;}
.lab_box .edt_boxs.width_px{}
.lab_box .edt_boxs.width_px label{position: relative;}
.lab_box .edt_boxs.width_px label:after{content: "%"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);font-size: 14px;}
.lab_box .edt_boxs.width_px input{padding-right: 25px; padding-left: 0;width: 80px;text-align: center;}


/* 테마디자인 */

/* 상단 */
header{box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);}
header  button { background: transparent; }
header .top_war { margin: 0 auto; display: flex ; justify-content: space-between;min-height: 64px;}
.top_war .left_box { display: flex ; flex-direction: row; align-items: center; }

.top_war .right_box {display: flex ; flex-direction: row; align-items: center;}
.top_war .right_box .settingWrap{position: relative; margin-left: 12px;}
.top_war .right_box .settingWrap > button{ position: relative; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; z-index: 800; transition: all .2s; background: transparent;}
.top_war .right_box .settingWrap > button.btn-settings{ background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCcgZmlsbD0nbm9uZScgdmlld0JveD0nMCAwIDQwIDQwJz48cGF0aCBmaWxsPScjRDVEN0RDJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J00yMSAxMy4zODNhMS41IDEuNSAwIDEgMS0zIDAgMS41IDEuNSAwIDAgMSAzIDBabTAgNmExLjUgMS41IDAgMSAxLTMgMCAxLjUgMS41IDAgMCAxIDMgMFptLTEuNSA3LjVhMS41IDEuNSAwIDEgMCAwLTMgMS41IDEuNSAwIDAgMCAwIDNaJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=);  background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; font: 0 / 0 a; }
.top_war .right_box .settingWrap > button:hover { background-color: rgb(70, 74, 83); }
.top_war .right_box .profileWrap { position: relative; margin-left: 12px; }
.top_war .right_box .profileWrap .userInfo { display: flex ; align-items: center; }
.top_war .right_box .profileWrap .userInfo .thumb { display: flex ; align-items: center; justify-content: center; flex: 0 0 auto; position: relative; overflow: hidden; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; transition: all .2s; }
.top_war .right_box .profileWrap .userInfo .thumb img { width: 32px; height: 32px; border: 1px solid rgba(117, 123, 138, 0.2); border-radius: 50%; object-fit: cover; }


header .nav_box { width: 100%; border-bottom: 1px solid #4f4f4f;display: flex ; justify-content: space-between; }
.nav_box nav { width: 100%; display: flex ; margin: 0 auto; justify-content: space-between; }
.nav_box nav ul.menu { display: flex ; flex-direction: row; gap: 15px; position: relative;}
.nav_box nav ul.menu li a{display: flex; align-items: center; height: 68px; color:var(--head-font-color); font-size: 16px; font-weight: 600; padding: 0px 6px; border-bottom: 2px solid transparent;}
.nav_box nav ul.menu li.sub > a:after {display:block;content: ""; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3e%3cpath fill='%23FFF' fill-rule='evenodd' d='M0 0h8L4 4 0 0Z' opacity='.369'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size: 100% 100%; width: 8px; height: 4px; margin-left: 4px }

.nav_box nav ul.menu li.gnb_1{position: relative;}
.nav_box nav ul.menu li.gnb_1 ul.gnb_2{display: none; position: absolute; top: 55px; left: 50%; z-index: 100; width: 138px; margin-left: -69px; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px 0px; background: rgb(35, 37, 41); padding: 10px 0px; border-radius: 6px;}
.nav_box nav ul.menu li.gnb_1:hover .gnb_2{display: block; }
.nav_box nav ul.menu li.gnb_1 ul.gnb_2 li a{display: flex; align-items: center; height: 38px; padding-left: 14px; color: rgb(172, 176, 185); font-size: 16px; transition: 0.2s;}
.nav_box nav ul.menu li.gnb_1 ul.gnb_2 li a:hover { color: rgb(255, 255, 255); background: rgb(47, 49, 55); }

ul.info_box { display: flex ; align-items: center; }
.info_box a.my_play { display: flex; align-items: center; background-color: #FFFFFF12; height: 32px; padding: 0 12px 0 15px; border-radius: 32px; color: #fff } 
.info_box a.my_play span { flex: 0 0 auto; font-size: 13px } 
.info_box a.my_play strong { flex: 0 0 auto; margin:1px 7px 0; color: #0182ff; font-size: 13px } 
.info_box a.my_play em { flex: 0 0 auto; margin-left: 2px; color: #E6F3FF; font-size: 12px; font-weight: 500; font-style: normal;} 
.info_box a.my_play .ic_gem { flex: 0 0 auto; background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCc+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPScuMTExJScgeTE9JzUwJScgeDI9JzEwMC4xMTElJyB5Mj0nNTAlJyBpZD0nYSc+PHN0b3Agc3RvcC1jb2xvcj0nIzY3MzVGRicgb2Zmc2V0PScwJScvPjxzdG9wIHN0b3AtY29sb3I9JyM2MjNFRkYnIG9mZnNldD0nMjMlJy8+PHN0b3Agc3RvcC1jb2xvcj0nIzU0NThGRicgb2Zmc2V0PSc2MSUnLz48c3RvcCBzdG9wLWNvbG9yPScjNDI3OUZGJyBvZmZzZXQ9JzEwMCUnLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnPjxwYXRoIGZpbGw9J3VybCgjYSknIGQ9J000LjU3NiAwIDAgNC4yOHYzLjY5bDEwLjAzNyA3Ljc1TDIwIDcuOTdWNC4yOEwxNS40MjQgMEg0LjU3NicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMCAxLjc0KScvPjxwYXRoIGZpbGw9JyM3REEzRkYnIG9wYWNpdHk9Jy41MycgZD0nbTAgNi4wMiA0LjU3Ni00LjI4aDEwLjg0OEwyMCA2LjAyeicvPjxwYXRoIGQ9J00xMC4wMzcgMTcuNDU5IDQuNTc2IDEuNzM5aDEwLjg0OHonIG9wYWNpdHk9Jy40JyBmaWxsPScjQThCN0ZGJy8+PHBhdGggZmlsbD0nI0YzRjZGRicgZD0nTTkuOTYzIDcuNjQzaDMuMzIxdjQuODcxSDguMjY2VjEwLjg5SDYuNjQyVjYuMDJIOC4zNFY0LjM5Nmg0Ljk0NVY2LjAySDguMjY2djQuODdoMy4zMlY5LjI2N0g5Ljg5eicvPjwvZz48L3N2Zz4=") 50% 50% no-repeat; background-size: contain; width: 24px; height: 18px; margin: 0 6px 0 -3px }

header [class^=btn-].btn-login { display: flex ; align-items: center; width: auto; margin-left: 12px; padding: 0 6px; border-radius: 6px; color: #525661; font-size: 15px; color: rgb(213, 215, 220); }
header [class^=btn-].btn-alam{margin-left: 12px;}
header [class^=btn-].btn-alam span, #serviceHeader .serviceUtil [class^=btn-].btn-alam span { display: block; position: relative; background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNSc+PHBhdGggZmlsbD0nI0Q1RDdEQycgZD0nTTkuNTM3IDIwLjUxYS43LjcgMCAxIDAtLjg3NCAxLjA5NGwuODc0LTEuMDk0Wm01LjggMS4wOTRhLjcuNyAwIDAgMC0uODc0LTEuMDk0bC44NzQgMS4wOTRaTTEyIDIxLjM0NmMtLjk1OCAwLTEuODItLjMyMi0yLjQ2My0uODM2bC0uODc0IDEuMDk0QTUuMzQgNS4zNCAwIDAgMCAxMiAyMi43NDZ2LTEuNFptMi40NjMtLjgzNmEzLjk0IDMuOTQgMCAwIDEtMi40NjMuODM1djEuNGE1LjM0IDUuMzQgMCAwIDAgMy4zMzctMS4xNDFsLS44NzQtMS4wOTRaTTQuNDE0IDE4LjA2di0uN2gtLjAxN2wuMDE3LjdabS0uNDA3LTEuMDQzLS41NzYtLjM5OS41NzYuMzk5Wm0xLjE3Ny0zLjY2LS43LS4wMDd2LjAwN2guN1pNNS4yMSAxMC45bC43LjAwN1YxMC45aC0uN1ptMTQuMzc4IDcuMTYuMDE3LS43aC0uMDE3di43Wm0uNDEyLTEuMDI1LjU4My0uMzg4LS41ODMuMzg4Wm0tMS4xMzMtMy42NzgtLjctLjAwN3YuMDA3aC43Wm0uMDI1LTIuMzQ3LjcuMDA3di0uMDA3aC0uN1pNNC41ODIgMTcuNDE2Yy42NTctLjk0OCAxLjMwMi0yLjM1MyAxLjMwMi00LjA1OWgtMS40YzAgMS4zNDktLjUxMSAyLjQ4LTEuMDUzIDMuMjYxbDEuMTUxLjc5OFptMS4zMDItNC4wNTIuMDI1LTIuNDU3LTEuNC0uMDE0LS4wMjUgMi40NTcgMS40LjAxNFptMTQuNjk4IDMuMjgzYy0uNTE5LS43OC0xLjAxNi0xLjkyMy0xLjAxNi0zLjI5aC0xLjRjMCAxLjcwOS42MiAzLjExNiAxLjI1IDQuMDY1bDEuMTY2LS43NzVabS0xLjAxNi0zLjI4Mi4wMjUtMi4zNDgtMS40LS4wMTQtLjAyNSAyLjM0NyAxLjQuMDE1Wm0uMDI1LTIuMzU1YzAtNC40OTYtMy4zNC04LjI1My03LjU5MS04LjI1M3YxLjRjMy4zNiAwIDYuMTkgMy4wMDYgNi4xOSA2Ljg1M2gxLjRabS0uMDIgNy43NWMuNjI4LjAxNS45OS0uNDY2IDEuMTI2LS44MTcuMTQtLjM2My4xNjctLjg3Mi0uMTE1LTEuMjk2bC0xLjE2Ni43NzVjLS4wMi0uMDI5LS4wMTctLjA0NC0uMDE2LS4wMzJhLjEzLjEzIDAgMCAxLS4wMDkuMDVjLS4wMDcuMDE4LS4wMDguMDA3LjAxOC0uMDE2YS4yNjIuMjYyIDAgMCAxIC4wNzUtLjA0My4zMTUuMzE1IDAgMCAxIC4xMi0uMDJsLS4wMzQgMS4zOTlaTTUuOTA4IDEwLjljMC0zLjc4NiAyLjc4Ni02Ljc0MyA2LjA5LTYuNzQzdi0xLjRjLTQuMTk1IDAtNy40OSAzLjcwOC03LjQ5IDguMTQzaDEuNFptLTEuNTEyIDYuNDZhLjMxNS4zMTUgMCAwIDEgLjEyMi4wMjJjLjAzNi4wMTQuMDYuMDMxLjA3NS4wNDQuMDI1LjAyMi4wMjMuMDMyLjAxNS4wMWEuMTQyLjE0MiAwIDAgMS0uMDA5LS4wNTNjMC0uMDE0LjAwMy4wMDItLjAxOC4wMzNsLTEuMTUtLjc5OGMtLjI5NS40MjUtLjI3MS45NDMtLjEzNCAxLjMxLjEzMi4zNTIuNDk0Ljg0NyAxLjEzMi44MzJsLS4wMzMtMS40Wm0xNS4xOSAwSDQuNDE0djEuNGgxNS4xNzN2LTEuNFonLz48L3N2Zz4=); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: 24px 24px !important; width: 40px; height: 40px; border-radius: 50%; font: 0 / 0 a; }
header [class^=btn-].btn-alam span { background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNSc+PHBhdGggZmlsbD0nI0Q1RDdEQycgZD0nTTkuNTM3IDIwLjUxYS43LjcgMCAxIDAtLjg3NCAxLjA5NGwuODc0LTEuMDk0Wm01LjggMS4wOTRhLjcuNyAwIDAgMC0uODc0LTEuMDk0bC44NzQgMS4wOTRaTTEyIDIxLjM0NmMtLjk1OCAwLTEuODItLjMyMi0yLjQ2My0uODM2bC0uODc0IDEuMDk0QTUuMzQgNS4zNCAwIDAgMCAxMiAyMi43NDZ2LTEuNFptMi40NjMtLjgzNmEzLjk0IDMuOTQgMCAwIDEtMi40NjMuODM1djEuNGE1LjM0IDUuMzQgMCAwIDAgMy4zMzctMS4xNDFsLS44NzQtMS4wOTRaTTQuNDE0IDE4LjA2di0uN2gtLjAxN2wuMDE3LjdabS0uNDA3LTEuMDQzLS41NzYtLjM5OS41NzYuMzk5Wm0xLjE3Ny0zLjY2LS43LS4wMDd2LjAwN2guN1pNNS4yMSAxMC45bC43LjAwN1YxMC45aC0uN1ptMTQuMzc4IDcuMTYuMDE3LS43aC0uMDE3di43Wm0uNDEyLTEuMDI1LjU4My0uMzg4LS41ODMuMzg4Wm0tMS4xMzMtMy42NzgtLjctLjAwN3YuMDA3aC43Wm0uMDI1LTIuMzQ3LjcuMDA3di0uMDA3aC0uN1pNNC41ODIgMTcuNDE2Yy42NTctLjk0OCAxLjMwMi0yLjM1MyAxLjMwMi00LjA1OWgtMS40YzAgMS4zNDktLjUxMSAyLjQ4LTEuMDUzIDMuMjYxbDEuMTUxLjc5OFptMS4zMDItNC4wNTIuMDI1LTIuNDU3LTEuNC0uMDE0LS4wMjUgMi40NTcgMS40LjAxNFptMTQuNjk4IDMuMjgzYy0uNTE5LS43OC0xLjAxNi0xLjkyMy0xLjAxNi0zLjI5aC0xLjRjMCAxLjcwOS42MiAzLjExNiAxLjI1IDQuMDY1bDEuMTY2LS43NzVabS0xLjAxNi0zLjI4Mi4wMjUtMi4zNDgtMS40LS4wMTQtLjAyNSAyLjM0NyAxLjQuMDE1Wm0uMDI1LTIuMzU1YzAtNC40OTYtMy4zNC04LjI1My03LjU5MS04LjI1M3YxLjRjMy4zNiAwIDYuMTkgMy4wMDYgNi4xOSA2Ljg1M2gxLjRabS0uMDIgNy43NWMuNjI4LjAxNS45OS0uNDY2IDEuMTI2LS44MTcuMTQtLjM2My4xNjctLjg3Mi0uMTE1LTEuMjk2bC0xLjE2Ni43NzVjLS4wMi0uMDI5LS4wMTctLjA0NC0uMDE2LS4wMzJhLjEzLjEzIDAgMCAxLS4wMDkuMDVjLS4wMDcuMDE4LS4wMDguMDA3LjAxOC0uMDE2YS4yNjIuMjYyIDAgMCAxIC4wNzUtLjA0My4zMTUuMzE1IDAgMCAxIC4xMi0uMDJsLS4wMzQgMS4zOTlaTTUuOTA4IDEwLjljMC0zLjc4NiAyLjc4Ni02Ljc0MyA2LjA5LTYuNzQzdi0xLjRjLTQuMTk1IDAtNy40OSAzLjcwOC03LjQ5IDguMTQzaDEuNFptLTEuNTEyIDYuNDZhLjMxNS4zMTUgMCAwIDEgLjEyMi4wMjJjLjAzNi4wMTQuMDYuMDMxLjA3NS4wNDQuMDI1LjAyMi4wMjMuMDMyLjAxNS4wMWEuMTQyLjE0MiAwIDAgMS0uMDA5LS4wNTNjMC0uMDE0LjAwMy4wMDItLjAxOC4wMzNsLTEuMTUtLjc5OGMtLjI5NS40MjUtLjI3MS45NDMtLjEzNCAxLjMxLjEzMi4zNTIuNDk0Ljg0NyAxLjEzMi44MzJsLS4wMzMtMS40Wm0xNS4xOSAwSDQuNDE0djEuNGgxNS4xNzN2LTEuNFonLz48L3N2Zz4=); }

header [class^=btn-].btn-search { display: none; background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNSc+PHBhdGggZmlsbD0nI0Q1RDdEQycgZD0nTTE2LjkyMyAxNi4wNmEuNy43IDAgMCAwLS45NzMgMS4wMDZsLjk3My0xLjAwN1ptMi44ODcgNC43NGEuNy43IDAgMSAwIC45NzQtMS4wMDZMMTkuODEgMjAuOFptLTMuODYtMy43MzQgMy44NiAzLjczNC45NzQtMS4wMDYtMy44Ni0zLjczNS0uOTc0IDEuMDA3WicvPjxwYXRoIHN0cm9rZT0nI0Q1RDdEQycgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2Utd2lkdGg9JzEuNCcgZD0nTTE4LjcwMyAxMS4yMDNhNy41IDcuNSAwIDEgMS0xNSAwIDcuNSA3LjUgMCAwIDEgMTUgMFonLz48L3N2Zz4=); background-position: 50% 50%; background-repeat: no-repeat; background-size: 24px 24px; width: 32px; height: 32px; }
header [class^=btn-].btn-search { display: block; background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNSc+PHBhdGggZmlsbD0nI0Q1RDdEQycgZD0nTTE2LjkyMyAxNi4wNmEuNy43IDAgMCAwLS45NzMgMS4wMDZsLjk3My0xLjAwN1ptMi44ODcgNC43NGEuNy43IDAgMSAwIC45NzQtMS4wMDZMMTkuODEgMjAuOFptLTMuODYtMy43MzQgMy44NiAzLjczNC45NzQtMS4wMDYtMy44Ni0zLjczNS0uOTc0IDEuMDA3WicvPjxwYXRoIHN0cm9rZT0nI0Q1RDdEQycgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2Utd2lkdGg9JzEuNCcgZD0nTTE4LjcwMyAxMS4yMDNhNy41IDcuNSAwIDEgMS0xNSAwIDcuNSA3LjUgMCAwIDEgMTUgMFonLz48L3N2Zz4=); width: 40px; height: 40px; font: 0 / 0 a; }

header .loginUserMenu{ position: absolute; top: 50px; right: 0; width: 270px; opacity: 0; z-index: 3002; transform: translate(0, 0); pointer-events: none; transition: transform 0.3s, opacity 0.15s;}
header .profileWrap.on .loginUserMenu,header .settingWrap.on .loginUserMenu{pointer-events: auto; opacity: 1;}
.loginUserMenu .UserMenu_wrap{ background: #fff; border: 1px solid rgba(117, 123, 138, 0.2); border-radius: 12px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); }
.loginUserMenu .loginUserInfo{ display: flex ; align-items: center; margin: 12px 0 8px; padding: 8px 20px; }
.loginUserMenu .loginUserInfo:hover{ background-color: rgba(145,150,161,0.1) } 
.loginUserMenu .loginUserInfo:active{ background-color: rgba(23,25,28,0.3) } 
.loginUserMenu .loginUserInfo a{ display: block; transition: background-color .3s }
.loginUserMenu .loginUserInfo a:nth-of-type(2){ width: 100% }
.loginUserMenu .loginUserInfo a .thumb{ display: block; overflow: hidden; width: 42px; height: 42px; border: 1px solid rgba(117,123,138,0.1); border-radius: 50% }
.loginUserMenu .loginUserInfo a .thumb img{ width: 100%; height: 100%; object-fit: cover }
.loginUserMenu .loginUserInfo a .nick_box{ margin-left: 12px } 
.loginUserMenu .loginUserInfo a .nick_box span{ display: block }
.loginUserMenu .loginUserInfo a .nick_box span.nick{ color: #17191C; font-size: 14px; font-weight: 600 } 
.loginUserMenu .loginUserInfo a .nick_box span.id{ padding-top: 3px; color: #757B8A; font-size: 13px}
.loginUserMenu .menuList_wrap{ border-top: 1px solid #E2E4E9; }
.loginUserMenu .menuList { margin: 0; padding: 8px 0; border-top: 1px solid #E2E4E9; }
.loginUserMenu .menuList_wrap .menuList:first-of-type { border-top: 0; }
.loginUserMenu .menuList li { display: flex ; align-items: center; min-height: 26px; line-height: 1.5; list-style: none; }
.loginUserMenu .menuList li a { display: flex ; align-items: center; position: relative; width: 100%; height: 39px; padding: 0 20px; word-break: break-all; word-wrap: break-word; transition: background-color .2s; color: #17191C; font-size: 14px; font-weight: 500; }
.loginUserMenu .menuList li a:before { content: ""; flex: 0 0 auto; width: 24px; height: 24px; margin-right: 12px; }
.loginUserMenu .menuList li a span{ color: inherit; font-size: inherit; font-weight: inherit; }
.loginUserMenu .menuList li a .memo { margin-left: 5px; color: var(--point-bg-color); }
.loginUserMenu .menuList li a:hover{ background-color: rgba(145, 150, 161, 0.1); }
.settingWrap .loginUserMenu .menuList_wrap{border-top:none}

.loginUserMenu .modeSet { border-top: 1px solid #E2E4E9; border-bottom: 0 !important; }
.loginUserMenu .modeSet{ overflow: hidden; padding: 8px 0; }
.loginUserMenu .modeSet .settings{ position: relative; height: 40px; padding: 0 20px } 
.loginUserMenu .modeSet .settings:hover{ background: rgba(145,150,161,0.1) } 
.loginUserMenu .modeSet .my_mode{ display: flex; align-items: center; height: 100%; color: #17191C; font-size: 14px; font-weight: 500; text-align: left } 
.loginUserMenu .modeSet label { position: absolute; top: 10px; right: 20px; background: #E2E4E9; width: 40px; height: 22px; border-radius: 16px; cursor: pointer } 
.loginUserMenu .modeSet label:before{ content: ""; position: absolute; top: 50%; left: 3px; background: #fff; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; transition: all 0.2s } 
.loginUserMenu .modeSet input { position: absolute; top: 0; left: -9999em; width: 0; height: 0; opacity: 0; visibility: hidden } 
.loginUserMenu .modeSet input:checked+label:before{ left: 100%; margin-left: -19px } 
.loginUserMenu .modeSet p{ display: none; height: 0; color: #666; font-size: 11px; opacity: 0; visibility: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease } 
.loginUserMenu .modeSet input:checked ~ p{ height: auto; margin-top: 4px; opacity: 1; visibility: visible }
html[dark=true] .loginUserMenu .modeSet label, body.thema_dark .loginUserMenu  .modeSet label { background:var(--point-bg-color); }

.loginUserMenu .modeSet .my_mode:before{ background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PGcgY2xpcC1wYXRoPSd1cmwoI2EpJz48cGF0aCBmaWxsPScjNTU1JyBkPSdtMTAuODI3IDMuNjA2LS42MzUtLjI5NC42MzUuMjk0Wm05LjYwNiA5LjIzNS0uMzE5LS42MjQuMzIuNjIzWm0uNzc0LjQ4Mi0uNjkzLS4xLjY5My4xWm0tMy45ODItLjQxMmE2LjM0NyA2LjM0NyAwIDAgMS02LjM0Ny02LjM0N2gtMS40YTcuNzQ3IDcuNzQ3IDAgMCAwIDcuNzQ3IDcuNzQ3di0xLjRabTIuODktLjY5NGE2LjMxNyA2LjMxNyAwIDAgMS0yLjg5LjY5NHYxLjRhNy43MTYgNy43MTYgMCAwIDAgMy41MjctLjg0OGwtLjYzOC0xLjI0NlptLjM5OSAxLjAwN0E4LjYwMiA4LjYwMiAwIDAgMSAxMiAyMC42VjIyYzUuMDQgMCA5LjIxLTMuNzI5IDkuOS04LjU3OWwtMS4zODYtLjE5N1pNMTIgMjAuNkE4LjYgOC42IDAgMCAxIDMuNCAxMkgyYzAgNS41MjMgNC40NzcgMTAgMTAgMTB2LTEuNFpNMy40IDEyYTguNjAzIDguNjAzIDAgMCAxIDcuMDQtOC40NmwtLjI1MS0xLjM3NkM1LjUzIDMuMDE2IDEuOTk5IDcuMDk1IDEuOTk5IDEyaDEuNDAxWm03LjQ3OC01LjQzNmMwLS45NTMuMjEtMS44NTUuNTg0LTIuNjY0bC0xLjI3LS41ODhhNy43MiA3LjcyIDAgMCAwLS43MTQgMy4yNTJoMS40Wk0xMC40NCAzLjU0YS4yNS4yNSAwIDAgMS0uMTQ4LS4wMjEuMjE3LjIxNyAwIDAgMS0uMDktLjA3Ni4xMzUuMTM1IDAgMCAxLS4wMTEtLjEzMmwxLjI3LjU4OGExLjI2NSAxLjI2NSAwIDAgMC0uMDg4LTEuMjIzIDEuMTU2IDEuMTU2IDAgMCAwLTEuMTg1LS41MTNsLjI1MiAxLjM3N1ptMTAuMzExIDkuOTIzYS4xMzUuMTM1IDAgMCAxLS4xMzMtLjAwNy4yMTYuMjE2IDAgMCAxLS4wNzgtLjA4Ny4yNS4yNSAwIDAgMS0uMDI3LS4xNDZsMS4zODYuMTk3YTEuMTU3IDEuMTU3IDAgMCAwLS41Ni0xLjE2NGMtLjM1LS4yMS0uODE1LS4yNS0xLjIyNi0uMDRsLjYzOCAxLjI0NlonLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSdhJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMCAwaDI0djI0SDB6Jy8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; content: ""; display: block; width: 24px; height: 24px; margin-top: 0px; margin-right: 12px } 
html[dark=true] .modeSet .my_mode:before, html[dark=true] .modeSet .my_mode:before { background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PGcgY2xpcC1wYXRoPSd1cmwoI2EpJz48cGF0aCBmaWxsPScjRDVEN0RDJyBkPSdtMTAuODI3IDMuNjA2LS42MzUtLjI5NC42MzUuMjk0Wm05LjYwNiA5LjIzNS0uMzE5LS42MjQuMzIuNjIzWm0uNzc0LjQ4Mi0uNjkzLS4xLjY5My4xWm0tMy45ODItLjQxMmE2LjM0NyA2LjM0NyAwIDAgMS02LjM0Ny02LjM0N2gtMS40YTcuNzQ3IDcuNzQ3IDAgMCAwIDcuNzQ3IDcuNzQ3di0xLjRabTIuODktLjY5NGE2LjMxNyA2LjMxNyAwIDAgMS0yLjg5LjY5NHYxLjRhNy43MTYgNy43MTYgMCAwIDAgMy41MjctLjg0OGwtLjYzOC0xLjI0NlptLjM5OSAxLjAwN0E4LjYwMiA4LjYwMiAwIDAgMSAxMiAyMC42VjIyYzUuMDQgMCA5LjIxLTMuNzI5IDkuOS04LjU3OWwtMS4zODYtLjE5N1pNMTIgMjAuNkE4LjYgOC42IDAgMCAxIDMuNCAxMkgyYzAgNS41MjMgNC40NzcgMTAgMTAgMTB2LTEuNFpNMy40IDEyYTguNjAzIDguNjAzIDAgMCAxIDcuMDQtOC40NmwtLjI1MS0xLjM3NkM1LjUzIDMuMDE2IDEuOTk5IDcuMDk1IDEuOTk5IDEyaDEuNDAxWm03LjQ3OC01LjQzNmMwLS45NTMuMjEtMS44NTUuNTg0LTIuNjY0bC0xLjI3LS41ODhhNy43MiA3LjcyIDAgMCAwLS43MTQgMy4yNTJoMS40Wk0xMC40NCAzLjU0YS4yNS4yNSAwIDAgMS0uMTQ4LS4wMjEuMjE3LjIxNyAwIDAgMS0uMDktLjA3Ni4xMzUuMTM1IDAgMCAxLS4wMTEtLjEzMmwxLjI3LjU4OGExLjI2NSAxLjI2NSAwIDAgMC0uMDg4LTEuMjIzIDEuMTU2IDEuMTU2IDAgMCAwLTEuMTg1LS41MTNsLjI1MiAxLjM3N1ptMTAuMzExIDkuOTIzYS4xMzUuMTM1IDAgMCAxLS4xMzMtLjAwNy4yMTYuMjE2IDAgMCAxLS4wNzgtLjA4Ny4yNS4yNSAwIDAgMS0uMDI3LS4xNDZsMS4zODYuMTk3YTEuMTU3IDEuMTU3IDAgMCAwLS41Ni0xLjE2NGMtLjM1LS4yMS0uODE1LS4yNS0xLjIyNi0uMDRsLjYzOCAxLjI0NlonLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSdhJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMCAwaDI0djI0SDB6Jy8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }

.loginUserMenu .menuList li a.my_message:before { background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjNTU1JyBzdHJva2Utd2lkdGg9JzEuNCcgZD0nTTE3LjQ1NSAxMy4xNzVWNC44YTEuNSAxLjUgMCAwIDAtMS41LTEuNWgtNy45MWExLjUgMS41IDAgMCAwLTEuNSAxLjV2OC44NzInLz48cGF0aCBzdHJva2U9JyM1NTUnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNMTcuMDA5IDMuNzU0IDQuOTE0IDE1LjM5NGExLjUgMS41IDAgMCAwLS4wMiAyLjE0MmwyLjgxNiAyLjgxNmExLjUgMS41IDAgMCAwIDIuMTIyIDBsNy43MzQtNy43MzQnLz48cGF0aCBzdHJva2U9JyM1NTUnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNNy4wOTEgMy43NTQgMTguOTU0IDE0Ljc0YTIgMiAwIDAgMSAuMDU2IDIuODgxbC0yLjUyIDIuNTJhMS41IDEuNSAwIDAgMS0yLjAyMS4wOTJsLTEuODEtMS41MDctLjI3MS0uMjE5Jy8+PC9zdmc+); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }
html[dark=true] .loginUserMenu .menuList li a.my_message:before, body.thema_dark .loginUserMenu .menuList li a.my_message:before{ background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjRDVEN0RDJyBzdHJva2Utd2lkdGg9JzEuNCcgZD0nTTE3LjQ1NSAxMy4xNzVWNC44YTEuNSAxLjUgMCAwIDAtMS41LTEuNWgtNy45MWExLjUgMS41IDAgMCAwLTEuNSAxLjV2OC44NzInLz48cGF0aCBzdHJva2U9JyNENUQ3REMnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNMTcuMDA5IDMuNzU0IDQuOTE0IDE1LjM5NGExLjUgMS41IDAgMCAwLS4wMiAyLjE0MmwyLjgxNiAyLjgxNmExLjUgMS41IDAgMCAwIDIuMTIyIDBsNy43MzQtNy43MzQnLz48cGF0aCBzdHJva2U9JyNENUQ3REMnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNNy4wOTEgMy43NTQgMTguOTU0IDE0Ljc0YTIgMiAwIDAgMSAuMDU2IDIuODgxbC0yLjUyIDIuNTJhMS41IDEuNSAwIDAgMS0yLjAyMS4wOTJsLTEuODEtMS41MDctLjI3MS0uMjE5Jy8+PC9zdmc+); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }

.loginUserMenu .menuList li a.my_bene:before{ background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHJlY3Qgd2lkdGg9JzE4LjYnIGhlaWdodD0nMTQuNicgeD0nMi43JyB5PSc0LjcnIHN0cm9rZT0nIzUyNTY2MScgc3Ryb2tlLXdpZHRoPScxLjQnIHJ4PSc1LjMnLz48cGF0aCBzdHJva2U9JyM1MjU2NjEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScxLjQnIGQ9J00xMS4zMTggMTQuNSA5LjY3IDkuOTY2YS41NjcuNTY3IDAgMCAwLTEuMDY3IDBMNi45NTUgMTQuNU0xMy4yMjcgMTQuNVY5LjU5aDEuNjM2YzEuMDkxIDAgMi4xODIuODIgMi4xODIgMi40NTUgMCAxLjYzNy0xLjA5IDIuNDU1LTIuMTgyIDIuNDU1aC0xLjYzNlpNNy41IDEzLjExOGgzLjI3MycvPjwvc3ZnPg==); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }
html[dark=true] .loginUserMenu .menuList li a.my_bene:before, body.thema_dark .loginUserMenu .menuList li a.my_ad:before { background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHJlY3Qgd2lkdGg9JzE4LjYnIGhlaWdodD0nMTQuNicgeD0nMi43JyB5PSc0LjcnIHN0cm9rZT0nI0Q1RDdEQycgc3Ryb2tlLXdpZHRoPScxLjQnIHJ4PSc1LjMnLz48cGF0aCBzdHJva2U9JyNENUQ3REMnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScxLjQnIGQ9J00xMS4zMTggMTQuNSA5LjY3IDkuOTY2YS41NjcuNTY3IDAgMCAwLTEuMDY3IDBMNi45NTUgMTQuNU0xMy4yMjcgMTQuNVY5LjU5aDEuNjM2YzEuMDkxIDAgMi4xODIuODIgMi4xODIgMi40NTUgMCAxLjYzNy0xLjA5IDIuNDU1LTIuMTgyIDIuNDU1aC0xLjYzNlpNNy41IDEzLjExOGgzLjI3MycvPjwvc3ZnPg==); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }

.loginUserMenu .menuList li a.userLogout:before{ background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjNTI1NjYxJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNMTUuMyAzLjdINi43YTMgMyAwIDAgMC0zIDN2MTAuNmEzIDMgMCAwIDAgMyAzaDguNk0xNy41NDMgMTQuNzU2IDIwLjI5OSAxMmwtMi43NTYtMi43NTZNMTIgMTJoNy4yNScvPjwvc3ZnPg==); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }
html[dark=true] .loginUserMenu .menuList li a.userLogout:before, body.thema_dark .loginUserMenu .menuList li a.userLogout:before{ background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjRDVEN0RDJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNMTUuMyAzLjdINi43YTMgMyAwIDAgMC0zIDN2MTAuNmEzIDMgMCAwIDAgMyAzaDguNk0xNy41NDMgMTQuNzU2IDIwLjI5OSAxMmwtMi43NTYtMi43NTZNMTIgMTJoNy4yNScvPjwvc3ZnPg==); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }

.loginUserMenu .menuList li a.my_info:before{ background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nIzUyNTY2MScgZD0nTTE5LjYgMjAuM2EuNy43IDAgMSAwIDEuNCAwaC0xLjRaTTMgMjAuM2EuNy43IDAgMSAwIDEuNCAwSDNabTExLjkwMy03Ljg1OWEuNy43IDAgMCAwLS40MiAxLjMzNmwuNDItMS4zMzZabS01LjM4NyAxLjMzNmEuNy43IDAgMCAwLS40Mi0xLjMzNmwuNDIgMS4zMzZaTTIxIDIwLjNjMC0zLjY4Mi0yLjU4NS02Ljc1Ni02LjA5Ny03Ljg1OWwtLjQyIDEuMzM2YzMuMDEzLjk0NiA1LjExNyAzLjUzNyA1LjExNyA2LjUyM0gyMVpNOS4wOTcgMTIuNDQxQzUuNTg1IDEzLjU0NCAzIDE2LjYxOCAzIDIwLjNoMS40YzAtMi45ODYgMi4xMDQtNS41NzcgNS4xMTYtNi41MjNsLS40Mi0xLjMzNlonLz48Y2lyY2xlIGN4PScxMicgY3k9JzguNicgcj0nNC45JyBzdHJva2U9JyM1MjU2NjEnIHN0cm9rZS13aWR0aD0nMS40Jy8+PC9zdmc+); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }
html[dark=true] .loginUserMenu .menuList li a.my_info:before,body.thema_dark .loginUserMenu .menuList li a.my_info:before{background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nI0Q1RDdEQycgZD0nTTE5LjYgMjAuM2EuNy43IDAgMSAwIDEuNCAwaC0xLjRaTTMgMjAuM2EuNy43IDAgMSAwIDEuNCAwSDNabTExLjkwMy03Ljg1OWEuNy43IDAgMCAwLS40MiAxLjMzNmwuNDItMS4zMzZabS01LjM4NyAxLjMzNmEuNy43IDAgMCAwLS40Mi0xLjMzNmwuNDIgMS4zMzZaTTIxIDIwLjNjMC0zLjY4Mi0yLjU4NS02Ljc1Ni02LjA5Ny03Ljg1OWwtLjQyIDEuMzM2YzMuMDEzLjk0NiA1LjExNyAzLjUzNyA1LjExNyA2LjUyM0gyMVpNOS4wOTcgMTIuNDQxQzUuNTg1IDEzLjU0NCAzIDE2LjYxOCAzIDIwLjNoMS40YzAtMi45ODYgMi4xMDQtNS41NzcgNS4xMTYtNi41MjNsLS40Mi0xLjMzNlonLz48Y2lyY2xlIGN4PScxMicgY3k9JzguNicgcj0nNC45JyBzdHJva2U9JyNENUQ3REMnIHN0cm9rZS13aWR0aD0nMS40Jy8+PC9zdmc+)}

.loginUserMenu .menuList li a.my_shopping:before { background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjNTI1NjYxJyBzdHJva2Utd2lkdGg9JzEuNCcgZD0nbTguMTM2IDE0LjcwOC0xLjYyLTcuNTYyaDEyLjI5MmExLjUgMS41IDAgMCAxIDEuNDI2IDEuOTY3TDE4LjM1IDE0Ljg2YTEuNSAxLjUgMCAwIDEtMS40MjUgMS4wMzNIOS42MDNhMS41IDEuNSAwIDAgMS0xLjQ2Ny0xLjE4NlonLz48cGF0aCBmaWxsPScjNTI1NjYxJyBkPSdNMTYuNCAyMWExLjYgMS42IDAgMSAwIDAtMy4yIDEuNiAxLjYgMCAwIDAgMCAzLjJaTTEwLjIzNSAyMWExLjYgMS42IDAgMSAwIDAtMy4yIDEuNiAxLjYgMCAwIDAgMCAzLjJaTTIuNzE5IDIuOTk2YS43LjcgMCAxIDAgMCAxLjR2LTEuNFpNNS44NjMgNC4wOWwtLjY4NC4xNDguNjg0LS4xNDhaTTcuMzIgNy41MDhsLS43NzItMy41NjYtMS4zNjkuMjk2Ljc3MyAzLjU2NiAxLjM2OC0uMjk2Wk01LjM3NSAyLjk5NkgyLjcxOXYxLjRoMi42NTZ2LTEuNFptMS4xNzMuOTQ2YTEuMiAxLjIgMCAwIDAtMS4xNzMtLjk0NnYxLjRhLjIuMiAwIDAgMS0uMTk2LS4xNThsMS4zNjktLjI5NlonLz48L3N2Zz4=); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }
html[dark=true] .loginUserMenu .menuList li a.my_shopping:before,body.thema_dark .loginUserMenu .menuList li a.my_shopping:before{background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjRDVEN0RDJyBzdHJva2Utd2lkdGg9JzEuNCcgZD0nbTguMTM2IDE0LjcwOC0xLjYyLTcuNTYyaDEyLjI5MmExLjUgMS41IDAgMCAxIDEuNDI2IDEuOTY3TDE4LjM1IDE0Ljg2YTEuNSAxLjUgMCAwIDEtMS40MjUgMS4wMzNIOS42MDNhMS41IDEuNSAwIDAgMS0xLjQ2Ny0xLjE4NlonLz48cGF0aCBmaWxsPScjRDVEN0RDJyBkPSdNMTYuNCAyMWExLjYgMS42IDAgMSAwIDAtMy4yIDEuNiAxLjYgMCAwIDAgMCAzLjJaTTEwLjIzNSAyMWExLjYgMS42IDAgMSAwIDAtMy4yIDEuNiAxLjYgMCAwIDAgMCAzLjJaTTIuNzE5IDIuOTk2YS43LjcgMCAxIDAgMCAxLjR2LTEuNFpNNS44NjMgNC4wOWwtLjY4NC4xNDguNjg0LS4xNDhaTTcuMzIgNy41MDhsLS43NzItMy41NjYtMS4zNjkuMjk2Ljc3MyAzLjU2NiAxLjM2OC0uMjk2Wk01LjM3NSAyLjk5NkgyLjcxOXYxLjRoMi42NTZ2LTEuNFptMS4xNzMuOTQ2YTEuMiAxLjIgMCAwIDAtMS4xNzMtLjk0NnYxLjRhLjIuMiAwIDAgMS0uMTk2LS4xNThsMS4zNjktLjI5NlonLz48L3N2Zz4=)}

.loginUserMenu .menuList li a.my_point:before{ background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PGcgc3Ryb2tlPScjNTI1NjYxJyBjbGlwLXBhdGg9J3VybCgjYSknPjxwYXRoIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNMTIgMjEuM2E5LjMgOS4zIDAgMSAxIDAtMTguNiA5LjMgOS4zIDAgMCAxIDAgMTguNlonLz48cGF0aCBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS44JyBkPSdNMTAuMDkgMTUuNDMxVjguOW0uMDczIDBoMi40OThjMS4xNTUgMCAyLjA5Mi45MzcgMi4wOTIgMi4wOTN2MGEyLjA5MyAyLjA5MyAwIDAgMS0yLjA5MiAyLjA5MmgtMi40OTgnLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSdhJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMiAyaDIwdjIwSDJ6Jy8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }
html[dark=true] .loginUserMenu .menuList li a.my_point:before,body.thema_dark .loginUserMenu .menuList li a.my_point:before{background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PGcgc3Ryb2tlPScjRDVEN0RDJyBjbGlwLXBhdGg9J3VybCgjYSknPjxwYXRoIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNMTIgMjEuM2E5LjMgOS4zIDAgMSAxIDAtMTguNiA5LjMgOS4zIDAgMCAxIDAgMTguNlonLz48cGF0aCBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS44JyBkPSdNMTAuMDkgMTUuNDMxVjguOW0uMDczIDBoMi40OThjMS4xNTUgMCAyLjA5Mi45MzcgMi4wOTIgMi4wOTN2MGEyLjA5MyAyLjA5MyAwIDAgMS0yLjA5MiAyLjA5MmgtMi40OTgnLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSdhJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMiAyaDIwdjIwSDJ6Jy8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)}

.loginUserMenu .menuList li a.my_gd:before{ background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjNTI1NjYxJyBzdHJva2Utd2lkdGg9JzEuNCcgZD0nTTE3Ljc4MSAxNC44OTdjMi44OCAwIDMuNTE5LTIuMTE2IDMuNTE5LTMuOCAwLTEuNjg0LS43MzYtMy44LTMuNTE5LTMuOCcvPjxwYXRoIHN0cm9rZT0nIzUyNTY2MScgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScxLjQnIGQ9J00yLjcgNi42ODhhMyAzIDAgMCAxIDMtM2g5LjAwM2EzIDMgMCAwIDEgMyAzdjYuNjRhNyA3IDAgMCAxLTcgN0g5LjdhNyA3IDAgMCAxLTctN3YtNi42NFonLz48cGF0aCBmaWxsPScjNTI1NjYxJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIHN0cm9rZT0nIzUyNTY2MScgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScuNicgZD0nTTEyLjM2IDEyLjM0MmEuMjQ2LjI0NiAwIDAgMC0uMDcyLjIybC4zNzggMi4xODVhLjI1Mi4yNTIgMCAwIDEtLjM2Ni4yNjNsLTEuOTgtMS4wMzFhLjI1Ny4yNTcgMCAwIDAtLjIzNiAwbC0xLjk4IDEuMDNhLjI1Mi4yNTIgMCAwIDEtLjM2Ny0uMjYybC4zNzgtMi4xODRhLjI0Ny4yNDcgMCAwIDAtLjA3Mi0uMjJMNi40NCAxMC43OTVhLjI0OS4yNDkgMCAwIDEgLjE0LS40MjZsMi4yMTUtLjMyYS4yNTEuMjUxIDAgMCAwIC4xOS0uMTM1bC45OS0xLjk4N2EuMjU0LjI1NCAwIDAgMSAuNDUzIDBsLjk5IDEuOTg3YS4yNTMuMjUzIDAgMCAwIC4xOS4xMzZsMi4yMTYuMzE5Yy4yMDcuMDMuMjg5LjI4MS4xMzkuNDI2bC0xLjYwNCAxLjU0NlonIGNsaXAtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==) ; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }
html[dark=true] .loginUserMenu .menuList li a.my_gd:before,body.thema_dark .loginUserMenu .menuList li a.my_gd:before{background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjRDVEN0RDJyBzdHJva2Utd2lkdGg9JzEuNCcgZD0nTTE3Ljc4MSAxNC44OTdjMi44OCAwIDMuNTE5LTIuMTE2IDMuNTE5LTMuOCAwLTEuNjg0LS43MzYtMy44LTMuNTE5LTMuOCcvPjxwYXRoIHN0cm9rZT0nI0Q1RDdEQycgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScxLjQnIGQ9J00yLjcgNi42ODhhMyAzIDAgMCAxIDMtM2g5LjAwM2EzIDMgMCAwIDEgMyAzdjYuNjRhNyA3IDAgMCAxLTcgN0g5LjdhNyA3IDAgMCAxLTctN3YtNi42NFonLz48cGF0aCBmaWxsPScjRDVEN0RDJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIHN0cm9rZT0nI0Q1RDdEQycgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScuNicgZD0nTTEyLjM2IDEyLjM0MmEuMjQ2LjI0NiAwIDAgMC0uMDcyLjIybC4zNzggMi4xODVhLjI1Mi4yNTIgMCAwIDEtLjM2Ni4yNjNsLTEuOTgtMS4wMzFhLjI1Ny4yNTcgMCAwIDAtLjIzNiAwbC0xLjk4IDEuMDNhLjI1Mi4yNTIgMCAwIDEtLjM2Ny0uMjYybC4zNzgtMi4xODRhLjI0Ny4yNDcgMCAwIDAtLjA3Mi0uMjJMNi40NCAxMC43OTVhLjI0OS4yNDkgMCAwIDEgLjE0LS40MjZsMi4yMTUtLjMyYS4yNTEuMjUxIDAgMCAwIC4xOS0uMTM1bC45OS0xLjk4N2EuMjU0LjI1NCAwIDAgMSAuNDUzIDBsLjk5IDEuOTg3YS4yNTMuMjUzIDAgMCAwIC4xOS4xMzZsMi4yMTYuMzE5Yy4yMDcuMDMuMjg5LjI4MS4xMzkuNDI2bC0xLjYwNCAxLjU0NlonIGNsaXAtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==)}

.loginUserMenu .menuList  li a.my_sotong:before { background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjNTI1NjYxJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNMi43IDQuN2gxNy42TTIuNyAxMS4zaDcuNDg4TTIuNyAxNy45aDQuNzM4Jy8+PHBhdGggc3Ryb2tlPScjNTI1NjYxJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNMTMuNzgyIDE5LjJhLjUuNSAwIDAgMS0uMzU0LjE0N2gtMi4yMDdhLjUuNSAwIDAgMS0uNS0uNXYtMi4yMDhhLjUuNSAwIDAgMSAuMTQ2LS4zNTNsNy40My03LjQzYS41LjUgMCAwIDEgLjcwOCAwbDIuMjA3IDIuMjA3YS41LjUgMCAwIDEgMCAuNzA3bC03LjQzIDcuNDNaTTE2LjY1IDEwLjUwMmwyLjkxNiAyLjkxNScvPjwvc3ZnPg==); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }
html[dark=true] .loginUserMenu .menuList  li a.my_sotong:before,body.thema_dark .loginUserMenu .menuList li a.my_sotong:before{background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjRDVEN0RDJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNMi43IDQuN2gxNy42TTIuNyAxMS4zaDcuNDg4TTIuNyAxNy45aDQuNzM4Jy8+PHBhdGggc3Ryb2tlPScjRDVEN0RDJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNMTMuNzgyIDE5LjJhLjUuNSAwIDAgMS0uMzU0LjE0N2gtMi4yMDdhLjUuNSAwIDAgMS0uNS0uNXYtMi4yMDhhLjUuNSAwIDAgMSAuMTQ2LS4zNTNsNy40My03LjQzYS41LjUgMCAwIDEgLjcwOCAwbDIuMjA3IDIuMjA3YS41LjUgMCAwIDEgMCAuNzA3bC03LjQzIDcuNDNaTTE2LjY1IDEwLjUwMmwyLjkxNiAyLjkxNScvPjwvc3ZnPg==);}

.loginUserMenu .menuList  li a.my_custom:before { background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjNTI1NjYxJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNNS43IDE1Ljk2OVY5QTYuMyA2LjMgMCAwIDEgMTIgMi43djBBNi4zIDYuMyAwIDAgMSAxOC4zIDl2Ni45NjlNNS41NTMgMTUuODIydjBBMi44NTMgMi44NTMgMCAwIDEgMi43IDEyLjk2OXYtLjI5NGEyLjg1MyAyLjg1MyAwIDAgMSAyLjg1My0yLjg1M3YwTTE4LjQ0NyAxNS44MjJ2MGEyLjg1MyAyLjg1MyAwIDAgMCAyLjg1My0yLjg1M3YtLjI5NGEyLjg1MyAyLjg1MyAwIDAgMC0yLjg1My0yLjg1M3YwTTExLjY3NSAxOC44NDR2MGMwIC42NTYuNTMyIDEuMTg3IDEuMTg4IDEuMTg3aDMuMjVjMS4yMDggMCAyLjE4Ny0uOTggMi4xODctMi4xODd2MCcvPjwvc3ZnPg==); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }
html[dark=true] .loginUserMenu .menuList li .my_custom:before,body.thema_dark .loginUserMenu .menuList li .my_custom:before{ background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggc3Ryb2tlPScjRDVEN0RDJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS40JyBkPSdNNS43IDE1Ljk2OVY5QTYuMyA2LjMgMCAwIDEgMTIgMi43djBBNi4zIDYuMyAwIDAgMSAxOC4zIDl2Ni45NjlNNS41NTMgMTUuODIydjBBMi44NTMgMi44NTMgMCAwIDEgMi43IDEyLjk2OXYtLjI5NGEyLjg1MyAyLjg1MyAwIDAgMSAyLjg1My0yLjg1M3YwTTE4LjQ0NyAxNS44MjJ2MGEyLjg1MyAyLjg1MyAwIDAgMCAyLjg1My0yLjg1M3YtLjI5NGEyLjg1MyAyLjg1MyAwIDAgMC0yLjg1My0yLjg1M3YwTTExLjY3NSAxOC44NDR2MGMwIC42NTYuNTMyIDEuMTg3IDEuMTg4IDEuMTg3aDMuMjVjMS4yMDggMCAyLjE4Ny0uOTggMi4xODctMi4xODd2MCcvPjwvc3ZnPg==); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; }

/* 검색 */

header .hd_sch_wr{ margin-left: 0; margin-top: 5rem;padding: 0; position: fixed; top: 0; left: 50%; z-index: 1050; opacity: 0; background-color: transparent;pointer-events: none; transform:translate(-50%,0); transition: transform 0.3s, opacity 0.15s; }
header .hd_sch_wr.show{opacity: 1;transform: translate(-50%, 50%);pointer-events: auto;;}
/*SweetAlert2 CSS 수정*/
body.swal2-shown.swal2-height-auto { padding-right: 0 !important; }
.swal2-height-auto-modal { border-radius: 15px; background-color: #f9f9f9; padding: 30px; }                      /* 전체 박스 */ 
.swal2-title { font-size: 20px; color: #333; font-weight: bold; }                                    /* 제목 */ 
.swal2-text { font-size: 16px; color: #666; }                                                        /* 내용 */ 
.swal2-button { background-color: #1e90ff; color: white; font-weight: bold; border-radius: 8px; }    /* 확인 버튼 */ 
.swal2-button:hover { background-color: #0d73d6; }                                                   /* 호버 시 버튼 색상 */
.mask-seche { position: fixed; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1040; background: rgba(31, 45, 61, 0.3); }
fieldset#hd_sch { overflow: hidden; background: #fff; padding: 5px; border-radius: 5px; }
#hd_sch input#sch_stx { background: none; width: 100%; float: none;color: #454545; }
#popular{ width: 100%; min-height: 150px; padding: 1.5rem; background: white; margin: auto; border-radius: 0.375rem; position: relative; transition: opacity 0.3s; transition-delay: 0.21s; }
#popular:before { background: #FFF; box-shadow: none; content: ''; display: block; height: 16px; width: 16px; left: 20px; position: absolute; bottom: 100%; transform: rotate(-45deg) translateY(1rem); z-index: -5; border-radius: .2rem; }


/* card */
h4, h5, h6, .h4, .h5, .h6 { font-weight: 600; }
.card{position: relative; display: flex ; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #FFF; background-clip: border-box; border: 1px solid #EFF2F7; border-radius: 0.375rem;}
.card-header { padding: 1rem 1.5rem; margin-bottom: 0; background-color: transparent; border-bottom: 1px solid #EFF2F7; } 
.card-header:first-child { border-radius: calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0; } .card-footer { padding: 1rem 1.5rem; background-color: transparent; border-top: 1px solid #EFF2F7; } .card-footer:last-child { border-radius: 0 0 calc(0.375rem - 1px) calc(0.375rem - 1px); } 
.card-header-tabs { margin-right: -0.75rem; margin-bottom: -1rem; margin-left: -0.75rem; border-bottom: 0; } 
.card-header-pills { margin-right: -0.75rem; margin-left: -0.75rem; }
.d-flex { display: flex !important ; }
.justify-content-between { justify-content: space-between !important; }
.align-items-center { align-items: center !important;  gap: 30px;    justify-content: space-between;}
.dropup,.dropright,.dropdown,.dropleft{position:relative}
.dropdown-toggle{white-space:nowrap}
.dropdown-toggle::after{display:inline-block;margin-left:10.2px;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:'Font Awesome 5 Pro','Font Awesome 5 Free';font-weight:700;content:"\f107"}
.dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:12rem;padding:0.35rem 0;margin:0.125rem 0 0;font-size:0.875rem;color:#8492A6;text-align:left;list-style:none;background-color:#FFF;background-clip:padding-box;border:1px solid rgba(31,45,61,0.1);border-radius:0.25rem;box-shadow:none}
.dropdown-menu-left{right:auto;left:0}
.dropdown-menu-right{right:0;left:auto}
@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}
.dropdown-menu-sm-right{right:0;left:auto}
}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}
.dropdown-menu-md-right{right:0;left:auto}
}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}
.dropdown-menu-lg-right{right:0;left:auto}
}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}
.dropdown-menu-xl-right{right:0;left:auto}
}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:0.125rem}
.dropup .dropdown-toggle::after{display:inline-block;margin-left:10.2px;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:'Font Awesome 5 Pro','Font Awesome 5 Free';font-weight:700;content:"\f106"}
.dropup .dropdown-toggle:empty::after{margin-left:0}
.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:0.125rem}
.dropright .dropdown-toggle::after{display:inline-block;margin-left:10.2px;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:'Font Awesome 5 Pro','Font Awesome 5 Free';font-weight:700;content:"\f105"}
.dropright .dropdown-toggle:empty::after{margin-left:0}
.dropright .dropdown-toggle::after{vertical-align:0}
.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:0.125rem}
.dropleft .dropdown-toggle::after{display:inline-block;margin-left:10.2px;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:'Font Awesome 5 Pro','Font Awesome 5 Free';font-weight:700}
.dropleft .dropdown-toggle::after{display:none}
.dropleft .dropdown-toggle::before{font-family:'Font Awesome 5 Pro','Font Awesome 5 Free';font-weight:700;display:inline-block;margin-right:10.2px;content:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 256 512' width='12px' height='12px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238492A6' d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E");content:"\f104"}
.dropleft .dropdown-toggle:empty::after{margin-left:0}
.dropleft .dropdown-toggle::before{vertical-align:0}
.dropdown-menu[x-placement^="top"],.dropdown-menu[x-placement^="right"],.dropdown-menu[x-placement^="bottom"],.dropdown-menu[x-placement^="left"]{right:auto;bottom:auto}
.dropdown-divider{height:0;margin:0.5rem 0;overflow:hidden;border-top:1px solid #EFF2F7}
.dropdown-item{display:block;width:100%;padding:0.25rem 1rem;clear:both;font-weight:400;color:#8492A6;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}
.dropdown-item:hover,.dropdown-item:focus{color:#6e00ff;text-decoration:none;background-color:transparent}
.dropdown-item.active,.dropdown-item:active{color:#6e00ff;text-decoration:none;background-color:transparent}
.dropdown-item.disabled,.dropdown-item:disabled{color:#C0CCDA;pointer-events:none;background-color:transparent}
.dropdown-menu.show{display:block}
.dropdown-header{display:block;padding:0.35rem 1rem;margin-bottom:0;font-size:0.875rem;color:#C0CCDA;white-space:nowrap}
.dropdown-item-text{display:block;padding:0.25rem 1rem;color:#8492A6}

.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:0.25rem}
.list-group-item-action{width:100%;color:#8492A6;text-align:inherit}
.list-group-item-action:hover,.list-group-item-action:focus{z-index:1;color:#8492A6;text-decoration:none;background-color:#FAFBFE}
.list-group-item-action:active{color:#8492A6;background-color:#EFF2F7}
.list-group-item{position:relative;display:block;padding:.5rem .8rem;background-color:#FFF;border:1px solid #EFF2F7}
.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}
.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}
.list-group-item.disabled,.list-group-item:disabled{color:#C0CCDA;pointer-events:none;background-color:#FFF}
.list-group-item.active{z-index:2;color:#FFF;background-color:#6300e6;border-color:#6300e6}
.list-group-item + .list-group-item{border-top-width:0}
.list-group-item + .list-group-item.active{margin-top:-1px;border-top-width:1px}

.text-center { text-align: center !important; }
.h6 { font-size: 14px; }
h6{font-size: 18px;}
small.float-right.text-muted { min-width: 50px; display: inline-block; font-size: 12px; }
.empty_li { text-align: center; min-height: 150px; vertical-align: middle; display: flex ; justify-content: center; align-items: center; }


/*팝업 로그인 */
.layer_login{width:500px;position:fixed;top:50%;left:50%;transform: translate(-50%, -100%);;background:#FFFFFF;border-radius:10px;z-index:10000;border:3px solid var(--point-bg-color);    transition: transform 0.3s, opacity 0.15s;transform: translate(-50%, -120%);pointer-events:none;opacity: 0;}
.layer_login.on{opacity: 1; transform: translate(-50%, -100%); pointer-events: auto;}
.login_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(31, 45, 61, 0.3);z-index:10000;pointer-events:none;opacity: 0;transition: transform 0.3s, opacity 0.15s;}
.login_bg.on{opacity: 1;  pointer-events: auto;}
@media(max-width:767px){
    .layer_login{width:400px;margin:-250px 0px 0px -200px}
    section {  flex-direction: column; }
    section aside,section .content{width:100%}
}
.layer_logins{box-shadow:30px 30px 70px rgba(0,0,0,0.2);border-radius:10px}
.layer_login h2{color:var(--point-bg-color);font-size:20px;font-weight:400;text-align:center;padding:30px 0px 20px 25px}
.layer_login a{color:#46485c;text-decoration:none}
.layer_login .user,.layer_login .pw{background-color:#f3f3f3;width:90%;border-radius:4px;margin:5px auto}
.layer_login .user:hover,.layer_login .pw:hover{}
.layer_login input[type="text"],.layer_login input[type="password"]{width:90%;padding:20px 0px;background:transparent;border:0;outline:none;color:#222;margin:0 auto;text-indent:20px;font-weight:bold}
.layer_login input[type=checkbox]{display:none}
.layer_login input[type="submit"]{background:var(--point-bg-color);border:0;height:50px;border-radius:3px;color:var(--point-font-color);font-weight:bold;padding:0px 25px;cursor:pointer;width:100%;font-size: 20px;}
.layer_login input[type="submit"]:hover{}
.layer_login .forgot{margin-top:10px;display:block;font-size:13px;text-align:left;font-weight:bold;color:#b5b5b5;padding:0 0 7px 25px}
.layer_login .bt_div{width:90%;margin:0 auto}
.layer_login .forgot a{padding:0 !important}
.layer_login::-webkit-input-placeholder{color:#777;font-weight:bold}
.layer_login .remember{padding:20px 0px;font-size:12px;margin-left:25px;line-height:15px;display:inline-block;width:40%;float:left}
.layer_login .remember2{padding:20px 0px;font-size:12px;margin-right:25px;line-height:15px;display:inline-block;width:40%;float:right;text-align:right}
.layer_login .forgot h4{font-size:16px;font-weight:normal;margin-bottom:5px}
.layer_login .forgot a{color:#777}
.layer_login .close{width:32px;height:32px;display:block;border:0;position:absolute;top:20px;right:20px;padding:0px;cursor:pointer}
.layer_login .close:after{content:'';display:block;position:absolute;width:3px;height:16px;transform:rotate(45deg);background:#ccc;margin:-8px 0px 0px 14px}
.layer_login .close:before{content:'';display:block;position:absolute;width:3px;height:16px;transform:rotate(-45deg);background:#ccc;margin:-8px 0px 0px 14px}
.layer_login .close:hover:before,.layer_login .close:hover:after{background:#777;transition:all 0.2s linear}
.layer_login #SignIn{border:2px solid white;background:transparent;padding:10px 35px;margin:-21px 0px 0px -57px;color:white;border-radius:20px;cursor:pointer;position:absolute;top:50%;left:50%;outline:none}
@keyframes bounceInDown{
    0%{opacity:0;transform:translateY(-2000px)}
    60%{opacity:1;transform:translateY(30px)}
    80%{transform:translateY(-10px)}
    100%{transform:translateY(0)}
}


/*세팅박스*/
.seting_box{position:fixed;top:50%;opacity:0; left:50%; transform:translate(-50%,-50%);min-width:500px; background:#fff;overflow:hidden; border-radius:10px;z-index: 991;;padding: 10px; box-sizing: border-box;pointer-events: none;}
.seting_box.on{opacity:1;pointer-events: auto;}
.seting_box h3{font-size: 16px; border-bottom: 1px solid #ededed; padding-bottom: 8px;}
.seting_box dl { display: flex ; }
.seting_box dl dt{width: 30%; text-align: center; padding: 10px 0; font-size: 14px;}
.seting_box dl dd{width: 70%; display: flex ; padding: 10px 0; flex-direction: column; align-items: flex-start;}
.seting_box dl dd input[type="text"]{display: block; width: 100%; padding: 5px;; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #8492A6; background-color: #FFF; background-clip: padding-box; border: 1px solid #E0E6ED; border-radius: 0.25rem; box-shadow: inset 0 1px 1px rgba(31, 45, 61, 0.075); transition: all 0.2s ease;}
.seting_box .btn_box{padding-top: 20px; display: flex ; justify-content: center; align-items: center;border-top: 1px solid #ddd;}
.seting_box .btn_box button{padding: 0.5rem 1.25rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem; border: 0; color:var(--point-font-color); background:var(--point-bg-color)}
.mask_bg{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.3); z-index: 990; opacity: 0; transition: opacity 0.3s ease; pointer-events: none;}
.mask_bg.on{opacity:1;pointer-events: auto;}
.seting_box dl dd .wd-100{width:100px}
.seting_box dl dd .wd-200{width:200px}
.seting_box input[type=checkbox] { height: 0; width: 0; visibility: hidden; display: none; } 
.seting_box label { cursor: pointer; text-indent: -9999px; width: 40px; height: 22px; background: grey; display: block; border-radius: 100px; position: relative; } 
.seting_box label:after { content: ''; position: absolute; top: 1px; left: 1px; width: 20px; height: 20px; background: #fff; border-radius: 24px; transition: 0.3s; } 
.seting_box input:checked + label { background: var(--point-bg-color); } 
.seting_box input:checked + label:after { left: calc(100% - 1px); transform: translateX(-100%); }
/*배너*/
.banner_setting {position: absolute; border: 1px solid #ddd; z-index: 9; color: #0a0a0a; font-size: 14px; padding: 1px 10px; border-radius: 6px; line-height: 20px; background: #ffffff; top: 10px; right: 10px;cursor: pointer; }


.mb{display:none}
.banner img{width: 100%;}

/*최신글*/
.details span.cn{color: var(--point-font-color);}
.details span::after { content: ""; display: inline-block; background: #757B8A; width: 2px; height: 2px; margin: 0 5px; border-radius: 50%; vertical-align: 4px; }
.details span.up::before { content: ""; display: inline-block; background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNCAxMic+PHBhdGggZmlsbD0nIzk5OScgZD0nbTcuMDIzLjAxLjAzLjAwM0ExLjc0NiAxLjc0NiAwIDAgMSA4LjYyNiAxLjc0djEuNzU0aDIuNjc5Yy45OSAwIDEuNzQzLjg2NCAxLjYwOSAxLjgxOGwtLjAxOC4xMDMtLjk2IDQuNjUyQTIuNDQgMi40NCAwIDAgMSA5LjUzNyAxMkg2LjEwNWMtLjE1NyAwLS4zMTItLjAyLS40NjItLjA2bC0xLjI3OS0uMzQzYTEuMDczIDEuMDczIDAgMCAxLS41Ny0uMzc3Ljk4Ny45ODcgMCAwIDEtLjQ3My4xMmgtLjczNmMtLjkxOCAwLTEuNjU2LS43Ny0xLjY1Ni0xLjcxM3YtMy4yOWMwLS45NDMuNzM4LTEuNzEzIDEuNjU2LTEuNzEzaC43MzZjLjExNyAwIC4yMjkuMDIuMzMzLjA1NmwxLjU1OS0zLjYyQTEuNzY1IDEuNzY1IDAgMCAxIDcuMDIzLjAxek01LjkyIDEuMzYzIDQuMzQgNS4wMzFsLjAwMSA1LjU0MWMwIC4xMTEuMDY2LjIxMi4xNjguMjZsLjA1My4wMiAxLjI4LjM0M2MuMDg1LjAyMy4xNzMuMDM0LjI2Mi4wMzRoMy40MzFjLjggMCAxLjQ4OC0uNTUyIDEuNjQ2LTEuMzE3bC45Ni00LjY1M2MuMTA1LS41MTItLjI5Ny0uOTk0LS44MzctLjk5NGgtMi43MmEuNzI2LjcyNiAwIDAgMS0uNzMtLjcyNHYtMS44QS45NzYuOTc2IDAgMCAwIDYuOTcyLjc4bC0uMDMtLjAwNGEuOTk1Ljk5NSAwIDAgMC0xLjAyMS41ODd6bS0yLjYgNC4wMzFoLS43MzZjLS40ODUgMC0uODg1LjQxOC0uODg1Ljk0MnYzLjI5MWMwIC41MjQuNC45NDIuODg1Ljk0MmguNzM2Yy4xMzUgMCAuMjUtLjEyMS4yNS0uMjc4VjUuNjczYzAtLjE1OC0uMTE1LS4yNzktLjI1LS4yNzl6Jy8+PC9zdmc+) 50% 50% no-repeat; background-size: 100% 100%; width: 14px; height: 12px; margin-right: 3px; vertical-align: -1px; }
.details span.view:before { content: ""; display: inline-block; background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNic+PGcgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48cGF0aCBkPSdNMCAwaDE2djE2SDB6Jy8+PHBhdGggZmlsbD0nIzhjOGM4YycgZD0nTTcuNTA4IDJjNC4yNSAwIDcuMDYgNC40NzcgNy4xNzcgNC42NjguNDY1Ljc1Mi40NDggMS45Mi0uMDM3IDIuNjYtLjExNi4xNzgtMi45IDQuMzUzLTcuMTQgNC4zNTNTLjQ4NSA5LjUwNi4zNjggOS4zMjhjLS40ODYtLjc0LS41MDItMS45MDktLjAzOC0yLjY2Qy40NDcgNi40NzcgMy4yNTggMiA3LjUwOCAyem0wIDEuMTY3Yy0zLjU2NSAwLTYuMTA3IDQuMDU1LTYuMTMyIDQuMDk2LS4yMzUuMzgtLjIyNSAxLjA2OC4wMiAxLjQ0Mi4wMjYuMDM4IDIuNTQ5IDMuODA3IDYuMTEyIDMuODA3IDMuNTc3IDAgNi4wODctMy43NjkgNi4xMTItMy44MDcuMjQ1LS4zNzQuMjU1LTEuMDYuMDItMS40NDItLjAyNS0uMDQtMi41NzgtNC4wOTYtNi4xMzItNC4wOTZ6bTAgMS45NDdjMS41NjUgMCAyLjgzNyAxLjIyMyAyLjgzNyAyLjcyNyAwIDEuNTAzLTEuMjcyIDIuNzI2LTIuODM3IDIuNzI2LTEuNTY1IDAtMi44MzctMS4yMjMtMi44MzctMi43MjYgMC0xLjUwNCAxLjI3Mi0yLjcyNyAyLjgzNy0yLjcyN3ptMCAxLjE2OGMtLjg5NCAwLTEuNjIxLjY5OS0xLjYyMSAxLjU1OSAwIC44NTkuNzI3IDEuNTU4IDEuNjIgMS41NTguODk1IDAgMS42MjMtLjcgMS42MjMtMS41NTggMC0uODYtLjcyOC0xLjU2LTEuNjIyLTEuNTZ6Jy8+PC9nPjwvc3ZnPg==) 50% 50% no-repeat;background-size: 100% 100%; width: 12px; height: 12px; margin-right: 3px; vertical-align: -2px;}
.details span:last-of-type::after { display: none }
.h6.text-sm.mb-0 { display: flex ; align-items: center;color: #17191C; }
.flex-fill.ml-3 { display: flex ; gap: 7px; flex-direction: column; }
/* 다크모드 
html[dark=true] , body.thema_dark 두가지요소로인해 스타일 수정합니다.
*/
html[dark=true]  .loginUserMenu .UserMenu_wrap, body.thema_dark .loginUserMenu .UserMenu_wrap{background: #1C1E22; border-color: rgba(117, 123, 138, 0.3);}
html[dark=true]  .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick{ color: #E2E4E9; }
html[dark=true]  .loginUserMenu .menuList li a, body.thema_dark  .loginUserMenu .menuList li a,html[dark=true] .loginUserMenu  .modeSet .my_mode,body.thema_dark .loginUserMenu  .modeSet .my_mode{color: #E2E4E9;}
html[dark=true]  .loginUserMenu .menuList, body.thema_dark .loginUserMenu .menuList,html[dark=true] .loginUserMenu  .modeSet,html[dark=true]  .loginUserMenu .menuList_wrap{ border-color: #2F3137; }
html[dark=true]  .loginUserMenu .menuList li a:hover, body.thema_dark .loginUserMenu .menuList li a:hover{ background-color: rgba(246, 246, 249, 0.1); }
html[dark=true]  .card,html[dark=true] #sortable-list > ul > li, html[dark=true] #sortable-side > ul > li{background-color:#1C1E22;color:#fff;border-color: #232529;}
html[dark=true]  a{color:#D5D7DC;}
html[dark=true] *{border-color: #232529;}
/* 다크모드 끝*/
@media (max-width: 960px) { 
#sortable-list ul{width:50% !important}
}
@media screen and (max-height: 620px) { 
    header .loginUserMenu { bottom: 10px; height: calc(100vh - 70px); } 
    .loginUserMenu .UserMenu_wrap{height:100%}
    .loginUserMenu .menuList_wrap { overflow: auto; height: calc(100% - 78px); overscroll-behavior: contain; overscroll-behavior-y: contain; }
}



@media (max-width: 480px) { 
#sortable-list ul{width:100% !important}
.mb{display:block}
.pc{display:none}
}