*, body {font-family:'Noto Sans KR', 'sans-serif'; margin: 0; padding: 0;   }
html { font-size: 14px; font-weight:400; }
a, a:hover, a:focus, a:active, a:link { text-decoration: none; cursor: pointer; color: inherit; }
img { border: 0; vertical-align: middle; }
ol, ul { list-style: none; margin: 0; padding: 0; }
fieldset { border: 0; }
button { border: 0; background: none; cursor: pointer; }
button:focus { outline: none; }
strong, b { color: inherit; font-size: inherit; }
i, em { font-style: normal; }
mark { color: inherit; background: none; }
button { -webkit-appearance: none; }
input { -webkit-border-radius: 0; }
table { border-collapse: collapse; }
body {overflow-x:hidden; overflow-y:auto; letter-spacing: -0.5px;background: #e7e8ed;background-size:100%;}
html,body {width:100%;min-height:100vh;}

.quick {position:fixed;right:20px;bottom:100px;z-index:111;}

.quick1 {position:fixed;top:240px;left:calc(50% + 680px);z-index:111;}

#wrap {position:relative;}

.left_menu {position:absolute;top:0;bottom:0;left:0;width:326px;text-align:center;}
.left_menu .logo {margin-top:36px;}
.left_menu .menu01 {}
.left_menu .menu01 ul li {margin-top:19px;}
.left_menu .menu02 {width:260px;background:#0161a3;margin:40px auto 0;border-radius:10px;}
.left_menu .menu02 ul {display: flex; flex-direction: column; text-align:left;padding-top:10px;}
.left_menu .menu02 ul li:first-child {border-top:0;}
.left_menu .menu02 ul li {margin:0 20px;padding:5px 18px;border-top:2px solid #137cb4;}
.left_menu .menu02 ul li a {font-size:18px;color:#fff;line-height:58px;position:relative;padding-left:60px;}
.left_menu .menu02 ul li.icon1 a {background:url(../images/menu_icon01.png) no-repeat center left;}
.left_menu .menu02 ul li.icon2 a {background:url(../images/menu_icon02.png) no-repeat center left;}
.left_menu .menu02 ul li.icon3 a {background:url(../images/menu_icon03.png) no-repeat center left;}
.left_menu .menu02 ul li.icon4 a {background:url(../images/menu_icon04.png) no-repeat center left;}
.left_menu .menu02 ul li.icon5 a {background:url(../images/menu_icon05.png) no-repeat center left;}
.left_menu .menu02 ul li.icon6 a {background:url(../images/menu_icon06.png) no-repeat center left;}
.left_menu .menu02 ul li.icon7 a {background:url(../images/menu_icon07.png) no-repeat center left;}
.left_menu .menu02 ul li.icon8 a {background:url(../images/menu_icon08.png) no-repeat center left;}
.left_menu .menu02 ul li.icon9 a {background:url(../images/menu_icon09.png) no-repeat center left;}
.left_menu .menu02 ul li.icon1.on a {background:url(../images/menu_icon01on.png) no-repeat center left;}
.left_menu .menu02 ul li.icon2.on a {background:url(../images/menu_icon02on.png) no-repeat center left;}
.left_menu .menu02 ul li.icon3.on a {background:url(../images/menu_icon03on.png) no-repeat center left;}
.left_menu .menu02 ul li.icon4.on a {background:url(../images/menu_icon04on.png) no-repeat center left;}
.left_menu .menu02 ul li.icon5.on a {background:url(../images/menu_icon05on.png) no-repeat center left;}
.left_menu .menu02 ul li.icon6.on a {background:url(../images/menu_icon06on.png) no-repeat center left;}
.left_menu .menu02 ul li.icon7.on a {background:url(../images/menu_icon07on.png) no-repeat center left;}
.left_menu .menu02 ul li.icon8.on a {background:url(../images/menu_icon08on.png) no-repeat center left;}
.left_menu .menu02 ul li.icon9.on a {background:url(../images/menu_icon09on.png) no-repeat center left;}
.left_menu .banner {margin-top:20px;}

#content {width:auto; min-height:910px; padding: 0 20px 0 326px; overflow: hidden; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);}

.head {display: flex; justify-content: space-between;padding-top:20px;}
.head .left {font-size:14px;color:#666;line-height:26px;margin-top:10px;}
.head .left img {margin-right:6px;}
.head .right {}
.head .right ul {display: flex;}
.head .right ul li {font-size:18px;color:#333;line-height:50px;margin-left:40px;}
.head .right ul li img {margin-top:-3px;}
.head .right ul li.ml14 {margin-left:14px;}
.head .right ul li .vvip {position:relative;}
.head .right ul li .vvip:hover .icon {cursor: pointer;}
.head .right ul li .vvip:hover .con {display:block;}
.head .right ul li .vvip .con {display:none;position:absolute;top:30px;left:0;z-index:100;padding:5px 0; border:1px solid #ccc; background: #fff; box-sizing: border-box; width: 160px; font-size:14px;line-height:30px; text-align:center;}

.sub_content {border:2px solid #fff;border-radius:10px;background:linear-gradient(0deg, #eaebf0, #fefefe, #eaebf0);padding: 7px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); margin: 10px 290px 40px 0;}

.w1320 {border:1px solid #e3e3e3;border-radius:10px;background:#fff;padding:25px 30px;}

.sub_title01 {margin:0 0 25px;height:46px;border-bottom:2px solid #e3e3e3;padding:0 8px; font-size:30px;color:#111;line-height:24px;font-weight:bold;}

.tab_btn {margin-bottom:30px;}
.tab_btn ul {display: grid; gap: 16px; grid-template-columns: repeat(5, minmax(0, 1fr));}
.tab_btn ul li {}
.tab_btn ul li a {display:block;font-size:15px;color:#111;line-height:38px;font-weight:bold;text-align:center;background:linear-gradient(0deg, #eaebf0, #fefefe);border:1px solid #bebebe;border-radius:6px;position:relative;overflow:hidden;}
.tab_btn ul li a:after {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff;}
.tab_btn ul li.on a {color:#fff;background:#0161a3;border:1px solid #0161a3;}
.tab_btn ul li.on a:after {display:none;}

.sub_box01 {border:1px solid #e3e3e3;border-radius:10px;background:#f5f5f5;padding:18px;position:relative;}
.sub_box01:after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:2px solid #fff;border-radius:10px;}
.sub_box01 > * {position:relative;z-index:1;}
.sub_box02 {border:1px solid #e3e3e3;border-radius:10px;background:#f5f5f5;}

.list1_con {width:100%;font-size:15px;color:#666;line-height:38px;text-align:center;}
.list1_con .tit {border:1px solid #fff;border-radius:20px; background:#e4e5e8; color:#000;text-align:left;font-weight:bold; padding:0 30px; box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.15);}
.list1_con table {border:1px solid #fff; background:linear-gradient(0deg, #fff, #ededed); color:#111; width:100%;}
.list1_con table td {padding:0 10px;}
.list1_con table .fff {color:#0052b8;font-weight:bold;}
.list1_con .red {color:#ff6674;}
.list1_con .BET_SS {background:linear-gradient(90deg, #9cffda, #f3ff79);color:#000;}
.list1_con .BET_SS .fff {color:#0052b8;}

.list2_con {width:100%;font-size:15px;color:#333;line-height:20px;text-align:center;}
.list2_con th {background:linear-gradient(0deg, #000, #4f4f4f);color:#fff;padding:10px 0;}
.list2_con td {border-bottom:1px solid #f1f1f1;padding:10px 0;}

.list3_con {width:100%;font-size:15px;color:#111;line-height:38px;text-align:center;}
.list3_con .tit {border:1px solid #e3e3e3;border-radius:20px; background:linear-gradient(0deg, #fff,#fff,#fff,#ededed);position:relative;}
.list3_con .tit:after {content:''; border:1px solid #fff; position:absolute;top:0;bottom:0;left:0;right:0;}
.list3_con .tit th {position:relative;z-index:2; color:#000;line-height:40px;font-weight:bold;}
.list3_con .tit th:after {content:'';position:absolute;top:14px;left:0;width:1px;height:12px;background:#cacaca;}
.list3_con .tit th:first-child:after {display:none;}
.list3_con .box {border:1px solid #fff; background:#eddbe2; box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.15);}
.list3_con .bg {border:1px solid #fff; background:#e3e4e7; box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.15);}
.list3_con .bl {}
.list3_con .br {}
.list3_con .end {border:1px solid #0091f5; background:#e5f4ff; }

.sub_view1 {}
.sub_view1 .tit {height:40px;background:linear-gradient(0deg, #000, #4f4f4f);border-radius:6px;font-size:15px;color:#fff;line-height:40px;padding:0 20px; display: flex; justify-content: space-between;}
.sub_view1 .tit dt {}
.sub_view1 .txt {height:40px;font-size:15px;color:#666;line-height:40px;padding:0 20px; display: flex; border-bottom:1px solid #888;}
.sub_view1 .txt dt {width:80px;color:#111;font-weight:500;}
.sub_view1 .con {width:100%;min-height:200px;padding:20px 20px 40px;box-sizing:border-box;border-bottom:1px solid #888; font-size:15px;color:#666;}

.view_btn {margin:20px 0;text-align:center;}
.view_btn a {display:inline-block;width:120px;height:38px;border:1px solid #00b2ef;background:linear-gradient(0deg, #0036a3, #00b2ef);font-size:15px;color:#fff;line-height:38px;border-radius:6px;margin:0 10px;}
.view_btn .del {border:1px solid #4f4f4f;background:linear-gradient(0deg, #000, #4f4f4f);}
.view_btn .no {background:#050404;border:1px solid #e9bd7c;color:#e9bd7c;line-height:36px;box-sizing:border-box;}

.sub_write1 {}
.sub_write1 dl.title {background:#f3f4fa;border-radius:3px;}
.sub_write1 dl {border:1px solid #d5d5d5;background:#f3f4fa;overflow:hidden; border-radius:3px; margin-bottom:9px;}
.sub_write1 dl dt {float:left;width:64px;font-size:15px;color:#a57d52;line-height:38px;text-align:center;}
.sub_write1 dl dd {}
.sub_write1 dl dd input {width:100%;height:38px;border:0;background:transparent;padding:0 5px;box-sizing:border-box;font-size:15px;color:#111;}
.sub_write1 dl dd .textarea {width:100%;height:410px;border:0;background:transparent;padding:10px 5px;box-sizing:border-box;font-size:15px;color:#111;line-height:20px;}

.charge1 {border:2px solid #fff;border-radius:10px;}
.charge1 .tit {font-size:18px;color:#000;line-height:43px;font-weight:bold;padding:0 20px;border-bottom:1px solid #e3e3e3;}
.charge1 .txt {border-top:2px solid #fff;padding:15px 20px;font-size:15px;color:#333;line-height:28px;}
.charge1 .txt .c1 {color:#0040a9;}
.charge1 .txt .c2 {color:#ff4d6a;}
.charge1 .txt .c3 {color:#00a8e9;}
.charge1 .txt h3 {color:#000;font-weight:500;margin-top:10px;}
.charge1 .txt p {padding-left:17px;}
.charge1 dl {border-bottom:2px solid #fff;position:relative;}
.charge1 dl:after {content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #e3e3e3;}
.charge1 dl dt {position:absolute;top:50%;left:0;width:167px;font-size:15px;color:#333;line-height:20px;text-align:center;margin-top:-10px;}
.charge1 dl dd {font-size:15px;color:#111;line-height:38px;min-height:38px;padding:10px 0 10px 10px;margin-left:167px;border-left:2px solid #e3e3e3;}
.charge1 dl .input1 {border:1px solid #d5d5d5;border-radius:5px;background:#f3f4fa;width:188px;height:38px;box-sizing:border-box;padding:0 15px;font-size:15px;color:#111; text-align:right;}
.charge1 dl .input2 {border:1px solid #d5d5d5;border-radius:5px;background:#f3f4fa;width:188px;height:38px;box-sizing:border-box;padding:0 15px;font-size:15px;color:#666;}
.charge1 dl dd .btn01 {display:inline-block;font-size:15px;color:#fff;line-height:38px; background:#30be57; border-radius:5px; padding:0 20px; }
.charge1 dl dd ul {display: flex; margin-top:9px;}
.charge1 dl dd ul li {width:75px;font-size:15px;color:#111;line-height:36px;text-align:center; background:linear-gradient(0deg, #eaebf0, #fefefe);border:1px solid #bebebe; border-radius:6px; overflow:hidden; cursor: pointer; position:relative; margin-right:5px;}
.charge1 dl dd ul li:after {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff;}
.charge1 dl dd ul li.btn02 {width:60px;color:#fff; background:#da346b; border:1px solid #da346b;}
.charge1 dl dd ul li.btn02:after {display:none;}


.page {margin-top:20px;text-align:center;}
.page .btn {display:inline-block;width:auto;height:34px;vertical-align:top;}
.page .btn img {vertical-align:top;}
.page ul {display:inline-block;vertical-align:top;padding:0 1px;}
.page ul li {display:inline-block;width:34px;height:34px;border:1px solid #bebebe;border-radius:6px;background:linear-gradient(0deg, #e2e2e2, #fff);box-sizing:border-box; font-size:15px;line-height:31px;text-align:center; margin:0 2px;vertical-align:top;overflow:hidden;position:relative;}
.page ul li:after {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff;}
.page ul li a {display:block;color:#333;}
.page ul li strong {display:block;color:#333;font-weight:bold;}

    
/* footer */
#footer { position: relative; z-index:1; padding:35px 0 80px;box-sizing:border-box;overflow:hidden; font-size:16px;color:#555;line-height:20px;text-align:center;}


.mypage {}
.mypage dl {border-bottom:2px solid #fff;position:relative;}
.mypage dl:after {content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #e3e3e3;}
.mypage dl dt {position:absolute;top:50%;left:0;width:167px;font-size:15px;color:#333;line-height:20px;text-align:center;margin-top:-10px;}
.mypage dl dd {font-size:15px;color:#111;line-height:38px;min-height:38px;padding:10px;margin-left:167px;border-left:2px solid #e3e3e3;}
.mypage dl .input1 {border:1px solid #d5d5d5;border-radius:5px;background:#f3f4fa;width:188px;height:38px;box-sizing:border-box;padding:0 15px;font-size:15px;color:#111;}
.mypage dl .input2 {border:1px solid #d5d5d5;border-radius:5px;background:#f3f4fa;width:120px;height:38px;box-sizing:border-box;padding:0 15px;font-size:15px;color:#111;}
.mypage dl .t1 {color:#ff3434;margin-left:5px;}
.mypage dl .t2 {color:#767687;margin-left:5px;}
.mypage dl label {display:inline-block;margin-right:15px;}


.join_con {width:1320px;}


.right_con {position:fixed;top:80px;right:20px;width:270px;color:#fff;}
.right_con.off  {position:absolute;}
.right_con .boxxx {border:2px solid #fff;border-radius:10px;background:linear-gradient(0deg, #eaebf0, #fefefe, #eaebf0);padding:9px 7px;margin-bottom:20px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);}
.right_con .bbbox {border:1px solid #e3e3e3;border-radius:10px;background:linear-gradient(0deg, #fefefe, #eaebf0, #fefefe);padding:60px 10px 11px;position:relative;}
.right_con .title {position:absolute;top:-1px;left:-1px;width:250px;height:50px;background:linear-gradient(0deg, #0050bb, #00aaea);border-radius:10px 10px 0 0;}
.right_con .title dl {display: flex; justify-content: space-between; padding:0 10px;}
.right_con .title dl dt {font-size:20px;color:#fff;line-height:52px;font-weight:bold;}
.right_con .title dl dd {font-size:15px;color:#fff;line-height:52px;font-weight:bold;}
.right_con .title dl dd label {margin-right:10px;}
.right_con .title dl img {margin-top:-5px;}
.right_con .list {border:1px solid #e3e3e3;border-radius:10px;background:#fff;margin-top:10px;color:#666;}
.right_con .list > tbody > tr:first-child {border-top:0;}
.right_con .list > tbody > tr {border-top:1px solid #e3e3e3;padding:9px 13px 9px 20px; display: block;}
.right_con .list > tbody > tr > td {display: block;}
.right_con .box {border:1px solid #e3e3e3;border-radius:6px;background:linear-gradient(0deg, #fff, #fff, #fff, #fff, #ededed, #fff);padding:12px 15px;margin-bottom:10px; position:relative;}
.right_con .box:after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #fff;border-radius:6px;}
.right_con .box dl {display: flex; justify-content: space-between;margin:2px 0;position:relative;z-index:1;}
.right_con .box dl dt {font-size:15px;color:#666;line-height:30px;}
.right_con .box dl dd {font-size:15px;color:#0052b8;line-height:30px;font-weight:500;}
.right_con .box dl dd span {color:#0052b8;}
.right_con .box dl dd input {border:1px solid #d5d5d5;background:#f3f4fa;width:100px;height:30px;box-sizing:border-box;padding:0 10px;font-size:15px;color:#000; text-align:right;}
.right_con .jg {display:grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.right_con .jg a {font-size:14px;color:#111;line-height:30px;text-align:center;text-transform: uppercase; background:linear-gradient(0deg, #eaebf0, #fefefe);border:1px solid #bebebe;border-radius:6px;position:relative;overflow:hidden;}
.right_con .jg a:after {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff;}
.right_con .btn {margin-top:17px;}
.right_con .banner {border:2px solid #fff;border-radius:10px;background:linear-gradient(0deg, #eaebf0, #fefefe, #eaebf0);padding:9px 7px;margin-bottom:20px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);}

.right_banner {position:absolute;top:80px;right:20px;width:270px;}


/* main visual */
.main_visual_box { width: 100%; -height: 444px; margin:10px auto 0; position: relative; font-family: 'Noto Sans KR', sans-serif; z-index: 99; box-sizing:border-box; border-radius:8px; overflow:hidden; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);}
.main_visual_box .swiper1 { width: 100%; height: 100%; position: relative; left: 0; bottom: 0; margin-bottom: 0; }
.main_visual_box .swiper1 .swiper-slide {}
.main_visual_box .swiper1 .swiper-slide img {width:100%;}
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active {}
    
@keyframes main_img {
    from { transform: scale(1.2); }
    to {  }
}
@keyframes main_txt {
    from { opacity: 0; transform: translateY(80px);  }
    to { opacity: 1; }
}

.main_visual_box .swiper-pagination {}
.main_visual_box .swiper-pagination-bullet {width:16px;height:16px;background:#fff; opacity: .4;}
.main_visual_box .swiper-pagination-bullet-active { background:#0161a3; opacity: 1; }

.main_con {display: flex; gap: 10px; margin:45px 0 0;}
.main_con .swiper2 {background:url(../images/main_bannerbg.png) no-repeat center / cover;padding:10px;border-radius:8px;box-sizing:border-box;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);}
.main_con .ban {background:url(../images/main_bannerbg.png) no-repeat center / cover;padding:10px;border-radius:8px;box-sizing:border-box;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);}
.main_con ul {display:grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.main_con ul li {background:url(../images/main_banbg.png) no-repeat center / cover;padding:10px;border-radius:8px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); cursor: pointer;}
.main_con img {max-width:100%;}


.ft_txt {font-size:12px;color:rgba(255,255,255,.3);margin-top:20px;}