[v-cloak] {  display: none;}




:root {
    --main: #000000;
    --main-sub: #1d0411;

    
    
    --logo-text: #e7b32e;
    --logo-text2: #eb5f5f;
    
    --sidemenu-bg0: #1d0411;
    --sidemenu-bg1: #3c0923;
    --sidemenu-shadow: #260519;

    --menu-bg: 0, 0, 0;
    --menu-border: #986a1f;
    --menu-line: #986a1f;
    --menu-text: #ffffff;
    --menu-text-active: #f1cc2a;

    --scroll-bar: #676c78;
	--btn-info: #33477e;
    --btn-partner: #354785;
    --btn-login: #e42626;
    --btn-logout: #4d4d4d;

    --myinfo0: #3b5394;
    --myinfo1: #000000;
    --myinfo-sub: #ffffff;
    --myinfo-border: #000000;

    --text-white: #ffffff;
    --text-black: #000000;
    --text-color: #ffffff;

    --a-active: #ffc428;

    --marquee_text: #e6e9f1;

    --banner-bg: url("../../Images/bohol/banner_bg_b.png");

    --toggle-center-color: rgba(255, 255, 255, 0.5);
    --toggle-text-color: #b3b3b3;
    --toggle-text-hover-color: #ffc402;
    --toggle-text-active-color: #ffffff;
    --toggle-text-shadow: 2px;
    --toggle-en-text-active:  #ffc402;
    --toggle-panel-bg: rgba(255, 255, 255, 0.1);
    --toggle-panel-active-bg: rgb(188 111 29 / 50%);
    --toggle-panel-before: rgba(255, 255, 255, 0.75);
    --toggle-panel-border: rgba(255, 255, 255, 0.25);
    --toggle-mobile-btn-bg: rgba(99, 19, 31, 0.808);

    --provider-bg: 100, 0, 0;
	--provider-bg-nosevice: 10, 0, 0;


    --board-bg: #1c0000;
    --board-border: #680306;
    --board-header-bg: #4d0000;
    --realtime-hd: #3d0202;
    --realtime-sel-bg: #1c0000;
    --realtime-amount: #c8d215;
    --board-border-bottom: #6e7445;
    --board-btn-more: #ba3e3d;
    --board-btn-more-border: #ba3e3d;

    --footer-bg: #450909;    
    --footer-bg-img: url("../../Images/bohol/footer-bg_b.png");


    --modal-bg: #29090e;
    --modal-title-bg0: #d0a846;
    --modal-title-bg1: #fbe18a;
    --modal-title-icon: #090207;
    --modal-title-text: #090207;
    --modal-btn-close: #ffffff;
    --modal-btn-close-hover: #ffc428;
    

    --form-input-bg: #0e0e0e;
    --form-input-border: #222224;
    --form-input-text: #ffffff;
    --form-label-text: #aeaeae;
    --input-readonly :#a0afbe;

    --modal-header-bg: linear-gradient(#170104, #170104, #170104);
    --modal-menu-text: #d7d7d5;
    --modal-menu-bg: #29090e;
    --modal-comment-text: #cecccd;
    --modal-sidebar-bg: #170104;

    --bs-table-color: #cccacb;
    --bs-table-background-color: #611521;
    --bs-table-border: #2a0a0f;
    --bs-table-td-bg: rgb(255 235 180);
    --message-content-border: #3a3a3a;
    --pagination-bg: #543437;
    --modal-list-bg: #611521;

      
    --icon-deposit: url("../../Images/bohol/deposit_b.png");
    --icon-deposit-on: url("../../Images/bohol/deposit_on_b.png");
    --icon-withdraw: url("../../Images/bohol/withdraw_b.png");
    --icon-withdraw-on: url("../../Images/bohol/withdraw_on_b.png");
    --icon-event: url("../../Images/bohol/event_b.png");
    --icon-event-on: url("../../Images/bohol/event_on_b.png");
    --icon-notice: url("../../Images/bohol/notice_b.png");
    --icon-notice-on: url("../../Images/bohol/notice_on_b.png");
    --icon-faq: url("../../Images/bohol/faq_b.png");
    --icon-faq-on: url("../../Images/bohol/faq_on_b.png");
    --icon-mypage: url("../../Images/bohol/mypage_b.png");
    --icon-mypage-on: url("../../Images/bohol/mypage_on_b.png");
    --icon-inout: url("../../Images/bohol/inout_b.png");
    --icon-inout-on: url("../../Images/bohol/inout_on_b.png");

    




    
    --footer: #242528;
    --bgColor00: #353c4a;
    --bgColor01: #0e5b44;
    --bgColor01-op: #0e5b44f7;
    --bgColor02-op: #10684cf7;
    --bgColor03-gs: #5b5005;
    --bgColor03-ge: #cabe62;
    --bgColor04: #186e34;
    --bgColor04-gs: #186e34;
    --bgColor04-ge: #051812;
    --bgColor04-h: #a5cb2d;
    --bgColor04-gs-h: #a5cb2d;
    --bgColor04-ge-h: #114e3b;
    --bgColor05-gs: #114f3c;
    --bgColor05-ge: #a8cd2d;
    --bgColor06: #0f543e;
    --bgColor08: #28755b;
    --bgColor010: #f7f7f7;
    --bgColor011: #578d7c;
    --bgColor012-op: #000000b3;
    --bgColor012-op-h: #000000cc;
    --bgColor013-op: #000000b3;
    --bgColor014: #000000;
    --bgColor015: #100c0c;
    --bgColor015-h: #2a2a2a;
    --bgColor016: #36b88f;
    --bgColor017: #ffffff;
    --bgColor018: #fef26b;
    --bgColor018-gs: #fef26b;
    --bgColor018-gm: #e0aa4f;
    --bgColor018-ge: #ffe89c;
    --bgColor019-gs: #efefef;
    --bgColor019-ge: #ffffff;
    --bgColor020: #fef26b;
    --bgColor021: #27292e;
    --bgColor022: #f5f5f5;
    --bgColor023: #f5f5f5;
    --bgColor024: #ffffff80;
    --bgColor025: #0e543d;
    --bgColor025-g01: #0e543d;
    --bgColor025-g02: #1ac18c;
    --bgColor025-g03: #126e51;
    --bgColor025-g04: #1ac18c;
    --bgColor025-g05: #0e543d;
    --bgColor026: #2c2d33;
    --bgColor026-g01: #2c2d33;
    --bgColor026-g02: #9ea0a8;
    --bgColor026-g03: #2c2d33;
    --bgColor026-g04: #2c2d33;
    --bgColor026-g05: #2c2d33;
    --bgColor026-g06: #9ea0a8;
    --bgColor026-g07: #2c2d33;
    --bgColor027: #dc0f0f;
    --bgColor028: #3555c0;
    --bgColor028-gs: #3555c0;
    --bgColor028-ge: #5875d7;
    --bgColor029: #ba1818;
    --bgColor029-gs: #ba1818;
    --bgColor029-ge: #e63c3c;
    --bgColor030: #0a7c47;
    --bgColor030-gs: #0a7c47;
    --bgColor030-ge: #17945a;
    --bgColor031: #4765cb;
    --bgColor032: #d52e2e;
    --bgColor033: #ececec;
    --bgColor034: #73747d;
    --bgColor034-h: #66676d;
    --bgColor035: #56575e;
    --bgColor035-h: #47484e;
    --bgColor036: #eaeaea;
    --bgColor037: #8b8b8b;
    --bgColor038: #1c9764;
    --bgColor039: #000000b3;
    --bgColor040: #0a6f4c;
    --bgColor041: #d6e8e7;
    --bgColor042: #e6e6e6;
    --bgColor043: #eff1f6;
    --bgColor044: #f8f8f8;
    --bgColor045: #bfbfbf;
    --bgColor046: #272729;
    --bgColor047: #363638;
    --bgColor048-gs: #dddddd;
    --bgColor048-ge: #e8e8e8;
    --bgColor049: #39b596;
    --bgColor050: #ffe678;
    --bgColor051: #f7d119;
    --bgColor052: #cfd4e3;
    --bgColor053: #dde1eb;
    --bgColor054: #5a5a64;
    --bgColor055: #eaeaeacc;
    --bgColor056: #616060;
    --bgColor057: #f8f5e6;
    --bgColor058: #f9d219;
    --bgColor059: #2c2e34;
    --bgColor060-gs: #3fb129;
    --bgColor060-ge: #84e63c;
    --bgColor061: #ffe418;
    --bgColor062: #c3c3c3;
    --bgColor062-gs: #c3c3c3;
    --bgColor062-ge: #d5d5d5;
    --bgColor063: #ebebeb;
    --bgColor064: #b4b4ba;
    --bgColor065: #a1a1aa;
    --bgColor066: #5673d6;
    --bgColor067: #56ced6;
    --bgColor068: #fffae2;
    --bgColor069: #18a070;
    --bgColor070: #f4f4f4;
    --bgColor071: #427d8c;
    --bgColor072: #91cad9;
    --bgColor073: #f0f0f8;
    --bgColor074-gs: #f0f0f8;
    --bgColor074-ge: #ffffff;
    --bgColor075: #f2d09b;
    --bgColor076-g01: #f2d09b;
    --bgColor076-g02: #dbb897;
    --bgColor076-g03: #ecc9a8;
    --bgColor077: #ffeed3;
    --bgColor078-g01: #ffeed3;
    --bgColor078-g02: #dbb897;
    --bgColor078-g03: #c9aa8d;
    --bgColor079-g01: #ffffff;
    --bgColor079-g02: #f0f0f8;
    --bgColor079-g03: #ffffff;
    --bgColor080-g01: #ffffff;
    --bgColor080-g02: #e3e3f0;
    --bgColor080-g03: #ffffff;
    --bgColor081-gs: #f2d09b;
    --bgColor081-ge: #dbb897;
    --bgColor082: #dbc9b9;
    --bgColor083: #a5cb2d;
    --bgColor084: #ffffffd9;
    --bgColor085: #dbb997;
    --bgColor086: #d9b491;
    --bgColor086-g01: #d9b49100;
    --bgColor086-g02: #d9b491;
    --bgColor086-g03: #d9b49100;
    --bgColor087: #e63333;
    --bgColor088: #1b2234;
    --bgColor088-op: #1b2234e6;
    --bdColor089: #2d3345;
    --bdColor090: #2e3547;
    --bdColor091: #d7af8a;
    --bgColor092: #ffffff;
    --bgColor093: #c99463;
    --bgColor094: #2e3547;
    --bgColor095: #d7af8a;
    --bgColor096: #0d0d0d;
    --bgColor097: #f8f9f9;
    --bgColor098: #e0cfbe;
    --bgColor099-gs: #f4dd40;
    --bgColor099-ge: #e7a21c;
    --bgColor100-g01: #ffeed3;
    --bgColor100-g02: #ffffff;
    --bgColor100-g03: #dbb897;
    --bgColor100-g04: #c9aa8d;
    --bgColor101: #cb9a6c;
    --bgColor102-gs: #fde164;
    --bgColor102-ge: #f0ab17;
    --bgColor103-gs: #b0ff70;
    --bgColor103-ge: #6bcb25;
    --bgColor104-gs: #70ffb7;
    --bgColor104-ge: #2b8b5a;
    --bgColor105-gs: #70d8ff;
    --bgColor105-ge: #25a2cb;
    --bgColor106-gs: #ff7070;
    --bgColor106-ge: #cb2525;
    --bgColor107-gs: #787878;
    --bgColor107-ge: #3d3d3d;
    --bgColor108-gs: #ffb770;
    --bgColor108-ge: #d35900;
    --bgColor109-gs: #d270ff;
    --bgColor109-ge: #7725cb;
    --bgColor110-g01: #ffffff;
    --bgColor110-g02: #ffffff45;
    --bgColor110-g03-1: #6bcb25;
    --bgColor110-g03-2: #2b8c5a;
    --bgColor110-g03-3: #f0ac19;
    --bgColor110-g03-4: #25a2cb;
    --bgColor110-g03-5: #cb2525;
    --bgColor110-g03-6: #3d3d3d;
    --bgColor110-g03-7: #d35900;
    --bgColor110-g03-8: #7725cb;
    --bgColor111: #eaeaead9;
    --bgColor112: #cdd2dc;
    --bgColor113: #4c5771;
    --bgColor114: #e21818;
    --bgColor115: #f4f4f4cc;
    --bgColor116: #2e3546;
    --bgColor117: #f3f3f3;
    --bgColor118: #fbf2ea;
    --bgColor119: #2c3343;
    --bgColor120: #eac595;
    --bgColor121: #353c4a;
    --bgColor122: #f2f2f2;
    --bgColor123: #fbf9f7;
    --bgColor124: #999999;
    --bgColor125: #c1976f;
    --bgColor126: #f04156;
    --bgColor127: #f9f9fc;
    --bgColor128: #e5e5e5;
    --bgColor129: #c5c5c5;
    --bgColor130: #f8f5f0;
    --bgColor131: #333333;
    --bgColor132: #d5d5d5;
    --bgColor133: #283442b3;
    --bgColor134: #ffe0e0;
    --txtColor01: #bac8c3;
    --txtColor01-h: #ffffff;
    --txtColor02: #ffffff;
    --txtColor03: #ecbc50;
    --txtColor04: #cacaca;
    --txtColor05: #c9d8c2;
    --txtColor06: #939393;
    --txtColor06-h: #a4a4a4;
    --txtColor07: #bbbcc2;
    --txtColor08: #777777;
    --txtColor08-h: #bbbcc2;
    --txtColor09: #168663;
    --txtColor010: #666666;
    --txtColor011: #1d1d1d;
    --txtColor012: #28755b;
    --txtColor013: #2f3137;
    --txtColor14-op: #ffffffb3;
    --txtColor14-op-h: #ffffffd9;
    --txtColor15: #b7ce71;
    --txtColor16: #c9d8c2;
    --txtColor17: #000000;
    --txtColor18: #a5a5a5;
    --txtColor19: #5e5e5e;
    --txtColor20: #494c54;
    --txtColor21: #face1f;
    --txtColor22: #161616;
    --txtColor23: #0f9e48;
    --txtColor24: #7c9a1f;
    --txtColor25: #ffe418;
    --txtColor26: #18a071;
    --txtColor26-h: #18a071;
    --txtColor27: #d0d0d1;
    --txtColor28: #272729;
    --txtColor29: #389566;
    --txtColor30: #161616;
    --txtColor31: #d11722;
    --txtColor32: #d93e44;
    --txtColor33: #a1b02c;
    --txtColor34: #848484;
    --txtColor35: #a5a6a6;
    --txtColor36: #b6b6b6;
    --txtColor37: #166c51;
    --txtColor38: #616469;
    --txtColor39: #5875d7;
    --txtColor40: #f3454b;
    --txtColor41: #ed1b23;
    --txtColor42: #047ced;
    --txtColor43: #4f6dc3;
    --txtColor44: #39b596;
    --txtColor45: #f9d219;
    --txtColor46: #7e7f86;
    --txtColor47: #a6a7ad;
    --txtColor48: #111111;
    --txtColor49: #e61919;
    --txtColor50: #176c51;
    --txtColor51: #cfcfcf;
    --txtColor52: #a1aac5;
    --txtColor53: #4d4d4d;
    --txtColor54: #969696;
    --txtColor55: #b4b4ba;
    --txtColor55-h: #8a8a9a;
    --txtColor56: #5573d5;
    --txtColor57: #56ced6;
    --txtColor58: #e63c3c;
    --txtColor59: #6bd656;
    --txtColor60: #acafbb;
    --txtColor61: #f1549e;
    --txtColor62: #787878;
    --txtColor63: #7a7a7a;
    --txtColor64: #fab419;
    --txtColor65: #dbb997;
    --txtColor65-h: #cca986;
    --txtColor66: #6a7391;
    --txtColor66-h: #565e7c;
    --txtColor67: #152350;
    --txtColor68: #535c7b;
    --txtColor69: #dc3636;
    --txtColor70: #d9b491;
    --txtColor71: #cececd;
    --txtColor72: #c9aa8d;
    --txtColor73: #dbb897;
    --txtColor74: #5a3200;
    --txtColor74-h: #7f4906;
    --txtColor75: #d7af8a;
    --txtColor76: #d5aa83;
    --txtColor77: #b4b4b4;
    --txtColor78: #c99463;
    --txtColor78-h: #ac7849;
    --txtColor79: #8ac7d7;
    --txtColor80: #457f8e;
    --txtColor81: #757575;
    --txtColor82: #1fc05c;
    --txtColor83: #c6a586;
    --txtColor84: #e21818;
    --txtColor85: #2d3345;
    --txtColor86: #e42626;
    --txtColor87: #101010;
    --txtColor88: #28303f;
    --txtColor89: #6d6fad;
    --txtColor90: #bfbfbf;
    --txtColor91: #0599f3;
    --txtColor92: #c1c1c1;
    --txtColor93: #999999;
    --txtColor94: #b27b46;
    --txtColor95: #333333;
    --txtColor96: #555a6a;
    --txtColor97: #f04156;
    --txtColor98: #646464;
    --txtColor99: #c1976f;
    --txtColor100: #4b5577;
    --txtColor101: #56cc43;
    --txtColor102: #aa713c;
    --txtColor103: #bbbbbb;
    --txtColor104: #0aad94;
    --txtColor105: #5a5a5a;
    --txtColor106: #cb0720;
    --txtColor107: #4b5470;
    --txtColor108: #cc9a6c;
    --txtColor109: #5c99b0;
    --txtColor110: #ea2a2a;
    --txtColor111: #dc9628;
    --txtColor112: #ff2358;
    --txtColor113: #7e7e7e;
    --txtColor114: #ed2736;
    --txtColor115: #d9b491;
    --btnColor01: #7e9c21;
    --btnColor01-h: #8bab2a;
    --btnColor02-gs: #0f4535;
    --btnColor02-ge: #164e3f;
    --btnColor02-gs-h: #064e38;
    --btnColor02-ge-h: #016143;
    --btnColor03: #80b2e9;
    --btnColor03-gs: #80b2e9;
    --btnColor03-gm: #172fa1;
    --btnColor03-ge: #80b2e9;
    --btnColor04: #4c65df;
    --btnColor04-gs: #4c65df;
    --btnColor04-ge: #0621a6;
    --btnColor04-h: #415ff1;
    --btnColor04-gs-h: #415ff1;
    --btnColor04-ge-h: #031982;
    --btnColor05: #e01921;
    --btnColor06: #d91820;
    --btnColor06-gs: #d91820;
    --btnColor06-ge: #7d1015;
    --btnColor06-h: #d91820;
    --btnColor06-gs-h: #c7121a;
    --btnColor06-ge-h: #4c0609;
    --btnColor07: #8bab28;
    --btnColor07-h: #85a526;
    --btnColor08: #f7f7f7;
    --btnColor08-h: #e6e6e6;
    --btnColor09: #f9d219;
    --btnColor09-h: #ffdc33;
    --btnColor010: #44550d;
    --btnColor010-gs: #44550d;
    --btnColor010-ge: #add239;
    --btnColor011: #7e9c21;
    --btnColor012: #18a071;
    --btnColor012-h: #139769;
    --btnColor013: #313238;
    --btnColor014: #73747d;
    --btnColor014-h: #56575e;
    --btnColor015: #d93e44;
    --btnColor015-h: #f7484f;
    --btnColor016: #4f6dc3;
    --btnColor016-h: #4261b8;
    --btnColor017: #56575e;
    --btnColor017-h: #4d4e54;
    --btnColor018: #38383f;
    --btnColor018-h: #2f2f36;
    --btnColor019: #e63c3c;
    --btnColor020: #e6e6e6;
    --btnColor021: #6bd656;
    --btnColor022: #8cab29;
    --btnColor022-h: #a6ca2d;
    --btnColor023: #18a070;
    --btnColor023-h: #139769;
    --btnColor024: #e42626;
    --btnColor024-h: #d31818;
    --btnColor025: #8ac7d7;
    --btnColor025-h: #64b1c5;
    --btnColor026-h: #d9b491;
    --btnColor027: #367586;
    --btnColor027-h: #348596;
    --btnColor028: #d9b491;
    --btnColor028-h: #caa17b;
    --btnColor029: #296c7e;
    --btnColor029-h: #367687;
    --btnColor030: #7dc0d2;
    --btnColor030-h: #367687;
    --btnColor031: #b4b4b4;
    --btnColor032: #e7e7e7;
    --btnColor032-h: #e7e7e7;
    --btnColor033: #555a6a;
    --btnColor033-h: #464a5a;
    --btnColor034: #4c9eb4;
    --btnColor034-h: #4292a8;
    --btnColor035: #f3f3f9;
    --btnColor035-h: #eaeafa;
    --btnColor036: #01aa90;
    --btnColor036-h: #01967f;
    --btnColor037: #999999;
    --btnColor037-h: #797878;
    --btnColor038: #ce9560;
    --btnColor038-h: #c5864b;
    --btnColor039: #eaeafa;
    --btnColor039-h: #d6d6f1;
    --outline01: #746c2f;
    --outline02: #77bba6;
    --bdColor03: #cacaca;
    --bdColor04: #111111;
    --bdColor05: #50a58a;
    --bdColor06: #1a1a1a;
    --bdColor06-h: #100c0c;
    --bdColor07: #9bcc22;
    --bdColor08: #166c51;
    --bdColor09: #161619;
    --bdColor010: #b3b5ba;
    --bdColor011: #686a6d;
    --bdColor012: #c3c3c3;
    --bdColor013: #dddddd;
    --bdColor014: #d6d6d6;
    --bdColor015: #dc0f0f;
    --bdColor016: #c6c6c6;
    --bdColor017: #e8ecf8;
    --bdColor018: #616469;
    --bdColor020: #292b30;
    --bdColor021: #1c8463;
    --bdColor022: #5a9784;
    --bdColor023: #666666;
    --bdColor024: #b7b7b7;
    --bdColor025: #161616;
    --bdColor026: #dcb419;
    --bdColor027: #176c51;
    --bdColor028: #c1c6d5;
    --bdColor029: #18a071;
    --bdColor030: #bbbbbb;
    --bdColor031: #4c4c4c;
    --bdColor032: #cfd4e3;
    --bdColor033: #2c2e34;
    --bdColor034: #000000;
    --bdColor035: #acaeb4;
    --bdColor036: #637625;
    --bdColor037: #2d9261;
    --bdColor038: #d7daf1;
    --bdColor039: #f4f4f4;
    --bdColor040: #c6a586;
    --bdColor041: #e7e7e7;
    --bdColor042: #e6e6e6;
    --bdColor043: #6a7391;
    --bdColor044: #d9b491;
    --bdColor045: #b4b4b4;
    --bdColor046: #c99463;
    --bdColor047: #b4b9e6;
    --bdColor048: #c8c8c8;
    --bdColor049: #2d3345;
    --bdColor050: #d7af8a;
    --bdColor051: #e4e4e4;
    --bdColor052: #969696;
    --bdColor053: #4b5568;
    --bdColor054: #2e3546;
    --bdColor055: #ada198;
    --bdColor056: #f8d894;
    --bdColor057: #353c4a;
    --bdColor058: #ffffff;
    --bdColor059: #e7e7e7;
    --bdColor060: #b6b6b6;
    --bdColor061: #aa713c;
    --bdColor062: #e5e5e5;
    --bdColor063: #b27b46;
    --bdColor064: #4b5577;
    --bdColor065: #916740;
    --bdColor066: #f04156;
    --bdColor067: #f9f9fc;
    --bdColor068: #646464;
    --bdColor069: #d5aa83;
    --bdColor070: #ff6388;
    --bdColor071: #eaff00;
    --shadow01: #0000004d;
    --shadow02: #1d3a9e;
    --shadow03: #8e0b0b;
    --shadow04: #014224;
    --shadow05: #a7a7a7;
    --shadow06: #04040480;
    --shadow07: #cbced8;
    --shadow08: #a7b5cc;
    --shadow09: #987556;
    --yellow: #eaff00;
}


/*@font-face { 
    font-family: "BagelFatOne";
    src: url("../fonts/BagelFatOne-Regular.ttf") format("truetype");
    font-weight: normal;
} */

@font-face { 
    font-family: "BlackHanSans";
    src: url("../fonts/BlackHanSans-Regular.ttf") format("truetype");
    font-weight: normal;
} 


@font-face { 
    font-family: "NotoSansKr-Bold";
    src: url("../fonts/NotoSansKR-Bold.otf") format("opentyp");
    font-weight: bold;
} 


@font-face {
    font-family: 'Pretendard-Regular';
    src: url('../fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

body,
html {
    /*background: rgb(247,242,225);
    background: linear-gradient(90deg, rgba(247,242,225,1) 0%, rgba(255,253,245,1) 50%, rgba(244,240,225,1) 100%);*/
    /*background: var(--main);*/
    background: linear-gradient( var(--main), var(--sidemenu-bg0), var(--sidemenu-bg0), var(--main));
}

.w-a:after,
.w-b:before,
.w-ba:after,
.w-ba:before {
    content: '';
    position: absolute;
    pointer-events: none;
    z-index: -1;
}
.w-a,
.w-b,
.w-ba {
    position: relative;
    z-index: 1;
}
a:hover {
    text-decoration: none;
    list-style: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;
    font: inherit;*/
    font-family: Pretendard-Regular;
    vertical-align: baseline;
}

* {
    scrollbar-width: auto;
    scrollbar-color: var(--scroll-bar) #ffffff;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: #ffffff;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar);
    border-radius: 8px;
    border: 0px none #ffffff;
}


.show {
    display: block !important;
}

.hide {
    display: none !important;
}



article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

blockquote,
ol,
q,
ul {
    list-style: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}

.warning {
    font-size: 14px;
    color: red;
}

input:not([type]), input[type=date]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=email]:not(.browser-default), input[type=number]:not(.browser-default), input[type=password]:not(.browser-default), input[type=search]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=text]:not(.browser-default), input[type=time]:not(.browser-default), input[type=url]:not(.browser-default), textarea.materialize-textarea {
    /* background-color: transparent; */
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 36px;
    width: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border 0.3s,-webkit-box-shadow 0.3s;
    transition: border 0.3s,-webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s,border 0.3s;
    transition: box-shadow 0.3s,border 0.3s,-webkit-box-shadow 0.3s;
}

.dflex-ac-jc {
    display: flex !important;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.dflex-ac-js {
    display: flex !important;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.dflex-ac-je {
    display: flex !important;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.dflex-ae-jc {
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
}

.dflex-as-jc {
    display: flex !important;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}

.dflex-acs-jc {
    display: flex !important;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}


button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

.text-yellow {
    -webkit-text-fill-color: #ffc428;
}

#main {
    transition: margin-left 0.5s;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

select {
    background-color: #ffffffe6;
    width: 100%;
    padding: 5px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    height: 3rem;
}

button { border:none; }

button, a, input, select, textarea, span {
    outline: none !important;
    transition: 0.3s;
}

button {
    padding: 0;
}




.btn-base {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--txtColor02);
    padding: 12px 0;
    width: 50px;
    border-radius: 50px;
    height: 50px;
    font-size: 14px;
    cursor: pointer;
    margin-left: 15px;
    background-color: var(--btn-info);
}

.btn-base:hover { 
    text-decoration: none; 
    color:yellow;
	background-color: #138496;
    border-color: #117a8b;
}


.btn-base-lg {  
    width: 120px;
}

.btn-partner {
    background-color: var(--btn-partner);
}
.btn-partner:hover {
    text-decoration: none; 
    color:yellow;
	background-color: #1f2a4d;
    border-color: #117a8b;
}

.btn-login {
    background-color: var(--btn-login);
}
.btn-login:hover {
    text-decoration: none; 
    color:yellow;
	background-color: #138496;
    border-color: #117a8b;
}

.btn-logout {
    background-color: var(--btn-logout);
}
.btn-logout:hover {
    text-decoration: none; 
    color:yellow;
	background-color: #232323;
    border-color: #117a8b;
}


.btn-ok {
    color: rgba(0, 0, 0, 1.0);
    background-color: #ffc600;
    background-image: linear-gradient(#ffd320, #d29f00);
    border: none;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(255, 176, 0, 1.0);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);    
}
.btn-ok:hover { 
    text-decoration: none; 
    color: #070f2f;
	background-color: #eebf14;
    background-image: linear-gradient(#ffd333, #ffc800);
}

.btn-no {
    color: #ffffff;
    background-color: #ff7444;
    background-image: linear-gradient(#ff7444, #942900);
    border: none;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 1px 1px rgb(0, 0, 0);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.btn-no:hover { 
    text-decoration: none; 
    color:#ffffff;
	background-color: #d24e4e;
    background-image: linear-gradient(#fa6431, #ff4b06);
}

.text-info {
    color: white !important;
}
  

/*
.btn-yellow {
    color: rgba(0, 0, 0, 1.0);
    background-color: #f7ef0f;
    background-image: linear-gradient(#f7ef0f, #d29f00);
    border: none;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 1.0);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}*/

.btnN {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--txtColor02);
    padding: 11px 15px;
    border-radius: 50px;
    font-size: 12px;
    cursor: pointer;
    margin-left: 15px;
    box-shadow: var(--shadow08) 0.1em 0.1em 0.6em;
    white-space: nowrap;
}

.redB {
    background-color: var(--btnColor024);
    transition: .3s ease-out;
}

.blueB {
    background-color: var(--btnColor025);
    transition: .3s ease-out;
}


/* custom */
.parsley-errors-list {
    position: absolute;
}

.parsley-errors-list.filled {
    margin-top: 64px;
    margin-left: 10px;
    list-style: none;
    font-size: 10px;
    font-weight: bolder;
    color: #eb3e3e;
    -webkit-transition: opacity 2s;
    transition: opacity 2s;
}



@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.reply-contents {
	width:100%;
	white-space:normal;

	font-family: 'fcicons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1.5;
}