:root {
    /**dark theme color**/
    /*--mainColor: rgb(80,80,80);*/
    

    /**light theme color**/
    /*general color*/
    --mainColor: white;
    --alternativeColor: rgb(50,50,50);
    --wordColor1: white;
    --wordColor2: rgb(57,62,65);
    --wordColor3: rgb(124,124,124);

    --pagingWordColor: rgb(69,69,69);
    --pagingHoverWordColor: rgb(150,150,150);

    --pointWordColor: rgb(0,86,166);
    --categoryMenuWordColor: rgb(97,97,97);

    --mainThemeColor1: rgb(25,94,169);
    --mainThemeColor2: rgb(27,123,220);

    /*filterbox color*/
    --filterBoxBody: rgb(249,249,249);
    --filterBoxBorder: rgb(221,221,221);

    /*table color*/
    --theadColor: rgb(250,250,250);
    --tbodyEvenColor: rgb(248,249,251);
    --tbodyOddColor: rgb(254,254,254);

    /*hover color*/
    --hoverColor: rgb(0,158,223);

    /*navbar hover color*/
    --navHoverColor: rgb(30,102,160);

    /*category menu btn color*/
    --btnColor1: rgb(32,135,240);
    --btnColor2: rgb(24,115,207);
    --btnColorLinear: var(--btnColor1), var(--btnColor2);
    --btnColorBorder: rgb(26,115,206);
    --btnColorBg: rgb(88,186,247);

    --btnDeactiveColor1: rgb(196,214,230);
    --btnDeactiveColor2: rgb(232,243,253) 26%;
    --btnDeactiveColor3: rgb(255,255,255);
    --btnDeactiveColorLinear: var(--btnDeactiveColor1),var(--btnDeactiveColor2),var(--btnDeactiveColor3);
    --btnDeactiveColorBorder: rgb(214,223,232);

    --btnHoverColor1: rgb(200,220,250);
    --btnHoverColor2: rgb(187,230,250);
    --btnHoverColorLinear: var(--btnHoverColor1), var(--btnHoverColor2);
    --btnHoverColorBorder: rgb(200,220,250);

    --subbtnHoverColor: rgb(236,255,255);
    
    /*smallboxicon*/
    --smallboxcolorlinear: rgb(32,135,240),rgb(24,115,207);

    /*blue*/
    --bgblue: rgb(0,75,138);
    --borderblue: rgb(42,105,156);
    --linearblue-1: rgb(0,75,138);
    --linearblue-2: rgb(0,61,112);
    --linearblue-3: rgb(1,45,83);
    --linearbtnblue: var(--linearblue-1),var(--linearblue-2),var(--linearblue-3);

    /*blue1*/
    --bgblue1: rgb(32,104,178);
    --borderblue1: rgb(57,117,174);
    --linearblue1-1: rgb(18,90,158);
    --linearblue1-2: rgb(14,80,141);
    --linearblue1-3: rgb(11,68,122);
    --linearbtnblue1: var(--linearblue1-1),var(--linearblue1-2),var(--linearblue1-3);

    /*blue2*/
    --bgblue2: rgb(40,111,206);
    --borderblue2: rgb(83,141,207);
    --linearblue2-1: rgb(49,118,197);
    --linearblue2-2: rgb(40,107,183);
    --linearblue2-3: rgb(28,92,165);
    --linearbtnblue2: var(--linearblue2-1),var(--linearblue2-2),var(--linearblue2-3);

    /*blue3*/
    --borderblue3: rgb(112,168,245);
    --linearblue3-1: rgb(84,151,244);
    --linearblue3-2: rgb(73,133,216);
    --linearblue3-3: rgb(61,113,184);
    --linearbtnblue3: var(--linearblue3-1),var(--linearblue3-2),var(--linearblue3-3);

    /*blue4*/
    --bgblue4: rgb(23,124,206);
    --borderblue4: rgb(98,179,247);
    --linearblue4-2: rgb(58,147,221);
    --linearbtnblue4: var(--linearblue3-1),var(--linearblue4-2),var(--linearblue3-3);

    /*gray*/
    --bggray: rgb(23,26,29);
    --bordergray: rgb(115,117,121);
    --lineargray-1: rgb(88,91,94);
    --lineargray-2: rgb(69,72,76);
    --lineargray-3: rgb(48,51,55);
    --linearbtngray: var(--lineargray-1),var(--lineargray-2),var(--lineargray-3);

    /*red*/
    --bgred: rgb(203,67,67);
    --borderred: rgb(243,101,118);
    --linearred-1: rgb(240,58,80);
    --linearred-2: rgb(226,49,79);
    --linearred-3: rgb(207,37,77);
    --linearbtnred: var(--linearred-1),var(--linearred-2),var(--linearred-3);

    /*lightblue*/
    --bglightblue: rgb(0,112,217);
    --borderlightblue: rgb(59,163,252);
    --linearlightblue-1: rgb(20,145,252);
    --linearlightblue-2: rgb(14,132,237);
    --linearlightblue-3: rgb(6,117,219);
    --linearbtnlightblue: var(--linearlightblue-1),var(--linearlightblue-2),var(--linearlightblue-3);

    /*lightblue1*/
    --linearlightblue1-2: rgb(6,117,219);
    --linearbtnlightblue1: var(--linearlightblue-1),var(--linearlightblue1-2);

    /*orange*/
    --bgorange: rgb(191,67,38);
    --borderorange: rgb(255,143,99);
    --linearorange-1: rgb(255,122,69);
    --linearorange-2: rgb(245,96,50);
    --linearorange-3: rgb(233,68,29);
    --linearbtnorange: var(--linearorange-1),var(--linearorange-2),var(--linearorange-3);
    /**light theme color**/
}

/*button*/
.amount, .amount1, .amount2, .amount3, .amount4, .revise
{
    min-width: 73px;
    height: 40px;
    margin-right: 5px;
}

.selectall, .markall, .deletemark, .tablebtn, .btnUpload
{
    min-width: 90px;
    height: 36px;
}

.submitbtn
{
    min-width: 190px;
    height: 50px;
    font-size: 16px !important;
}

.bluebtn, .bluebtn1, .bluebtn2, .bluebtn3, .bluebtn4, .graybtn, .redbtn, .lightbluebtn, .lightbluebtn1, .orangebtn
{
    border-radius: 4px;
    color: var(--wordColor1);
    font-size: 14px;
    padding: 0;
}

.btn:focus
{
    box-shadow: none;
}

.form-control:focus
{
    box-shadow: none;
    border-color: rgb(206,212,218);
}

.bluebtn:hover, .bluebtn1:hover, .bluebtn2:hover, .bluebtn3:hover, .bluebtn4:hover, .graybtn:hover, .redbtn:hover, .lightbluebtn:hover, .lightbluebtn1:hover, .orangebtn:hover, .btnsearch:hover
{
    opacity: 0.75;
    transition: 0.1s;
}

.bluebtn div, .bluebtn1 div, .bluebtn2 div, .bluebtn3 div, .bluebtn4 div, .graybtn div, .redbtn div, .lightbluebtn div, .lightbluebtn1 div, .orangebtn div
{
    border-radius: 4px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bluebtn, .bluebtn div
{
    background-color: var(--bgblue);
    background-image: linear-gradient(var(--linearbtnblue));
}

.bluebtn1, .bluebtn1 div
{
    background-color: var(--bgblue1);
    background-image: linear-gradient(var(--linearbtnblue1));
}

.bluebtn2, .bluebtn2 div
{
    background-color: var(--bgblue2);
    background-image: linear-gradient(var(--linearbtnblue2));
}

.bluebtn3, .bluebtn3 div
{
    background-color: var(--bgblue2);
    background-image: linear-gradient(var(--linearbtnblue3));
}

.bluebtn4, .bluebtn4 div
{
    background-color: var(--bgblue4);
    background-image: linear-gradient(var(--linearbtnblue4));
}

.graybtn, .graybtn div
{
    background-color: var(--bggray);
    background-image: linear-gradient(var(--linearbtngray));
}

.redbtn, .redbtn div
{
    background-color: var(--bgred);
    background-image: linear-gradient(var(--linearbtnred));
}

.lightbluebtn, .lightbluebtn div
{
    background-color: var(--bglightblue);
    background-image: linear-gradient(var(--linearbtnlightblue));
}

.lightbluebtn1, .lightbluebtn1 div
{
    background-color: var(--bglightblue);
    background-image: linear-gradient(var(--linearbtnlightblue1));
}

.orangebtn, .orangebtn div
{
    background-color: var(--bgorange);
    background-image: linear-gradient(var(--linearbtnorange));
}

.bluebtn div
{
    border: 1px solid var(--borderblue);
}

.bluebtn1 div
{
    border: 1px solid var(--borderblue1);
}

.bluebtn2 div
{
    border: 1px solid var(--borderblue2);
}

.bluebtn3 div
{
    border: 1px solid var(--borderblue3);
}

.bluebtn4 div
{
    border: 1px solid var(--borderblue4);
}

.graybtn div
{
    border: 1px solid var(--bordergray);
}

.redbtn div
{
    border: 1px solid var(--borderred);
}

.lightbluebtn div
{
    border: 1px solid var(--borderlightblue);
}

.lightbluebtn1 div
{
    border: 1px solid var(--borderlightblue);
}

.orangebtn div
{
    border: 1px solid var(--borderorange);
}
/*button*/

/*category menu button*/
.menubtn
{
    width: 112px;
    height: 75px;
    font-size: 14px;
    color: var(--categoryMenuWordColor);
    padding: 5px 0;
    border-radius: 10px;
    border: var(--btnDeactiveColorBorder);
    background: linear-gradient(var(--btnDeactiveColorLinear));
    box-shadow: rgb(0 0 0 / 30%) 7px 0px 2px -7px inset, rgb(0 0 0 / 30%) -7px 0px 2px -7px inset, rgb(0 0 0 / 30%) 0px -7px 2px -7px inset;
}

.menubtn img
{
    margin-bottom: -4px;
    width: 40px;
}

.btn_background
{
    background: rgb(221,221,221);
    border-radius: 10px;
    padding: 1px;
    margin: 0 1px;
}

.btn_background > div
{
    background-color: var(--mainColor);
    border-radius: 10px;
    padding-top: 3px;
}

.menubtn.active
{
    background: linear-gradient(var(--btnColorLinear)) !important;
    border-color: var(--btnColorBorder);
    color: var(--wordColor1);
}

.btn_background.active, .btn_background.active > div
{
    background-color: var(--btnColorBg);
}

.menubtn.deactive:hover
{
    background: linear-gradient(var(--btnHoverColorLinear)) !important;
    border-color: var(--btnHoverColorBorder);
}

.btn_background.deactive:hover, .btn_background.deactive > div:hover
{
    background-color: var(--btnHoverColor2);
}

.grey_background
{
    background-color: rgb(239,243,246);
    border-radius: 10px;
    padding: 3px;
}

.submenubtn
{
    min-width: 126px;
    height: 79px;
    font-size: 14px;
    padding: 5px 0;
    border-radius: 10px;
    background: linear-gradient(rgb(208,219,228), rgb(255,255,255) 60%);
    color: var(--categoryMenuWordColor);
}

.submenubtn img
{
    width: 90px;
}

.subbtn_background
{
    background: var(--mainColor);
    border-radius: 10px;
    padding: 0.2px;
    margin: 0 1px;
    border: 1px solid rgb(211,211,211);
}

.submenubtn.active
{
    background: linear-gradient(var(--btnHoverColorLinear)) !important;
}

.submenubtn.deactive:hover
{
    background: var(--subbtnHoverColor) !important;
}
/*category menu button*/

/*breadcrumb*/
.breadhead
{
    color: var(--wordColor3);
    font-size: 13px;
}

.breadhead span:last-child
{
    color: var(--wordColor2);
    cursor: pointer;
    font-weight: bold;
}
/*breadcrumb*/

/*table*/
.table thead th
{
    background-color: var(--theadColor);
    border: none;
}

.table-striped tbody tr:nth-of-type(even)
{
    background-color: var(--tbodyEvenColor);
}

.table-striped tbody tr:nth-of-type(odd)
{
    background-color: var(--tbodyOddColor);
}
/*table*/

/*no-record*/
.no-record
{
    text-align: center;
    font-size: 16px;
    color: var(--wordColor2);
    font-weight: bold;
    display: none;
}
/*no-record*/

/*reddot*/
.newicon
{
    color: var(--wordColor1);
    background-color: rgb(237,47,89);
    border-radius: 100%;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    padding: 1px 5px;
    font-size: 12px;
}
/*reddot*/

/*banner*/
.banner
{
    height: 280px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: -40px;
    cursor: default;
}

.banner p
{
    font-size: 36px;
    text-align: right;
    padding-top: 80px;
    padding-right: 40px;
}
/*banner*/

/*smallboxicon, title, content, body*/
.smallboxicon
{
    width: 8px;
    height: 20px;
    background: linear-gradient(var(--smallboxcolorlinear));
    border-radius: 3px;
}

.smallboxtitle
{
    font-size: 22px;
    color: rgb(88,88,88);
    cursor: default;
    margin-top: 2px;
}

.sidebarrightcontent
{
    width: 100%;
    margin-top: -8px;
}

.bodylayout
{
    width: 1260px;
    margin: 0 auto;
    font-family: SpoqaHanSansNeoMedium;
}
/*smallboxicon, title, content, body*/

/*filterbox*/
.filterbox
{
    border-radius: 1rem; 
    border: 1px solid var(--filterBoxBorder);
    color: var(--wordColor2);
    background-color: var(--filterBoxBody);
}

.filterbox select
{
    height: 40px !important;
}

.filterbox input
{
    height: 40px;
}

.filterbox .input-group
{
    background-color: var(--mainColor);
    border: 1px solid rgb(206,212,218) !important;
    border-radius: 5px 6px 6px 5px;
    padding: 0 !important;
    width: 381px !important;
}

.filterbox select
{
    width: 120px !important;
}

.btnsearch
{
    padding: 0;
    width: 38px;
    height: 38px;
    border-radius: 5px !important;
    background-color: var(--bggray);
    background-image: linear-gradient(var(--linearbtngray));
    z-index: 5 !important;
}
/*filterbox*/

/*pointpagestyle*/
.points-summary-details.first-child
{
    border: none;
    background-image: linear-gradient(to bottom,rgb(1,160,234),rgb(7,121,222));
}

.points-summary-details
{
    width: 200px;
    height: 96px;
    padding: 2px;
    border-radius: 10px;
    height: 96px;
    border: 2px solid rgba(183,183,183,0.5);
}

.points-summary-details > div
{
    border-radius: 8px;
    width: 100%;
    height: 100%;
    background-color: var(--mainColor);
    font-size: 30px;
}

.points-summary-details > div div
{
    color: var(--wordColor3);
}

.points-summary-header
{
    padding-top: 10px;
    font-size: 14px;
}

.points
{
    font-weight: bold;
}

.first-child .points
{
    color: var(--pointWordColor);
}
/*pointpagestyle*/

/*pagination*/
ul.pagination
{
    justify-content: center;
}

.page-link
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 3px 0 3px;
    font-weight: bold;
    height: 30px;
    width: 30px;
    color: var(--pagingWordColor);
    border: none;
}

.page-link img
{
    height: 15px;
}

.page-link:hover
{
    color: var(--pagingHoverWordColor);
    background: none;
    opacity: 0.75;
    transition: 0.1s;
}

.page-item.active .page-link
{
    border-radius: 4px;
    border: 1px solid var(--borderlightblue);
    color: var(--wordColor1);
    background-image: linear-gradient(var(--linearbtnlightblue));
}
/*pagination*/

/*spinner*/
.spinner
{
    height: 50px;
    text-align: center;
}

.spinner > div
{
    background-color: var(--alternativeColor);
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2
{
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3
{
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4
{
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5
{
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay
{
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay
{
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/*spinner*/

.footer-str p
{
    margin-bottom: 10px !important;
}
.footer-img img
{
    margin: 0 5px;
    height: 30px;
    width: auto
}
.carousel-indicators li
{
    border-radius: 100%;
    width: 9px !important;
    height: 9px !important;
    cursor: pointer;
    margin: 0 10px !important;
}
.home_img img
{
    padding: 0 5px 10px 5px;
}
.contents_middle {
    overflow: hidden;
}
.contents_middle > div {
    padding-top: 14px;
    overflow: hidden;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.contents_middle > div h1 {
    margin-top: 5px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #484848;
}

#home-pop-up-third {
    position: absolute;
    top: 150px;
    left: 32.4%;
    transform: translateX(-50%);
    width: auto;
    z-index: 200;
    border: 0px;
}
#home-pop-up-third div {
    position: relative;
}
#home-pop-up-third div .pop-up-link {
    position: absolute;
    bottom: 7px;
    right: 13px;
    height: 27px;
    width: 127px;
}
#home-pop-up-third div {
    position: relative;
}
.home-ad-pop-up-bot {
    background-color: #333;
    font-size: 12px;
    text-align: right;
    color: var(--wordColor1);
    padding: 2px;
    font-weight: 700;
    /*width: 422px;*/
}
.home-ad-pop-up-bot > div {
    display: inline-block;
    color: #ddd;
    line-height: 25px;
    padding: 0 5px;
    cursor: pointer;
}
#home-pop-up {
    position: absolute;
    top: 150px;
    left: calc(50% + 388px);
    width: 418px;
    z-index: 300;
    border: 1px;
}
#home-pop-up-left {
    position: absolute;
    top: 150px;
    left: calc(calc(50% - 30px));
    width: 418px;
    z-index: 200;
    border: 0px;
}
.home1:hover .home1-img
{
    display: none !important;
}
.home1:hover .home1-hover-img
{
    display: block !important;
    cursor: pointer;
}
.home2:hover .home2-img
{
    display: none !important;
}
.home2:hover .home2-hover-img
{
    display: block !important;
    cursor: pointer;
}
.home3:hover .home3-img
{
    display: none !important;
}
.home3:hover .home3-hover-img
{
    display: block !important;
    cursor: pointer;
}
.home4:hover .home4-img
{
    display: none !important;
}
.home4:hover .home4-hover-img
{
    display: block !important;
    cursor: pointer;
}
.home5:hover .home5-img
{
    display: none !important;
}
.home5:hover .home5-hover-img
{
    display: block !important;
    cursor: pointer;
}
.home6:hover .home6-img
{
    display: none !important;
}
.home6:hover .home6-hover-img
{
    display: block !important;
    cursor: pointer;
}
.qm1:hover .qmenu1-img
{
    display: none !important;
}
.qm1:hover .qmenu1-img-hover
{
    display: block !important;
    cursor: pointer;
}
.qm2:hover .qmenu2-img
{
    display: none !important;
}
.qm2:hover .qmenu2-img-hover
{
    display: block !important;
    cursor: pointer;
}
.qm3:hover .qmenu3-img
{
    display: none !important;
}
.qm3:hover .qmenu3-img-hover
{
    display: block !important;
    cursor: pointer;
}
.qm4:hover .qmenu4-img
{
    display: none !important;
}
.qm4:hover .qmenu4-img-hover
{
    display: block !important;
    cursor: pointer;
}
.attend_title 
{
    height: 85px;
}

.attend_title
{
    display: block;
    text-align: center;
    margin-bottom: 5px;
    padding-top: 30px;
}

.sub_title_img 
{
    position: relative;
    width: 100%;
    /*height: 165px;*/
    overflow: hidden;
}

.attend_title img 
{
    margin-top: -45px;
}

.sub_title_img > img 
{
    /*position: absolute;*/
    /*left: 50%;*/
    top: 0;
    width: 1920px;
    /*height: 165px;*/
    /*margin-left: -960px;*/
}

img, input, li, select 
{
    vertical-align: middle;
    text-align: left;
    font-weight: 400;
}

fieldset, iframe, img 
{
    border: 0;
}

address, caption, cite, code, dfn, em, th, var 
{
    font-style: normal;
    font-weight: 400;
}

h2.attend_head 
{
    float: right;
    margin-top: 16px;
    color: #7a7a7a;
    font-size: 15px;
}
.sub-box {
    padding-bottom: 25px;
}
.center-wrap {
    width: 1260px;
    margin: 0 auto;
}
.attend_wrap {
    min-height: 585px;
}
.attend_calendar {
    width: 100%;
    margin: 0 auto 30px;
}
.attend_calendar {
    width: 713px;
    margin: 0 auto 50px;
    text-align: center;
}
.calendar_top {
    text-align: center;
    margin-bottom: 10px;
}
.calendar_top > .prev {
    width: 20px;
    height: 20px;
    background-image: url(/images/desktop/attend/attend_arrow_left.webp);
    background-size: cover;
    margin-top: 0px;
}
/*.calendar_top > .prev {
    width: 27px;
    height: 27px;
    background: url(/images/desktop/attend/calendar_prev.webp);
    margin-top: 10px;
}*/
.calendar_top > * {
    display: inline-block;
    vertical-align: middle;
}
.calendar_top > .now {
    display: inline-block;
    margin: 0 30px;
    font-size: 20px;
    color: #d4d4d4;
    font-weight: 100;
}
.calendar_top > .next {
    width: 20px;
    height: 20px;
    background-image: url(/images/desktop/attend/attend_arrow_right.webp);
    background-size: cover;
    margin-top: 0px;
}
.year_box {
    width: 125px;
    margin: 10px auto 0;
    text-align: center;
    font-size: 18px;
    color: #0583bd;
}
.calendar_top > .now > span {
    margin: -5px 0 0;
    font-size: 27px;
    color: #474747;
    font-weight: 500;
    line-height: 100%;
    display: inline-block;
}
/*.calendar_top > .now > span {*/
    /*margin-left: 18px;*/
    /*font-size: 49px;*/
    /*color: #ffdc19;*/
/*}*/
.attend_calendar > ul {
    border: none;
    width: 588px;
}
.attend_calendar > ul {
    display: inline-block;
    overflow: Hidden;
}
.attend_calendar > ul > li.name:first-child, .attend_calendar > ul > li.name:nth-child(7n) {
    color: #e25050;
}
.attend_calendar > ul > li:first-child, .attend_calendar > ul > li:nth-child(8n) {
    margin-left: 0;
}
.attend_calendar > ul > li.name {
    background: none;
    color: #666;
    float: left;
    width: 75px;
    margin-right: 9px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 0;
    padding-top: 0;
    text-align: center;
    font-size: 20px;
    line-height: 29px;
    height: 29px;
}
.attend_calendar > ul > li {
    position: relative;
    float: left;
    width: 75px;
    height: 45px;
    line-height: 30px;
    padding-top: 20px;
    margin-top: 0;
    margin-right: 9px;
    margin-bottom: 11px;
    margin-left: 0;
    text-align: center;
    font-size: 20px;
    box-sizing: content-box;
}
.attend_calendar > ul > li {
    background: url(/images/desktop/attend/attend_day_blank.webp);
    color: #bcbcbc;
}
.attend_calendar > ul > li.white, .attend_calendar > ul > li.prev {
    background: url(/images/desktop/attend/attend_day_off.webp);
    color: #bcbcbc;
    background-size: 75px;
    background-repeat: no-repeat;
}
.attend_calendar > ul > li.ok {
    background-image: url(/images/desktop/attend/attend_day_on.webp);
    color: #6b6b6b;
    border-radius: 0;
    border: none;
    background-size: 75px;
    background-repeat: no-repeat;
}
.attend_calendar > ul > li:first-child, .attend_calendar > ul > li:nth-child(8n) {
    margin-left: 0;
}
.attend_wrap > .cal_btn {
    display: block;
    width: 300px;
    margin: 0 auto 30px;
    font-size: 20px;
    color: #0483bd !important;
    background: transparent;
    text-align: center;
    padding: 5px 0;
    box-sizing: border-box;
    border: 2px solid #0483bd;
    border-radius: 10px;
}
.main_board > ul > li {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    width: calc(100% - 12px);
    padding-left: 18px;
    font-weight: 300;
    font-size: 15px;
    color: var(--wordColor1);
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url('/images/desktop/img_main_board.webp') no-repeat left;
    overflow: hidden;
    line-height: 29px;
}
.privacy > code > font {
    color: #ffea00;
    margin-left: 6px;
}
.privacy > code > var {
    color: #7bfff7;
    margin-left: 3px;
}

.sub_top > ul.game_result_head.faq > li
{
    white-space: nowrap;
    background-color: var(--mainColor);
    border-radius: 30px;
    color: #999;
    padding: 5px 20px;
    margin-left: 10px;
    border-width: 2px;
    font-weight: 500;
    list-style-type: none;
    width: fit-content !important;
}

.center_wrap, .pop_wrap, .sub-box, .sub_wrap 
{
    margin: 0 auto;
}
.center_wrap, .main_wrap, .sub_wrap 
{
    width: 100%;
}
ul.sub_boardlist.faq 
{
    padding: 25px 0;
}
ul.sub_boardlist.faq > li 
{
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}
ul.sub_boardlist.faq > li > em 
{
    display: block;
    float: left;
    width: 51px;
    text-align: center;
    color: var(--wordColor1);
    font-size: 13px;
    margin-top: 0;
}
ul.sub_boardlist > li > em {
    display: block;
    float: left;
    width: 51px;
    text-align: center;
    color: var(--wordColor1);
    font-size: 13px;
    margin: 25px 15px 0 0;
}
ul.sub_boardlist.faq > li > em > img 
{
    margin-top: 0;
}
ul.sub_boardlist.faq > li > div 
{
    width: 980px;
    box-sizing: border-box;
    padding: 15px 25px;
    border: 2px solid #0583bd;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}
ul.sub_boardlist > li > div 
{
    float: left;
    padding: 15px 17px;
    background: var(--mainColor);
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}
ul.sub_boardlist.faq > li > div > code 
{
    position: relative;
    display: block;
    overflow: hidden;
}
ul.sub_boardlist > li > div > code 
{
    display: block;
    overflow: hidden;
}
ul.sub_boardlist.faq > li > div > code > em 
{
    display: block;
    float: left;
    color: #959595;
    font-size: 14px;
}
ul.sub_boardlist > li > div > code > em 
{
    display: block;
    float: left;
    color: #3e3e3e;
    font-size: 13px;
}
ul.sub_boardlist.faq > li > div > code > em > label 
{
    display: inline-block;
    width: 90px;
    margin-right: 10px;
    color: #0583bd;
}
ul.sub_boardlist.faq > li.faq_answer 
{
    display: none;
}
ul.sub_boardlist.faq > li > div.answer 
{
    width: 980px;
    padding: 15px 25px;
    color: #3e3e3e;
    border: 2px solid #44a862;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}
.back_color 
{
    background-color: rgb(40, 44, 52);
    padding: 20px;
}
big {
    color: DodgerBlue;
    font-weight: bold;
    font-size: 130%;
}
.dangu 
{
    font-size: 16px;
    color: rgb(255, 99, 71);
    font-weight: bold;
    margin-left: 15px;
    margin-bottom: 10px;
}
.sub_title 
{
    width: 1260px;
    margin: 0 auto;
    padding-top: 3px;
}

.sub_title_img.sports_book 
{
    margin-bottom: 20px;
}

.sub_top 
{
    display: block;
    width: 100%;
    border-bottom: 1px solid #dadada;
    overflow: hidden;
}

.sub_top > ul 
{
    float: right;
    margin-top: 12px;
    overflow: hidden;
}

.sub_top > ul > li:first-child
{
    margin-left: 0;
}

[lang="en"] .sub_top > ul > li {
    padding: 2px 10px;
    width: auto;
}

.sub_top > ul > li
{
    background-color: #999;
    float: left;
    width: 75px;
    margin-left: 7px;
    padding: 2px 0;
    text-align: center;
    font-weight: 300;
    font-size: 13px;
    color: var(--wordColor1);
    border: 1px solid #999;
    border-radius: 5px;
    cursor: pointer;
}

.sub_top > h1 
{
    float: left;
    height: 55px;
    font-size: 14px;
    line-height: 55px;
    overflow: hidden;
}

.sub_top > h1 > span
{
    color: #878787;
    cursor: pointer;
}

.sub_top > h1 > var 
{
    margin: 0 10px;
}

.table-black 
{
    width: 100%;
    margin-bottom: 25px;
}
.table-black > thead > tr 
{
    height: 40px;
    border: 1px solid #e7e7e7;
    border-top: 1px solid #000;
}
.table-black > thead > tr > td, .table-black.double-header > thead > tr > td 
{
    text-align: center;
    color: #595959;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
}
.table-black > tbody > tr 
{
    height: 40px;
    border: 1px solid #e7e7e7;
}
.table-black > tbody > tr.qa-waiting > td 
{
    color: red;
}
.table-black > tbody > tr:last-child > td 
{
    border-bottom: 1px solid #484848;
}
.table-black > tbody > tr > td 
{
    color: #555;
    text-align: center;
    font-size: 13px;
    overflow: hidden;
}
.table-black > tbody > tr.qa-waiting > td:nth-child(3), .table-black > tbody > tr.qa-complete > td:nth-child(3) 
{
    text-align: center;
}
.table-black > tbody > tr > td.table-left 
{
    text-align: left;
    padding: 0 15px;
}
.table-black > tbody > tr.qa-waiting > td > .btn_small 
{
    border-color: red;
    color: red;
}
.btn_small 
{
    padding: 3px 15px;
    color: #6c6c6c;
    border: 2px solid #6c6c6c;
    border-radius: 15px;
    cursor: pointer;
}
.btn_disable 
{
    padding: 1px 15px;
    color: var(--wordColor1);
    background: #999;
    border: 2px solid #666;
    border-radius: 15px;
    cursor: pointer;
}
.board_list_btn 
{
    text-align: right;
    margin-bottom: 18px;
}
.btn_green 
{
    width: 68px;
    padding: 5px 15px;
    text-align: center;
    color: var(--wordColor1);
    background: #004b8a;
    border: 1px solid #002449;
    border-radius: 5px;
    cursor: pointer;
}
div.paging_box 
{
    text-align: center;
    margin-bottom: 10px;
}
div.paging_box > a 
{
    display: inline-block;
    width: auto;
    height: 20px;
    margin: 0 5px;
    padding: 0 5px;
    text-align: center;
    font-size: 14px;
    color: #8e8e8e;
    line-height: 19px;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 5px;
}
div.paging_box > a.hit 
{
    background-color: #004b8a;
    color: var(--wordColor1) !important;
    border: 1px solid #002449;
    cursor: pointer;
}

[lang="en"] .board_searchbox 
{
    /*position: relative;*/
    text-align: center;
    width: 43% !important;
    /*display: grid;*/
    float: left;
    place-items: center;
}
[lang="kr"] .board_searchbox 
{
    /*position: relative;*/
    text-align: end;
    width: 50% !important;
    /*display: grid;*/
    float: left;
    place-items: center;
}
/*form[name="contact_us_search"] .board_searchbox input[type="text"] 
{
    margin-left: 6%;
}*/
.board_searchbox > input.input_style1 
{
    height: 28px;
}
.board_searchbox > input, .btn_box > a, .btn_float_left > a, .btn_float_right > a 
{
    font-size: 14px;
}
.input_style1 
{
    border: 1px solid #bdbdbd;
    height: 30px;
    padding: 0 10px;
    border-radius: 5px;
    color: #909090;
    box-sizing: content-box;
}
.btn_gray,.btn_green,.btn_blue 
{
    padding: 5px !important;
    width: auto;
}