@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
@font-face{font-family:'rararara';src:url(font/3436RARARARA.woff2) format('woff2'),url(font/3436RARARARA.woff) format('woff');font-display:swap}
.rararara{font-family:'rararara'!important}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle;font-size:100%}
button {border:0 none;background-color:transparent;cursor:pointer}
button:focus {outline:0}
/* table {border-collapse:collapse;border-spacing:0} */
body {-webkit-text-size-adjust:none} /* ºäǥƮ º¯È¯½Ã ÆùƮũ±â ÀÚµ¿È®´ë ¹æÁö. */
input:checked[type='checkbox'] {-webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset'] {-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}

body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'AppleSDGothicNeo','Malgun gothic',sans-serif;color:#333}

a {color:#333;text-decoration:none ; cursor: pointer;}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
li a, li a img {display:block}
img {vertical-align:top}
a {/*background-color:rgba(255, 0, 0, 0.45)*/}
input {/*background-color:rgba(7, 55, 0, 0.8) !important*/}
/****************************** default_Link **********************************************************************************************************/
/* global */
.ir {display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent}
.s_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.s_hide {font-size:0;line-height:0;visibility:hidden}
.show {display:block}
.hide {display:none}
.clear_g {display:block;overflow:visible;width:auto;clear:both}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}

/* common */
#jwonWrap {position:relative;width:100%;min-height:950px;min-height:100vh;margin:0 auto;background_:url(../images/common/bg_m.jpg) repeat}
.wrap_cont {overflow:hidden}
.wrap_button {overflow:hidden}
.tit_main {display:block;overflow:hidden;height:32px;padding-left:6px;padding-bottom:8px}
.tit_main img {height:100%}
.select_g {position:absolute;top:4px;right:8px;width:74px;height:30px;padding-left:4px;border:0 none;border-radius:4px;background-color:#0e0d0b;color:#eee}
.select_g2 {top:4px;right:8px;width:74px;height:30px;padding-left:4px;border:0 none;border-radius:4px;background-color:#0e0d0b;color:#eee}
.btn_info {position:absolute;top:6px;right:8px;width:24px;height:24px;background:url(../images/common/ico_info.png) no-repeat;background-size:24px 24px}
.wrap_info {display:none;position:absolute;top:40px;right:4px;padding:10px;font-size:12px;border-radius:4px;border:2px solid #948677;background-color:rgba(0,0,0,.9);color:#bbb;    z-index: 1;}
.wrap_info .tit_info {display:block;font-size:14px;text-align:center;color:#fbdbb1}
.wrap_info .txt_info {display:block;margin-top:4px}
.wrap_info .txt_info em {color:#ff970e}

.mark_level {display:inline-block;width:15px;height:16px;line-height:14px;padding-left:1px;margin:1px 3px 0 0;background:url(../images/common/bg_mark.png) no-repeat;background-size:16px 16px;vertical-align:top;font-weight:normal;font-size:13px;color:#fad374;text-align:center;text-shadow:0px 1px 3px #000}
.view_notice {margin-bottom:10px}
.view_notice img {width:100%}
.inp_check {position:absolute;top:14px;left:8px}
.inp_check input {display:inline-block;width:14px;height:14px;vertical-align:top}
.inp_box {position:relative;width:166px;height:20px;padding:5px 10px;margin-right:3px;margin-bottom:10px;border:1px solid #29211e;border-radius:4px;font-size:13px;line-height:13px;background-color:rgba(0,0,0,.7);-webkit-box-shadow:inset 2px 2px 4px 0px rgba(0,0,0,0.1);-moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,0.75);box-shadow:inset 2px 2px 4px 0px rgba(0,0,0,0.1);color:#ddd}
.inp_box input {display:inline-block;width:100%;height:20px;border:0 none;border-radius:4px;font-size:12px;line-height:16px;background-color:transparent;outline:none;color:#ddd}
.inp_box.inp_date {width:150px;text-align:center}
.inp_box.inp_date input {width:44%}
.inp_date .mark {display:inline-block;padding:2px 5px 0 2px ;font-weight:bold;vertical-align:top}
/************************** textarea, input, select *******************************************************************************************/

/* wrap_paging */
.wrap_paging{margin-top:10px;text-align:center}
.wrap_paging .inner_paging {display:inline-block;position:relative;height:28px}
.wrap_paging a {display:inline-block;font-size:12px;line-height:28px;color:#eee;letter-spacing:-1px;text-align:center}
.wrap_paging .num_prev, .wrap_paging .num_next {position:absolute;top:0;font-weight:bold;font-size:13px;letter-spacing:-1px;color:#eee}
.wrap_paging .num_prev {left:-50px}
.wrap_paging .num_next {right:-50px}
.wrap_paging span.num_prev, .wrap_paging span.num_next {line-height:28px;color:#8a8a8a}
.wrap_paging .arrow {display:inline-block;padding:0 3px;margin-top:-1px;vertical-align:top}
.wrap_paging a.num {width:16px}
.wrap_paging a.cur {position:relative;font-weight:bold;color:#faae41}
.wrap_paging a.cur:after {content:'';position:absolute;bottom:5px;left:2px;width:86%;height:1px;background-color:#faae41}

/* button  */
.btn_del {display:inline-block;position:relative;width:18px;height:18px;border-radius:4px;background:url(../images/common/btn_del.png) no-repeat;background-size:18px 18px;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box}
a.btn_write {position:absolute;bottom:64px;right:4px;height:36px;background-size:100px 36px;-webkit-box-shadow:0px -1px 4px 0px rgba(255,255,255,0.22);-moz-box-shadow:0px -1px 4px 0px rgba(255,255,255,0.22);box-shadow:0px -1px 4px 0px rgba(255,255,255,0.22)}

.btn_type01, .btn_type02, .btn_type03, .btn_g, .btn_m {display:inline-block;position:relative;border-radius:4px;vertical-align:top;font-size:12px;color:#eee;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box}
.btn_g {height:32px;line-height:26px;padding:0 5px;-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 8px 0px rgba(0,0,0,0.75);text-shadow:0px 0px 4px #000}
.btn_mini {display:inline-block;position:relative;height:25px;padding:0 5px;font-size:13px;line-height:22px;letter-spacing:-1px;border-radius:4px;text-align:center;color:#f1f1f1;vertical-align:top}
.btn_type01, .btn_type02 {height:32px;line-height:30px;background:url(../images/common/btn_s.png) no-repeat}
.btn_type01 {width:60px;background-size:60px 32px}
.btn_type02 {width:100px;background-size:100px 32px} 
.btn_type03 {width:90px;height:32px;line-height:30px;background:url(../images/common/btn_bg.png) no-repeat;background-size:90px 32px;-webkit-box-shadow:0px -1px 4px 0px rgba(255,255,255,0.22);-moz-box-shadow:0px -1px 4px 0px rgba(255,255,255,0.22);box-shadow:0px -1px 4px 0px rgba(255,255,255,0.22)}
.btn_del:hover:after, .btn_g:hover:after, .btn_type01:hover:after, .btn_type02:hover:after, .btn_type03:hover:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;background-color:rgba(0,0,0,.3)}

.btn_type04 {background:rgba(204,185,157,1);
	background:-moz-linear-gradient(top, rgba(204,185,157,1) 0%, rgba(163,121,59,1) 26%, rgba(82,56,19,1) 100%);
	background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,185,157,1)), color-stop(26%, rgba(163,121,59,1)), color-stop(100%, rgba(82,56,19,1)));
	background:-webkit-linear-gradient(top, rgba(204,185,157,1) 0%, rgba(163,121,59,1) 26%, rgba(82,56,19,1) 100%);
	background:-o-linear-gradient(top, rgba(204,185,157,1) 0%, rgba(163,121,59,1) 26%, rgba(82,56,19,1) 100%);
	background:-ms-linear-gradient(top, rgba(204,185,157,1) 0%, rgba(163,121,59,1) 26%, rgba(82,56,19,1) 100%);
	background:linear-gradient(to bottom, rgba(204,185,157,1) 0%, rgba(163,121,59,1) 26%, rgba(82,56,19,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccb99d', endColorstr='#523813', GradientType=0 )}

.btn_type05 {background:#a4b357;
    background:-moz-linear-gradient(top,#a4b357 0%, #515c14 31%, #2a3009 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%,#a4b357), color-stop(31%, #515c14), color-stop(100%, #2a3009));
    background:-webkit-linear-gradient(top,#a4b357 0%, #515c14 31%, #2a3009 100%);
    background:-o-linear-gradient(top,#a4b357 0%, #515c14 31%, #2a3009 100%);
    background:-ms-linear-gradient(top,#a4b357 0%, #515c14 31%, #2a3009 100%);
    background:linear-gradient(to bottom, #a4b357 0%, #515c14 31%, #2a3009 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#2a3009', GradientType=0 )}

.btn_type06 {background:#ba7a58;
	background:-moz-linear-gradient(top, #ba7a58 0%, #994d29 31%, #6e3610 100%);
	background:-webkit-gradient(left top, left bottom, color-stop(0%, #ba7a58), color-stop(31%, #994d29), color-stop(100%, #6e3610));
	background:-webkit-linear-gradient(top, #ba7a58 0%, #994d29 31%, #6e3610 100%);
	background:-o-linear-gradient(top, #ba7a58 0%, #994d29 31%, #6e3610 100%);
	background:-ms-linear-gradient(top, #ba7a58 0%, #994d29 31%, #6e3610 100%);
	background:linear-gradient(to bottom, #ba7a58 0%, #994d29 31%, #6e3610 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba7a58', endColorstr='#6e3610', GradientType=0 )}

.btn_type07 {background:#644e42;
	background:-moz-linear-gradient(top, #644e42 0%, #4a3124 31%, #2e231d 100%);
	background:-webkit-gradient(left top, left bottom, color-stop(0%, #644e42), color-stop(31%, #4a3124), color-stop(100%, #2e231d));
	background:-webkit-linear-gradient(top, #644e42 0%, #4a3124 31%, #2e231d 100%);
	background:-o-linear-gradient(top, #644e42 0%, #4a3124 31%, #2e231d 100%);
	background:-ms-linear-gradient(top, #644e42 0%, #4a3124 31%, #2e231d 100%);
	background:linear-gradient(to bottom, #644e42 0%, #4a3124 31%, #2e231d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#644e42', endColorstr='#2e231d', GradientType=0 )}

.btn_type08 {background:#594e3c;
    background:-moz-linear-gradient(top, #9e8865 0%, #54421d 31%, #322918 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, #9e8865), color-stop(31%, #54421d), color-stop(100%, #322918));
    background:-webkit-linear-gradient(top, #9e8865 0%, #54421d 31%, #322918 100%);
    background:-o-linear-gradient(top, #9e8865 0%, #54421d 31%, #322918 100%);
    background:-ms-linear-gradient(top, #9e8865 0%, #54421d 31%, #322918 100%);
    background:linear-gradient(to bottom, #9e8865 0%, #54421d 31%, #322918 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#594e3c', endColorstr='#322918', GradientType=0 )}

.btn_type09 {background:#4c4c4c;
    background:-moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666 25%, #333 50%, #1c1c1c 84%, #131313 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, #4c4c4c), color-stop(12%, #595959), color-stop(25%, #666), color-stop(50%, #333), color-stop(84%, #1c1c1c), color-stop(100%, #131313));
    background:-webkit-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666 25%, #333 50%, #1c1c1c 84%, #131313 100%);
    background:-o-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666 25%, #333 50%, #1c1c1c 84%, #131313 100%);
    background:-ms-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666 25%, #333 50%, #1c1c1c 84%, #131313 100%);
    background:linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666 25%, #333 50%, #1c1c1c 84%, #131313 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 )}

.t_noti, .t_event {display:block;width:36px;height:17px;padding-right:1px;margin:4px auto 0;font-size:11px;line-height:15px;border-radius:3px;color:#fff}
.t_noti {background-color:#644e42;
    background:-moz-linear-gradient(top, #644e42 0%, #3a312c 100%);
    background:-webkit-linear-gradient(top, #644e42 0%, #3a312c 100%);
    background:-o-linear-gradient(top, #644e42 0%, #3a312c 100%));
    background:-ms-linear-gradient(top, #644e42 0%, #3a312c 100%);
    background:linear-gradient(to bottom, #644e42 0%, #3a312c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#644e42', endColorstr='#3a312c', GradientType=0 )}
.t_event {background-color:#8e2a00;
    background:-moz-linear-gradient(top, #ad7c43 0%, #8e2a00 100%);
    background:-webkit-linear-gradient(top, #ad7c43 0%, #8e2a00 100%);
    background:-o-linear-gradient(top, #ad7c43 0%, #8e2a00 100%);
    background:-ms-linear-gradient(top, #ad7c43 0%, #8e2a00 100%);
    background:linear-gradient(to bottom, #ad7c43 0%, #8e2a00 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad7c43', endColorstr='#8e2a00', GradientType=0 )}
.waiting .t_noti {background:#8f8f8f;
    background:-moz-linear-gradient(top, #6c6c6c 0%, #515050 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, #6c6c6c), color-stop(100%, #515050));
    background:-webkit-linear-gradient(top, #6c6c6c 0%, #515050 100%);
    background:-o-linear-gradient(top, #6c6c6c 0%, #515050 100%);
    background:-ms-linear-gradient(top, #6c6c6c 0%, #515050 100%);
    background:linear-gradient(to bottom, #6c6c6c 0%, #515050 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6c6c', endColorstr='#515050', GradientType=0 )}

.t_noti2, .t_event {display:block;width:36px;height:17px;padding-right:1px;margin:4px auto 0;font-size:11px;line-height:15px;border-radius:3px;color:#fff}
.t_noti2 {background-color:#644e42;
    background:-moz-linear-gradient(top, #644e42 0%, #3a312c 100%);
    background:-webkit-linear-gradient(top, #644e42 0%, #3a312c 100%);
    background:-o-linear-gradient(top, #644e42 0%, #3a312c 100%));
    background:-ms-linear-gradient(top, #644e42 0%, #3a312c 100%);
    background:linear-gradient(to bottom, #644e42 0%, #3a312c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#644e42', endColorstr='#3a312c', GradientType=0 )}

/* Footer */
#jwonFoot {position:absolute;bottom:0;left:0;width:100%}
.foot_menu {overflow:hidden;height:50px;width:370px;margin:0 auto;background:url(../images/common/bg_btn_foot.png) no-repeat;background-size:370px 40px}
.foot_gnb {overflow:hidden;width:344px;margin:0 auto;padding-top:10px}
.foot_gnb li {float:left;position:relative;padding:0 10px 0 9px}
.foot_gnb li:before {content:'';position:absolute;top:7px;left:0;width:1px;height:10px;background-color:#736b66}
.foot_gnb li:first-child:before {display:none}
.foot_gnb + .foot_gnb {padding-left:50px}
.foot_gnb .link_menu {font-size:13px;letter-spacing:-0.05em;color:#cdc4ad}
.foot_gnb .link_menu:hover {color:#fff}
.copyright {display:block;margin:-6px auto 0;padding-bottom:10px;font-size:10px;text-align:center;color:#bcbcbc}

/* header */
#jwonHead {position:relative;width:100%;background:url(../images/common/bg_head.png) 0 -14px no-repeat;background-size:100% 100%}
#jwonHead h1 {overflow:hidden;height:92px;background:url(../images/common/logo.png) 50% -14px no-repeat;background-size:150px}
#jwonHead h1 .img_g {display:block;width:150px;margin:0 auto}
#jwonHead .link_jwon {display:block;width:150px;height:64px;margin:0 auto}
#jwonHead .btn_menu {position:absolute;top:14px;left:10px;width:42px;}
#jwonHead .btn_menu img {display:block;width:100%}

.user_info {overflow:hidden;width:100%;padding:2px 0 5px;margin-top:-24px;font-size:12px;background-color:rgba(0,0,0,.7)}
.info_list {overflow:hidden;font-size:1px;text-align:center}
.info_list li {display:inline-block;position:relative;padding:3px 1px 0 5px;font-size:12px;vertical-align:top}
.info_list li:before {content:'';position:absolute;top:8px;left:0;width:1px;height:10px;background-color:#736b66}
.info_list li:nth-child(4) {padding-left:30px}
.info_list li:first-child:before, .info_list li:nth-child(4):before {display:none}
.info_list .tit_level {display:block;overflow:hidden;width:95px;margin-top:-1px;color:#fff;text-overflow:ellipsis;white-space:nowrap}
.info_list .tit_level img {width:28px;height:28px}
.info_list .tit_user {display:inline-block;margin-right:4px;vertical-align:top;color:#fff}
.info_list .num_info {color:#f8f17e}
.info_list .txt_won {color:#fff}
.info_list .btn_switch {display:inline-block;height:17px;font-size:12px;line-height:14px;padding:0 2px;margin:1px 0 0 4px;border-radius:3px;border:1px solid #a7a8ad;background-color:#2f323a;vertical-align:top;color:#fff}
.info_list .num_memo {display:inline-block;padding:0 3px;color:#f8f17e}
.info_service {float:right;padding-top:5px}
.info_service a {color:#fff}
.info_service a:hover {color:#f2deb0}

/* gnb */
.gnb {display:none;position:absolute;top:42px;left:5px;width:200px;border:1px solid #353535;background-color:rgba(14, 12, 9, 0.92);color:#eee;z-index:99}
.gnb .list_gnb .link_gnb {display:block;height:40px;padding:0 12px;line-height:40px;color:#eee}
.gnb .list_gnb li {overflow:hidden;border-top:1px solid #353535}
.gnb .list_gnb .fst {padding:14px 14px 8px 8px;border-top:0 none}
.gnb .link_ico {float:left;width:25%;font-size:10px;text-align: center;color:#eee;letter-spacing:-0.05em}
.gnb .link_ico img {width:70%;margin:0 auto 4px}

.lnb {padding:8px 0 8px 10px;height: 25px;}
.lnb li {float:left;width:33.33%}
.lnb .link_lnb {width:100px;height:25px;margin:0 auto;background:url(../images/common/lnb.png) no-repeat;background-size:100px 75px}
.lnb .link_lnb1 {background-position:0 0}
.lnb .link_lnb2 {background-position:0 -25px}
.lnb .link_lnb3 {background-position:0 -50px}
.lnb .link_lnb1:hover, .lnb .on .link_lnb1 {background-position:0 -25px}
.lnb .link_lnb2:hover, .lnb .on .link_lnb2 {background-position:-76px -25px}
.lnb .link_lnb3:hover, .lnb .on .link_lnb3 {background-position:-140px -25px}

.list_menu {padding:0 4px;text-align:center;height: 55px; line-height: 0px;}
.list_menu > li {display:inline-block;position:relative;width:49%;padding-top:2px;background:url(../images/common/btn_main.png) 0 0 no-repeat;background-size:100% 50px}
.list_menu .link_menu {display:inline-block;width:120px;height:48px;background-repeat:no-repeat;background-size:120px 48px;vertical-align:top}
.list_menu .link_menu1 {background-image:url(../images/common/btn_sports.png)}
.list_menu .link_menu2 {background-image:url(../images/common/btn_live.png)}
.list_menu .link_menu1.on {background-image:url(../images/common/btn_sports_on.png)}
.list_menu .link_menu2.on {background-image:url(../images/common/btn_live_on.png)}

.sub_menu {display:none;position:absolute;top:215px;left:2%;width:96%;padding:12% 0 12%;border-radius:4px;background-color:rgba(14, 12, 9, 0.8);z-index:1;font-size: 20px;}
.sub_menu li {text-align:center}
.sub_menu a {display:inline-block;height:50px;line-height:32px;color:#ffeecf}
.sub_menu.sub_menu1 a {height:auto;font-size:26px;line-height:60px}
.sub_menu.sub_menu2 li {float:left;width:50%}
.sub_menu.on {display:block}

.gnb_money {overflow:hidden;position:absolute;right:4px;top:13px}
.gnb_money li {float:left;width:50px;height:40px;background:url(../images/common/btn_bg.png) no-repeat;background-size:50px 40px}
.gnb_money li:first-child {margin-right:4px}
.gnb_money .link_m {height:40px;border-radius:4px;border:1px solid rgba(0,0,0,.6);background:url(../images/common/txt_money.png) no-repeat;background-size:180px 89px}
.gnb_money .btn_charge {background-position:-20px 1px}
.gnb_money .btn_excharge {background-position:-110px 1px}
.gnb_money .btn_charge:hover, .gnb_money .on .btn_charge {background-position:-20px -47px}
.gnb_money .btn_excharge:hover,  .gnb_money .on .btn_excharge {background-position:-110px -47px}

/*********** Content ***********/
#jwonContent {position:relative;padding:8px 0 100px}
.main_cont {position:relative;width:100%}
.inner_bg {min-height:100vh;background_:url(../images/common/bg_foot.png) 0 100% no-repeat;background-size:100%}
.top_visual {overflow:hidden;position:relative;border:2px solid #211c1a}
.top_visual:after {content:'';position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}
.top_visual img {width:150%;margin-left:-25%}
.sub_banner {margin-top:6px;border:2px solid #211c1a}
.sub_banner img {width:100%}
.cont_top #jwonContent {padding:8px 6px 100px}

/* cart */
.btn_cart {position:fixed;bottom:10px;right:10px;width:54px;height:54px;padding-top:2px;padding-left:2px;border-radius:30px;border:2px solid #f9dca8;background-color:rgba(0,0,0,.84);z-index:999}
.btn_cart img {width:36px}

.betting_cart {display:none;position:fixed;top:0;left:0;width:100%;padding-top:55px;background:url(../images/common/bg_t_silp.png) no-repeat 0 0;background-size:100%;color:#fff;z-index:100;box-shadow:1px 6px 20px #000}
.betting_cart .cart_closing {display:none;position:absolute;top:0;right:0;width:100%;height:99%;padding-top:100px;border-radius:6px;font-size:30px;text-align:center;background:rgba(0,0,0,0.7);box-sizing:border-box;-webkit-box-sizing:border-box;color:#fffb47}
.betting_cart .wrap_button {overflow:hidden;position:absolute;top:17px;right:15px}
.betting_cart .wrap_button .btn_g {float:left;width:30px;height:30px;margin-left:7px;border-radius:15px}
.betting_cart .wrap_button .btn_g:hover, .betting_cart .wrap_button .btn_g.on {background-color:rgba(0, 0, 0, .3)}
.betting_cart .wrap_button li:first-child .btn_g {margin-left:0}

.info_asset {overflow:hidden;position:relative;padding:5px 16px 0;font-size:13px;line-height:24px}
.info_asset:before {content:'';position:absolute;top:10px;left:50%;width:1px;height:88%;background-color:rgba(255,255,255,.5)}
.info_asset li {float:left;width:50%;padding:0 6px;box-sizing:border-box;-webkit-box-sizing:border-box}
.info_asset li:last-child {padding-right:0}
.info_asset li:last-child .tit {padding-top:1px}
.info_asset .tit, .info_asset .num {float:left;width:50%}
.info_asset .num {text-align:right}
.info_asset .num .inptext{background-color: transparent; border: none; width: 70%; text-align: right; font-size: 13px; line-height: 24px; color: #fff; font-family: 'AppleSDGothicNeo','Malgun gothic',sans-serif; height: 22px; vertical-align: top;}
.info_asset .txt_won {display:inline-block;margin-left:2px;font-size:12px;vertical-align:top}
.info_asset .inp_money {float:left;width:50%;height:28px;padding:0 6px;border-radius:3px;border:1px solid #1b1b1b;background-color:#313131;box-shadow:inset 1px 1px 3px #151515;box-sizing:border-box;-webkit-box-sizing:border-box}
.info_asset .inp_money input {display: inline-block; width: 100%; outline: none; border: 0 none; background-color: transparent; line-height: 24px; height: 20px; color: #c0c008; vertical-align: top; -webkit-appearance: none; text-align: right; ime-mode: disabled; font-size: 14px; font-family: 'AppleSDGothicNeo','Malgun gothic','¸¼Àº °íµñ',sans-serif;}

.cart_set {padding:13px 16px 0}
.cart_set .list_money {padding:0 4px 5px;border-radius:4px;background:rgba(78,78,78,0.4);
    background:-moz-linear-gradient(left, rgba(78,78,78,0.4) 0%, rgba(78,78,78,0.18) 52%, rgba(78,78,78,0.4) 100%);
    background:-webkit-gradient(left top, right top, color-stop(0%, rgba(78,78,78,0.4)), color-stop(52%, rgba(78,78,78,0.18)), color-stop(100%, rgba(78,78,78,0.4)));
    background:-webkit-linear-gradient(left, rgba(78,78,78,0.4) 0%, rgba(78,78,78,0.18) 52%, rgba(78,78,78,0.4) 100%);
    background:-o-linear-gradient(left, rgba(78,78,78,0.4) 0%, rgba(78,78,78,0.18) 52%, rgba(78,78,78,0.4) 100%);
    background:-ms-linear-gradient(left, rgba(78,78,78,0.4) 0%, rgba(78,78,78,0.18) 52%, rgba(78,78,78,0.4) 100%);
    background:linear-gradient(to right, rgba(78,78,78,0.4) 0%, rgba(78,78,78,0.18) 52%, rgba(78,78,78,0.4) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#4e4e4e', GradientType=1 )}
.cart_set .list_money{overflow:hidden}
.cart_set .list_money li {float:left;width:25%;margin-top:7px}
.cart_set .list_money li.lst {width:50%}
.cart_set .btn_money {display:block;width:92%;height:34px;margin:0 auto;font-size:13px;line-height:32px;color:#ddd;text-align:center;border-radius:5px;background:url(../images/common/btn_m.png) no-repeat 0 0;background-size:100%}
.cart_set .btn_betting {width:96%;background:url(../images/common/btn_betting.png) no-repeat 0 0;background-size:100%}
.cart_set .btn_delete {width:96%;background:url(../images/common/btn_m_del.png) no-repeat 0 0;background-size:100%}
.cart_set .btn_money:hover, .cart_set .btn_betting:hover {background-color:rgba(0, 0, 0, .3)}

.cart_item {position:relative;min-height:50px;padding:5px 1px;font-size:11px;font-family:Dotum,Arial;background-image:url(../images/common/bg_m_silp.png);background-repeat:repeat-y}
.cart_item:after {content:'';position:absolute;bottom:-5px;left:0;width:100%;height:15px;background:url(../images/common/bg_b_silp.png) 0 0 no-repeat;background-size:100%}
.cart_item .inner_item {padding:0 15px;background-color:#11110e}
.cart_item .item_betting {position:relative;padding:9px 0 6px;border-top:1px dotted #bbb}
.cart_item .item_betting:first-of-type {border-top:0 none}
.cart_item .team {position:relative;overflow:hidden;width:135px;height:20px;padding-left:20px;font-size:11px;line-height:20px;white-space:nowrap;text-overflow:ellipsis}
.cart_item .team.pick {color:#fed1ad}
.cart_item .part {position:absolute;top:1px;left:0;width:16px;height:16px;line-height:17px;border-radius:3px;text-align:center;color:#fff}
.cart_item .home .part {background-color:#635146}
.cart_item .away .part {background-color:#ebcdbb;color:#000}
.cart_item .item_betting .betting {position:absolute;top:10px;right:26px;font-size:12px;text-align:right}
.cart_item .item_betting .betting .rate2 {font-weight:bold;color:#55c3bd}
.cart_item .btn_del {position:absolute;top:9px;right:0}
.cart_item .btn_del:hover {background-color:rgba(0, 0, 0, .3)}

.list_head {overflow:hidden;height:28px;line-height:28px;font-weight:bold;background-color:rgba(0,0,0,.4);text-align:center}
.list_head  span {position:relative;float:left;height:20px;padding:4px 0;line-height:20px;font-size:11px;font-weight:bold;font-family:'Noto Sans',¸¼Àº °íµñ,'Malgeun Gothic','¸¼Àº °íµñ',dotum !important;color:#bbb}
.list_head span:after {content:'';position:absolute;top:9px;left:0;width:1px;height:12px;background-color:#6b6b6b}
.list_head span:first-of-type:after {display:none}
.list_head  th {position:relative;height:20px;padding:4px 0;line-height:20px;font-size:11px;font-weight:bold;font-family:'Noto Sans',¸¼Àº °íµñ,'Malgeun Gothic','¸¼Àº °íµñ',dotum !important;color:#bbb}
.list_head th:after {content:'';position:absolute;top:9px;left:0;width:1px;height:12px;background-color:#6b6b6b}
.list_head th:first-of-type:after {display:none}

.list_head .home {width:40%}
.list_head .draw {width:10%}
.list_head .away {width:40%}
.list_head .status {width:10%}
.list_head .status2 {width:10%}
.item_game {position_:relative}
.item_game .tit_league {height:28px;line-height:32px;padding-top:4px;padding-left:6px;font-size:14px;font-weight:bold;color:#ddd;text-align:left;float:left;}
.item_game .tit_league .img_league {display:inline-block;width:22px;height:16px;margin-top:9px;margin-right:6px;vertical-align:top}

 .tit_league {height:28px;line-height:32px;padding-top:4px;padding-left:6px;font-size:14px;font-weight:bold;color:#ddd;text-align:left}
 .tit_league .img_league {display:inline-block;width:22px;height:16px;margin-top:9px;margin-right:6px;vertical-align:top}

.item_game .num_date {position: relative; top: 13px; right: 5px; float: right; font-size: 12px; text-align: right; color: #eee;}
.head_type_02 {height:30px;padding:0;background-color:#eee;border:1px solid #bbb;border-bottom:0 none}
.head_type_02 span {padding:5px 0}
.head_type_02 span:after {top:0;height:30px;background-color:#bbb}
.head_type_02 .date {width:84px}
.head_type_02 .league {width:160px}
.head_type_02 .home {width:266px}
.head_type_02 .draw {width:70px}
.head_type_02 .away {width:266px}
.head_type_02 .status {width:70px;text-align:center}


/* game_sparts */
.tbl_game {width:100%}
.tbl_game th, .tbl_game td {padding:3px 5px 2px;font-size:10px;border-radius:2px;border:1px solid rgba(0,0,0,.3);background-color:rgba(0,0,0,.4); color:#ddd;cursor:pointer}
.tbl_game th {background-color:rgba(0,0,0,.6);pointer-events:none}
.tbl_game .item_bet {position:relative;width:100%;height:100%}
.tbl_game td > div {min-height:20px}
.tbl_game td.date, .tbl_game td.status2, .tbl_game td.status, .tbl_game td.result {float:none;padding:5px 0;text-align:center}
.tbl_game .col1 {width:40%}
.tbl_game .col2 {width:10%}
.tbl_game .ico_uo {display:inline-block;margin:0 2px}
.tbl_game .ico_under {left:1px;color:#0893ff}
.tbl_game .ico_over {right:1px;color:#fd0202}
.tbl_game .handi_mark {display:inline-block;margin:0 2px;font-weight:bold;color:#86b857}
.handi_mark {display:inline-block;margin:0 2px;font-weight:bold;color:#86b857}
.tbl_game .txt_vs {font-weight:bold;color:#fe0505}
.tbl_game .rate {position:absolute;top:50%;margin-top:-9px}
.tbl_game .team_name {display:inline-block;width:70%;line-height:18px}
.tbl_game .home .rate, .tbl_game .away .rate {width:40px}
.tbl_game .home {text-align:left}
.tbl_game .home .rate {right:0;text-align:right}
.tbl_game .away {text-align:right}
.tbl_game .away .rate {left:0;text-align:left}
.tbl_game .draw {padding:0;text-align:center}
.tbl_game .draw .rate {display:inline-block;position:static;top:0;margin-top:1px}
.tbl_game td.checked, .tbl_game td:hover {font-weight:bold;background-color:rgba(0,0,0,.7);color:#c7834a;border:1px solid #fff;}
.item_bonus .tit_league, .item_bonus .tbl_game td .team_name {color:#f1c21c !important}

.wrap_game .tbl_game thead {display:none}
.wrap_game .tbl_game td:first-child:hover, .wrap_game .tbl_game td:last-child:hover {font-weight:normal;background-color:rgba(0,0,0,.4);color:#ddd;cursor:initial}
.wrap_game .game_end td {color:#606060;cursor:initial}
.wrap_game .game_end td:hover {font-weight:normal;background-color:rgba(0,0,0,.4);color:#606060;cursor:initial}

/* ½Ç½Ã°£ ¹Ì´Ï°ÔÀÓ */
.tool_frame {overflow:hidden;position:relative;height:50px;padding-left:104px}
.tool_frame .btn_reload {position:absolute;top:0;left:0;width:100px}
.tool_frame .btn_reload:hover {opacity:.8}
.tool_frame .btn_reload img {width:100%}
.tool_frame .list_notice {padding-top:2px;font-size:10px;color:#eee;letter-spacing:-0.05em}
.game_frame {overflow:hidden;width:100%;background-color:#211c1a;border:2px solid #211c1a;text-align:center}
.game_frame iframe {display:block;overflow:hidden;width:830px;margin:0 auto;border:none}

.dari_frame  iframe {margin-top:-55px;height:614px}
.power_frame iframe {height:405px}
.crown_oe_frame iframe {height:594px}
.crown_bc_frame iframe {height:584px}
.mgm_frame {width:910px;height:590px}
.mgm_frame iframe {width:1192px;height:590px;margin-left:-282px}
.lotus_oe_frame iframe {width:826px;height:524px}
.lotus_bc_frame iframe {width:826px;height:642px}


.ladder_frame {height:324px}
iframe#ifm_sadari { 
    -moz-transform:scale(0.60, 0.60);
    -webkit-transform:scale(0.60, 0.60); 
    -o-transform:scale(0.60, 0.60); 
    -ms-transform:scale(0.60, 0.60); 
    transform:scale(0.60, 0.60); 
    -moz-transform-origin:top left;-webkit-transform-origin:top left;-o-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}

.dari_frame {height:344px}
iframe#ifm_dari { 
    -moz-transform:scale(0.66, 0.66);
    -webkit-transform:scale(0.66, 0.66); 
    -o-transform:scale(0.66, 0.66); 
    -ms-transform:scale(0.66, 0.66); 
    transform:scale(0.66, 0.66); 
    -moz-transform-origin:top left;
    -webkit-transform-origin:top left; 
    -o-transform-origin:top left; 
    -ms-transform-origin:top left; 
    transform-origin:top left; 
}

iframe#ifm_power { 
    -moz-transform:scale(0.45, 0.50);
    -webkit-transform:scale(0.45, 0.50); 
    -o-transform:scale(0.45, 0.50); 
    -ms-transform:scale(0.45, 0.50); 
    transform:scale(0.43, 0.50); 
    -moz-transform-origin:top left;
    -webkit-transform-origin:top left; 
    -o-transform-origin:top left; 
    -ms-transform-origin:top left; 
    transform-origin:top left; 
}

.cont_graph .wrap_input {padding-left:8px;font-size:1px;line-height:1px}
.cont_graph .wrap_input .inp_move {position:relative;margin-bottom:8px}
.cont_graph .wrap_input .inp_comm {display:inline-block;width:164px;height:30px;padding:0 8px;margin-right:1px;border:1px solid #191413;border-radius:4px;font-size:15px;line-height:32px;background-color:#1f1816;text-align:right;color:#f6f6f6;vertical-align:top;outline:0;-webkit-box-shadow:inset 2px 2px 4px 0px rgba(0,0,0,0.1);-moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,0.75);box-shadow:inset 2px 2px 4px 0px rgba(0,0,0,0.1)}
.cont_graph .wrap_input .inp_move:first-of-type a {width:120px;background-size:120px 32px}
.graph_frame {width:100%;border:0 none}
.graph_frame iframe {width:100%;margin:0}

.game_mini .txt_notice {margin:0 4px;padding-left:4px;font-size:11px;line-height:29px;color:#ff0000;letter-spacing:-1px;background-color:rgba(0,0,0,.4)}
.item_mini {display:block;margin-top:10px;padding-top:5px;font-weight:bold;font-size:16px;line-height:20px;color:#fff}
.txt_notice  + .item_mini {margin-top:0}
.item_mini .tit_league {padding-top:0}
.item_mini .tit_game {position:absolute;top:32px;left:0;width:242px;height:156px;font-weight:normal;font-size:18px;color:#fff;text-align:center}
.item_mini .tit_game .date {display:inline-block;padding-top:10px}
.item_mini .tit_game .episode {display:inline-block;margin-left:4px;color:#ffc000}
.item_mini .tit_game .time {display:block;padding-top:15px;font-size:60px;line-height:60px}
.item_mini .desc_game {display:block;overflow:visible;width:auto;height:100px;border:1px solid #000;border-top:1px solid rgba(0,0,0,.5);background:url(../images/game/mini/mini_bg.jpg) 0 0 no-repeat;
    background-size:100% 100px;clear:both;*zoom:1}
.item_mini .desc_game:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}

.list_mini {overflow:hidden;height:80px}
.list_mini li {float:left}
.list_mini .rate {display:block;position:absolute;bottom:2px;left:0;width:100%;font-weight:normal;font-size:14px;line-height:22px;text-align:center;font-family:Tahoma;letter-spacing:0;color:#f1f1f1}
.list_mini a:hover .rate, .list_mini a.on .rate{color:#80c269}
.list_mini .way_img {display:block;font-size:1px;line-height:1px;color:transparent}
.list_mini .btn_mini2 {position:relative}
.list_mini .btn_mini2:hover .way_img:after, .list_mini .btn_mini2.on .way_img:after {content:'';position:absolute;top:0;left:0;border-radius:4px;border:2px solid #80c269}

/* Ȧ¦ °øÅë */
.game_oe .list_mini {padding:18px 70px 0}
.game_oe .list_mini li {width:50%;text-align:center}
.list_mini .btn_mini {display:block;width:64px;height:64px;padding:0;margin:0 auto}
.list_mini .btn_mini .way_img {width:64px;height:64px;background-repeat:no-repeat;background-size:64px 64px}
.list_mini .btn_mini:hover .way_img:after, .list_mini .btn_mini.on .way_img:after {content:'';position:absolute;top:0;left:0;width:60px;height:60px;border-radius:60px;border:2px solid #80c269}
.list_mini .btn_odd .way_img {background-image:url(../images/game/mini/mini_odd_off.png)}
.list_mini .btn_odd:hover .way_img, .list_mini .btn_odd.on .way_img {background-image:url(../images/game/mini/mini_odd_on.png)}
.list_mini .btn_even .way_img {background-image:url(../images/game/mini/mini_even_off.png)}
.list_mini .btn_even:hover .way_img, .list_mini .btn_even.on .way_img {background-image:url(../images/game/mini/mini_even_on.png)}

/* Ȧ¦_¾ð´õ¿À¹ö */
.game_oe_type02 .list_mini {padding:18px 28px 0}
.game_oe_type02 .list_mini li {width:25%}
.game_oe_type02 .btn_mini {display:block;width:64px;height:64px;padding:0;margin:0 auto}
.game_oe_type02 .btn_even {margin:0}
.game_oe_type02 .btn_mini2 {width:70px;margin:0 auto}
.game_oe_type02 .btn_mini2 .way_img {width:70px;height:64px;background-repeat:no-repeat;background-size:70px 64px}
.game_oe_type02 .btn_mini2:hover .way_img:after, .game_oe_type02 .btn_mini2.on .way_img:after {left:1px;width:66px;height:60px;border-radius:4px}
.game_oe_type02 .btn_under .way_img {background-image:url(../images/game/mini/mini_under.png)}
.game_oe_type02 .btn_over .way_img {background-image:url(../images/game/mini/mini_over.png)}

 /* ÆÄ¿öº¼ */
.game_power .list_mini {padding:18px 10px 0}
.game_power .list_mini li {width:20%}
.game_power .list_mini li:nth-child(2) a {margin:0}
.game_power .btn_mini2 {width:60px;height:64px;margin:0 auto}
.game_power .btn_mini2 .way_img {width:60px;height:64px;background-repeat:no-repeat;background-size:60px 64px}
.game_power .btn_mini2:hover .way_img:after, .game_power .btn_mini2.on .way_img:after {width:56px;height:60px}
.game_power .btn_big {margin-left:8px}
.game_power .btn_big .way_img {background-image:url(../images/game/mini/mini_power_01.png)}
.game_power .btn_mid .way_img {background-image:url(../images/game/mini/mini_power_02.png)}
.game_power .btn_small {margin-right:8px}
.game_power .btn_small .way_img {background-image:url(../images/game/mini/mini_power_03.png)}

 /* ¹ÙÄ«¶ó */
.game_baccarat .list_mini {padding:20px 28px 0}
.game_baccarat .list_mini li{width:33.33%}
.game_baccarat .btn_mini {display:block;width:94px;height:60px;margin:0 auto;padding:0}
.game_baccarat .btn_mini .txt_info {position:absolute;bottom:0;left:50%;width:40px;margin-left:-44px;font-weight:normal;font-size:12px;letter-spacing:0;text-align:right}
.game_baccarat .btn_mini .rate {bottom:0;left:49px;right:12px;width:30px;font-size:13px;text-align:left}
.game_baccarat .btn_mini .way_img {width:94px;height:60px;background-repeat:no-repeat;background-size:94px 60px}
.game_baccarat .btn_mini:hover .way_img, .game_baccarat .btn_mini.on .way_img {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.game_baccarat .btn_player .txt_info {color:#557efb}
.game_baccarat .btn_player .way_img {background-image:url(../images/game/mini/mini_bc_p_off.jpg)}
.game_baccarat .btn_player:hover .way_img, .game_baccarat .btn_player.on .way_img {background-image:url(../images/game/mini/mini_bc_p_on.jpg)}
.game_baccarat .btn_tie .txt_info {color:#ecc36a}
.game_baccarat .btn_tie .way_img {background-image:url(../images/game/mini/mini_bc_t_off.jpg)}
.game_baccarat .btn_tie:hover .way_img, .game_baccarat .btn_tie.on .way_img {background-image:url(../images/game/mini/mini_bc_t_on.jpg)}
.game_baccarat .btn_banker .txt_info {color:#fd0006}
.game_baccarat .btn_banker .way_img {background-image:url(../images/game/mini/mini_bc_b_off.jpg)}
.game_baccarat .btn_banker:hover .way_img, .game_baccarat .btn_banker.on .way_img {background-image:url(../images/game/mini/mini_bc_b_on.jpg)}

/* ¿ëÈ£ */
.game_dt .desc_game {height:128px;background-size:100% 130px}
.game_dt .list_mini {height:100px;padding:12px 30px 0}
.game_dt .list_mini li {width:33.33%;text-align:center}
.game_dt .btn_mini {height:100px}
.game_dt .btn_mini .rate {left:30px;width:34px;text-align:right}
.game_dt .btn_mini .way_img {height:100px;background-repeat:no-repeat}
.game_dt .btn_dragon .rate {left:19px}
.game_dt .btn_dragon .way_img {width:57px;background-image:url(../images/game/mini/mini_dragon_off.png);background-size:58px 100px}
.game_dt .btn_dragon:hover .way_img, .game_dt .btn_dragon.on .way_img {background-image:url(../images/game/mini/mini_dragon_on.png)}
.game_dt .btn_dt {padding-right:10px}
.game_dt .btn_dt .rate {left:26px}
.game_dt .btn_dt .way_img {width:75px;background-image:url(../images/game/mini/mini_dt_off.png);background-size:75px 100px}
.game_dt .btn_dt:hover .way_img, .game_dt .btn_dt.on .way_img {background-image:url(../images/game/mini/mini_dt_on.png)}
.game_dt .btn_tiger .rate {left:17px}
.game_dt .btn_tiger .way_img {width:60px;background-image:url(../images/game/mini/mini_tiger_off.png);background-size:60px 100px}
.game_dt .btn_tiger:hover .way_img, .game_dt .btn_tiger.on .way_img {background-image:url(../images/game/mini/mini_tiger_on.png)}
.game_dt .btn_mini:hover .way_img:after, .game_dt .btn_mini.on .way_img:after {display:none}



/* ½Äº¸ */
.game_die .list_mini {padding:18px 28px 0}
.game_die .list_mini li {width:25%}
.game_die .btn_even {margin:0}
.game_die .btn_small, .game_die .btn_big {width:70px;margin:0 auto}
.game_die .btn_small .way_img, .game_die .btn_big .way_img {width:70px;height:64px;background-repeat:no-repeat;background-size:70px 64px}
.game_die .btn_small .way_img {background-image:url(../images/game/mini/mini_small_off.png)}
.game_die .btn_small:hover .way_img, .game_dt .btn_small.on .way_img {background-image:url(../images/game/mini/mini_small_on.png)}
.game_die .btn_big .way_img {background-image:url(../images/game/mini/mini_big_off.png)}
.game_die .btn_big:hover .way_img, .game_dt .btn_big.on .way_img {background-image:url(../images/game/mini/mini_big_on.png)}
.game_die .btn_small:hover .way_img:after, .list_mini .btn_small.on .way_img:after, .game_die .btn_big:hover .way_img:after, .list_mini .btn_big.on .way_img:after {left:1px;width:66px;
    height:60px;border-radius:4px}

/* ·ê·¿ */
.game_roulette .item_mini {width:713px;padding-right:0;padding-left:195px;padding-left:192px;background-image:url(../images/game/mini/mini_bg02.jpg)}
.game_roulette .item_mini .tit_game {width:192px;font-size:16px}
.game_roulette .list_mini {padding:18px 12px 0}
.game_roulette .btn_mini {width:110px;height:158px;padding:0 2px}
.game_roulette .btn_mini:hover:after, .game_roulette .btn_mini.on:after {content:'';position:absolute;top:0;left:2px;width:106px;height:106px;border:2px solid #7cbb66;border-radius:60px}
.game_roulette .btn_odd .way_img {background-image:url(../images/game/mini/mini_r_odd.png)}
.game_roulette .btn_odd:hover .way_img, .game_roulette .btn_odd.on .way_img {background-image:url(../images/game/mini/mini_r_odd.png)}
.game_roulette .btn_even .way_img {background-image:url(../images/game/mini/mini_r_even.png)}
.game_roulette .btn_even:hover .way_img, .game_roulette .btn_even.on .way_img {background-image:url(../images/game/mini/mini_r_even.png)}
.game_roulette .btn_big .way_img {background-image:url(../images/game/mini/mini_r_big.png)}
.game_roulette .btn_small .way_img {background-image:url(../images/game/mini/mini_r_small.png)}
.game_roulette .btn_red .way_img {background-image:url(../images/game/mini/mini_r_red.png)}
.game_roulette .btn_black .way_img {background-image:url(../images/game/mini/mini_r_black.png)}

/* ³ªÀκ¼ */
.game_nineball .desc_game {height:120px;background-size:100% 120px}
.game_nineball .list_mini {height:90px;padding:18px 34px 0}
.game_nineball .list_mini li {width:33.33%}
.game_nineball .btn_mini {height:90px}
.game_nineball .btn_left .way_img {background-image:url(../images/game/mini/mini_l_off.png)}
.game_nineball .btn_left:hover .way_img, .game_nineball .btn_left.on .way_img {background-image:url(../images/game/mini/mini_l_on.png)}
.game_nineball .btn_tie .way_img {background-image:url(../images/game/mini/mini_t_off.png)}
.game_nineball .btn_tie:hover .way_img, .game_nineball .btn_tie.on .way_img {background-image:url(../images/game/mini/mini_t_on.png)}
.game_nineball .btn_right .way_img {background-image:url(../images/game/mini/mini_r_off.png)}
.game_nineball .btn_right:hover .way_img, .game_nineball .btn_right.on .way_img {background-image:url(../images/game/mini/mini_r_on.png)}

/* °æ±â°á°ú */
.wrap_result + .wrap_paging {padding-bottom:20px}
.game_sort {overflow:hidden;position:absolute;top:8px;right:0;width:540px;font-size:1px;text-align:right}
.game_sort .btn_mini {   font-size:11px;margin:4px 0 0 2px}
.tbl_history td.league {text-align:left;padding-left:10px !important}
.tbl_history td.league .img_league {width:22px;height:16px;margin-top:2px;margin-right:3px}
.tbl_game.tbl_history {margin-top:4px}
.tbl_game.tbl_history td {cursor:initial;pointer-events:none}
.tbl_game.tbl_history .home .rate {right:0}
.tbl_game.tbl_history .away .rate {left:0}
.tbl_game.tbl_history .item_bonus .league, 
.tbl_game.tbl_history .item_bonus .team_name {color:#f1c21c}

/* º£Æ󻿪 */
.wrap_result .btn_wrap {position:absolute;top:1px;right:4px}
.wrap_result .btn_wrap a {width:74px;background-size:74px 32px}
.wrap_result .btn_wrap a:first-of-type {width:63px;background-size:63px 32px}
.item_history {background:none}
.item_history .tbl_history {border-left:1px solid #1d1b17;border-right:1px solid #1d1b17}
.item_history .tbl_history .txt_hit {color:#668e38}
.item_history .tbl_history .txt_miss {color:#ed0303}
.item_history .tbl_history .txt_else {color:#F35000}
.item_history .tbl_history .col1 {width:35%}

.bet_summary {position:relative;line-height:33px;border:1px solid #1d1b17;border-top:0 none;color:#eee;background-color:rgba(67, 62, 51, 0.82);-webkit-box-shadow:inset -1px 1px 4px rgba(0,0,0,.76);-moz-box-shadow:inset -1px 1px 4px rgba(0,0,0,.76);box-shadow:inset -1px 1px 4px rgba(0,0,0,.76);margin-bottom:45px;}
.bet_summary ul {overflow:hidden;padding:5px;padding-right:54px}
.bet_summary ul li {float:left;margin-right:10px;font-weight:bold;font-size:11px;line-height:20px}
.bet_summary .num {color:#fdd286}
.bet_summary ul li:last-child .num {color:#ff0000}
.bet_summary .bet_rate {color:#ffd500}
.bet_summary .state_g {position:absolute;top:0;right:0;width:54px;height:100%;font-weight:bold;font-size:12px;line-height:50px;text-align:center;color:#fff;background-color:#403c33;-webkit-box-shadow:inset -1px 1px 4px rgba(0,0,0,.76);-moz-box-shadow:inset -1px 1px 4px rgba(0,0,0,.76);box-shadow:inset -1px 1px 4px rgba(0,0,0,.76)}
.bet_summary .state_ing {background-color:#311f06;color:#fdcf72}
.bet_summary .state_win {background-color:#8e9a05}
.bet_summary .state_lose {background-color:#9f0505}
.bet_summary .btn_delete {position:absolute;bottom:-40px;right:98px;width:62px;background-size:62px 32px}
.bet_summary .btn_attach {position:absolute;bottom:-40px;right:4px;width:90px;background-size:90px 32px}
.bet_summary .btn_cancle {position:absolute;bottom:-40px;right:165px;width:62px;background-size:62px 32px}

/* °Ô½ÃÆÇ */
.wrap_board {overflow:visible;position:relative;padding:10px 0 28px}
.wrap_board .board_search {padding-bottom:0}
.wrap_board .wrap_button {padding:30px 0 2px;background-color:rgba(0,0,0,.6);text-align:center}
.wrap_board .wrap_button a {width:60px;margin-right:5px;background-size:60px 32px}
.wrap_board .wrap_button .btn_list {width:90px;margin-right:0;background-size:90px 40px}
.wrap_board .board_cmt + .btn_list {position:absolute;top:-40px;right:4px;width:76px;background-size:76px 32px}
.wrap_board .wrap_paging {margin-top:50px}


.list_board {overflow:hidden;margin:0 auto;font-size:11px;line-height:16px;border-bottom:1px solid #2a2725;color:#eee}
.list_board > li{overflow:hidden;position:relative;border-top:1px solid #353535;border-bottom:1px solid #000;background-color:rgba(0,0,0,.5)}
.list_board > li:first-child {border-top:0 none}
.list_board .count, .list_board .tit, .list_board .writer, .list_board .view, .list_board .date {float:left;padding-top_:10px}
.list_board .count {position:relative;width:14%;height_:26px;text-align:center}
.list_board .view {width:15%;height:26px;text-align:center}
.list_board .tit {width:52%;font-weight:normal}
.list_board .tit a {display:inline-block;padding-bottom_:4px;color:#ddd}
.list_board .ico_bet {display:inline-block;width:22px;height:13px;margin-top:1px;font-size:12px;line-height:15px;border-radius:3px;background-color:#0f4b4b;color:#fff;text-align:center;vertical-align:top}
.list_board .writer {position:relative;width:20%;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.list_board .writer .mark_level {position:absolute;top:10px;left:0;margin:0}
.list_board .date {width:14%;;padding_:4px 0 5px;font-size:11px;line-height:14px;text-align:center}
.list_board .txt_sort {display:inline-block;margin-right:4px;font-weight:bold}

.list_board .notice {background-color:rgba(0,0,0,.6)}
.list_board .notice .count {padding-top_:6px}
.list_board .notice .tit {font-weight:bold}
.list_board .notice .tit img {height:100%;}
.list_board .notice .writer {padding-top_:4px;padding-left_:10px}
.list_board .notice .writer img {display:block;margin:0 auto;width:42px}
.list_board.board_head {position:relative;border-top:1px solid #121212;border-bottom:1px solid #000;font-weight:bold;text-align:center;background-color:rgba(0,0,0,.6)}
.list_board.board_head .writer {padding-left:0}
.list_board.board_head .date {padding-top:10px} 
.board_head + .list_board > li:first-child {border-top:1px solid #353535}

.board_search {overflow:hidden;width:344px;margin:0 auto;padding:14px 0 6px;color:#000}
.board_search .sel_search {position:relative;float:left;width:90px;height:32px;padding-bottom:2px;padding-left:5px;border:1px solid #2e2c2a;border-radius:4px;font-size:12px;line-height:32px;background-color:#120e0c;color:#fff;outline:none}
.board_search .inp_box {float:left;margin-left:3px}
.board_search + .wrap_paging {margin-top:0}

.board_read {border-bottom:0 none;font-weight:bold;text-align:center;background-color:rgba(0,0,0,.4)}
.board_read > li {overflow:hidden;border-top:1px dotted #525252}
.board_read > li:first-child {border-top:0 none}
.board_read .tit, .board_read .txt {float:left}
.board_read .tit {width:70px;padding-left:20px;font-weight:bold;text-align:left}
.board_read .txt {display:block;width:70%;padding:6px 0 7px;text-align:left}
.board_read .writer {padding-left:20px}
.board_read .writer .mark_level {top:7px}
.board_read .item_view {padding:16px;font-size:11px;font-weight:bold;text-align:left}
.board_read .item_history {padding:0;margin-top:10px}
.board_read .item_history .bet_summary a {display:none}
.board_read .item_view + .item_history {margin-top:0}
.board_read .item_view img {width:100%}

.board_cmt {padding:20px 8px;font-weight:bold;font-size:13px;color:#ddd;background:rgba(0,0,0,0.6);
	background:-moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.8) 100%);
	background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,.6)), color-stop(100%, rgba(0,0,0,.8)));
	background:-webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.8) 100%);
	background:-o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.8) 100%);
	background:-ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.8) 100%);
	background:linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.8) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0)}
.board_cmt .cmt_write {position:relative;margin-right:90px;padding-top:2px;font-size:1px;line-height:1px;text-align:center}
.board_cmt .cmt_write .btn_blue {height:35px;line-height:33px}
.board_cmt .inp_box {display:inline-block;width:100%;padding:6px 10px 7px}
.board_cmt .btn_type03 {position:absolute;top:3px;right:-92px;width:64px;background-size:64px 32px}

.list_cmt li {overflow:hidden;border-top:1px dotted #504f4f;padding:10px 0;font-size:11px}
.list_cmt li:first-child {border-top:0 none}
.list_cmt .writer {float:left;width:27%;padding-left:2px;color:#fce5bd}
.list_cmt .desc {float:right;width:70%}
.list_cmt .btn_del {margin:1px 0 0 6px}

.board_write {margin-top:1px;padding:10px 0;font-size:13px;border-radius:6px;background:rgba(0,0,0,0.8);
    background:-moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.8) 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,.8)));
    background:-webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.8) 100%);
    background:-o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.8) 100%);
    background:-ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.8) 100%);
    background:linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.8) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 )}
.board_write .cell {overflow:hidden;position:relative;padding:8px 10px 8px 60px}
.board_write .inp_write {display:block;width:100%;height:40px;padding:4px 10px;font-size:13px;color:#eee;border-radius:4px;border:1px solid #000;background-color:rgba(98,90,86,.21);-webkit-box-shadow:inset 2px 2px 4px 0px rgba(0,0,0,.8);-moz-box-shadow:inset 2px 2px 4px 0px rgba(0,0,0,.8);
    box-shadow:inset 2px 2px 4px 0px rgba(0,0,0,.8);box-sizing:border-box;-webkit-box-sizing:border-box}
.board_write .lab_write {position:absolute;top:0;left:0;width:60px;height:100%;line-height:42px;padding-top:7px;font-weight:bold;text-align:center;color:#ddd}
.board_write .inp_tit {padding:4px 14px;margin-right:3px}
.board_write .lab_txt {height:222px;padding-top:110px}
.board_write .inp_txt {height:308px;padding:10px 14px}
.board_write input, .board_write select, .board_write textarea {display:block;width:100%;height:100%;font-size:13px;border:0 none;background-color:transparent;outline:none; resize:none;color:#eee}
.board_write .inp_select {width:158px;padding:0}
.board_write .inp_select select {padding:0 10px;font-size:13px;border-radius:4px;background-color:#1e1a18;-webkit-box-shadow:inset 2px 2px 4px 0px rgba(0,0,0,.8);-moz-box-shadow:inset 2px 2px 4px 0px rgba(0,0,0,.8);box-shadow:inset 2px 2px 4px 0px rgba(0,0,0,.8)}
.board_write .inp_select option {font-size:13px}
.board_write .wrap_button {background:none;position:absolute;bottom:-12px;left:0;width:100%;padding:0}

/* °í°´¼¾ÅÍ */
.wrap_cs .wrap_button {padding:0 4px 10px;text-align:left}
.wrap_cs .wrap_button a {width:auto;height:30px;margin-top:5px}
.wrap_cs .wrap_button a.btn_list {float:right;width:60px}

.wrap_cs .list_board > li {line-height:20px}
.wrap_cs .board_head {padding:6px 58px 0 22px}
.wrap_cs .board_head .view {top:11px}
.wrap_cs .tit {width:90%;padding-top:5px}
.wrap_cs .tit .txt_sort {color:#d87514}
.wrap_cs .count {width:10%;padding-top:4px}
.wrap_cs .view {position:absolute;top:5px;right:4px;padding-top:0}
.wrap_cs .t_noti {width:46px;height:22px;line-height:22px;margin-top:2px;letter-spacing:-0.05em}
.wrap_cs .t_noti2 {width:46px;height:22px;line-height:22px;margin-top:2px;letter-spacing:-0.05em}
.wrap_cs .inp_check {top:11px;left:8px}
.cell_head {overflow:hidden;position:relative;padding-top:4px;padding-right:58px;margin-left:22px}
.cell_body {display:none;padding:10px 16px;border-top:1px solid #121212;background-color:rgba(0,0,0,.5);-webkit-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,.8);-moz-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,.8);box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,.8)}
.cell_body .box_q {padding:10px 0}
.cell_body .box_q + .box_a {border-top:1px dotted #434142}
.cell_body .box_a {position:relative;padding:10px 0;color:#e6d0a1}
.cell_body .box_a .cmt_qa {position:absolute;left:10px;top:8px;width:60px;margin-top:2px}

.cont_messages .wrap_button {position:absolute;top:0;right:4px}
.cont_messages .tit {width:70%}
.cont_messages .date {width:20%;padding-top:6px !important}

/* ÃæÀü, ȯÀü */
.box_money {overflow:hidden}
.box_money .btn_money {display:block;position:relative;width:170px;margin:10px auto 15px;border-radius:10px}
.box_money .btn_money img {display:block;width:100%}
.box_money .btn_money:hover:after {content:'';position:absolute;top:0;left:3px;width:180px;height:53px;border-radius:10px;background-color:rgba(0,0,0,.3)}

.money_box {overflow:hidden;font-size:13px;border:1px solid #000}
.money_box .txt_my {display: inline-block; height: 31px; margin-right: 10px; font-size: 14px; line-height: 27px; vertical-align: top; color: #e8c11d; background-color: transparent; border: none;}
.money_box .txt_info {display:inline-block;font-size:11px;line-height:27px;vertical-align:top;color:#fff;text-indent:-6px}
.money_box li {overflow:hidden;position:relative;height:34px;padding-top:6px;padding-left:120px;background:url(../images/common/bg_form.jpg) no-repeat;background-size:100% 40px}
.money_box li.noti {height:85px;background-image:url(../images/common/bg_form_noti.jpg);background-size:100% 90px}
.money_box li.money {height:108px;border-top:1px solid #000;background-image:url(../images/common/bg_form_m.jpg);background-size:100% 114px}
.money_box li.none {border-top:1px solid #000;background-image:url(../images/common/bg_form_no.jpg)}
.money_box li.lst {padding-top:4px;padding-left:12px;height:53px}
.money_box .lab_m {position:absolute;top:11px;left:14px;color:#fff}
.money_box .inp_money {display:block;float:left;width:90px;height:26px;line-height:26px;margin-right:10px;font-weight:bold;border:0 none;outline:none;background-color:transparent;color:#fff;    margin-left: 10px;}
.money_box input[type=password] {text-align:center}
.money_box .btn_m {float:left;width:68px;height:30px;margin-right:4px;border-radius:6px;background:url(../images/common/btn_m.png) no-repeat;background-size:68px 30px}
.money_box .wrap_button {width:100%;margin-left:-7px;padding-top:4px}
.money_box .wrap_button .btn_m {margin-top:4px}
.money_box .btn_ask {}
.money_box .btn_m:hover {background-color:rgba(0,0,0,.3)}

.box_history {position:relative;padding-bottom:38px}
.box_history .btn_delete {position:absolute;bottom:0;right:0;width:80px;background-size:80px 32px}
.box_history .txt_none {padding:20px 0 40px;font-weight:bold;text-align:center;background-color:#131311;color:#bbb}
.tbl_history {width:100%;text-align:center;border-spacing:0}
.tbl_history th, .tbl_history td {padding:7px 5px;font-size:11px;border-top:1px solid #2c2c2c;border-left:1px solid #2c2c2c;border-right:1px solid #000;border-bottom:1px solid #000;background-color:#131311;color:#ddd}
.tbl_history tr th:last-of-type {padding:7px 0}
.tbl_history tbody td {background-color:rgba(19, 19, 17, 0.7)}
.tbl_history tfoot td {color:#fff}
.box_history .tbl_history .col1 {width:16%}
.box_history .tbl_history .col2 {width:18%}
.box_history .tbl_history .col3 {width:12%}
.box_excharge .tbl_history .col1 {width:26%}

/* Æ÷ÀÎÆ® */
.wrap_point .tit_sub {display:block;height:28px;padding-bottom:3px;padding-left:3px}
.wrap_point .tit_sub img {height:100%}
.my_point {position:relative;padding:10px 0 20px}
.my_point dl {position:relative;height:33px;padding:7px 0 0 107px;border:1px solid #000;background:url(../images/common/bg_point.jpg) no-repeat 0 0;background-size:100% 40px}
.my_point dl dt {position:absolute;top:10px;left:10px;font-size:13px;color:#fff}
.my_point .num_point {display:inline-block;width:90px;font-size:14px;line-height:25px;color:#fff;text-align:right}
.my_point .wrap_button {position:absolute;right:16px;top:45px}
.my_point .wrap_button button {width:70px;height:32px;line-height:30px;border-radius:7px;border:1px solid #070606;background:url(../images/common/btn_m.png) no-repeat;background-size:70px 32px}
.box_point .wrap_paging {padding-top:10px}
.box_savings .col1 {width:20%}
.box_savings .col2 {width:30%}
.box_savings .col3 {width:10%}
.box_point .tbl_history .txt_detail {padding:7px 5px;text-align:left}

/* Àû±ÝÅëÀå */
.wrap_savings .tool_search {text-align:right}
.box_savings .col1 {width:8%}
.box_savings .col2 {width:20%}
.box_savings .col3 {width:18%}
.box_savings .col4 {width:12%}
.txt_none {display:block;padding:10px 0}

/* Á¤»ê */
.tool_search {overflow:hidden;position:relative;padding:0 4px;font-size:1px;text-align:right}
.tool_search .inp_box {display:inline-block;margin-right:0}
.tool_search .btn_search {display:inline-block;width:32px;background:url(../images/common/btn_search.png) no-repeat;background-size:32px 32px;vertical-align:top;font-size:1px;color:transparent}
.tool_search .wrap_button {position:absolute;top:8px;left:4px}
.wrap_calculation .tool_search {padding-top:8px}
.tbl_money {width:100%;border-bottom:1px solid #bbb;text-align:center}
.box_calculation .tbl_history .col1 {width:20%}
.box_calculation .tbl_history .col2 {width:15%}
.box_calculation .tbl_history tr th:nth-of-type(2) {padding:7px 2px}

/* Ãâý */
.tit_calendar {display:block;padding-bottom:12px;font-size:1px;text-align:center}
.tit_calendar img {display:inline-block}
.tit_calendar .txt_month {display:inline-block;width:35px;height:42px;font-size:1px;line-height:1px;color:transparent;background:url(../images/common/calendar/txt_month.png) 0 0 no-repeat;vertical-align:top}
.cont_calendar .btn_check {position:absolute;top:102px;left:602px;width:246px;height:60px;border-radius:11px}
.cont_calendar .btn_link {position:absolute;bottom:22px;left:359px;width:159px;height:40px;border-radius:10px}
.cont_calendar .btn_link:hover, .cont_calendar .btn_check:hover {background-color:rgba(0,0,0,.12)}

.wrap_calendar {margin:0 8px}
.tbl_calendar .col {width:14.28%}
.tbl_calendar th {height:30px;padding:0}
.tbl_calendar th span {display:block;width:40px;height:25px;margin:0 auto;background-repeat:no-repeat;font-size:1px;line-height:1px;color:transparent;background-size:40px 25px;}
.tbl_calendar .txt_sun {background-image:url(../images/common/calendar/txt_sun.png)}
.tbl_calendar .txt_mon {background-image:url(../images/common/calendar/txt_mon.png)}
.tbl_calendar .txt_tue {background-image:url(../images/common/calendar/txt_tue.png)}
.tbl_calendar .txt_wed {background-image:url(../images/common/calendar/txt_wed.png)}
.tbl_calendar .txt_thu {background-image:url(../images/common/calendar/txt_thu.png)}
.tbl_calendar .txt_fri {background-image:url(../images/common/calendar/txt_fri.png)}
.tbl_calendar .txt_sat {background-image:url(../images/common/calendar/txt_sat.png)}
.tbl_calendar td {height:52px;padding:0;text-align:center}
.tbl_calendar .cell {display:block;position:relative;height:60px;text-align:left}
.tbl_calendar .cell .num {padding-left:7px;font-size:14px;color:#fae7cf}
.tbl_calendar .check {position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-10px 0 0 -17px;font-size:1px;color:transparent;background-repeat:no-repeat;background-size:34px 34px}
.tbl_calendar .check {background-image:url(../images/common/calendar/ico_pass_off.png)}
.tbl_calendar .win {background-image:url(../images/common/calendar/ico_pass.png)}
.tbl_calendar a.check:hover:after {content:'';position:absolute;top:0;left:0;width:66px;height:66px;border-radius:35px;border:2px solid #e2a744}

/* Guide */
.cont_guide #jwonContent {padding: 8px 6px 100px}
.cont_guide .wrap_button {position:absolute;top:40px;right:4px}
.cont_guide .wrap_button a {width:86px;background-size:86px 32px}
.cont_guide .wrap_button + .wrap_guide {margin-top: 40px;}
.list_tab {overflow:hidden;background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.84) 38%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(38%, rgba(0,0,0,0.84)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.84) 38%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.84) 38%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.84) 38%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.84) 38%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
.list_tab li {float:left;width:33.33%;}
.list_tab a {display:block;height:34px;line-height:34px;font-size:12px;background:url(../images/common/tab.png) 0 0 no-repeat;background-size:100% 34px;color:#eee;text-align:center}

.wrap_guide {margin:0 1px;font-size:11px;color:#4c3e3b;background:url(../images/common/bg_noti.jpg) 0 0 no-repeat}
.wrap_guide .inner_g {padding:10px 8px 77px;background:url(../images/common/bg_noti_b.jpg) 0 100% no-repeat}
.wrap_role {padding:0 4px;color:#272623}
.wrap_role .cell_role {padding-bottom:10px}
.wrap_role .tit_guide {display:block;padding:20px 0 10px;font-weight:bold;font-size:22px;color:#946602;text-shadow:0px 1px 3px rgba(0,0,0,.3)}
.wrap_role .tit_game {display:block;font-size:15px}
.wrap_role .p_n {position:relative;padding-left:16px}
.wrap_role .p_n .num {position:absolute;top:0;left:0;font-weight:bold}
.wrap_role .p_n .sign {position:absolute;top:3px;left:0;font-weight:bold}
.wrap_role .cell_role .tit_game {padding-top:10px}
.wrap_role .cell_role .tit_game:first-of-type {padding-top:0}
.wrap_role .cell_role .tit_sub {padding-top:4px;color:#744b13;text-shadow:0px 1px 3px rgba(0,0,0,.1)}
.box_guide {padding:2px;border:1px solid #524733;background-color:rgba(163, 129, 69, 0.4)}
.list_guide {padding:10px;border:1px solid #524733;font-weight:bold;color:#2e2921}
.list_guide > li {position:relative;padding-left:16px;margin-top:4px}
.list_guide > li:first-child {margin-top:0}
.list_guide > li:before {content:' \25CE';position:absolute;top:0;left:0}

.list_role {padding-left:16px;letter-spacing:-0.08em}
.list_role li {position:relative;padding-left:10px;margin-top:4px}
.list_role li:first-child {margin-top:0}
.list_role li:before {content:'*';position:absolute;top:2px;left:0;font-weight:bold}

.role_betting.fst {padding-top:14px}
.role_betting .list_role {padding-left:0;padding-bottom:8px}
.role_betting .list_role li {padding-left:0}
.role_betting .list_role li:before {display:none}
.role_betting p {padding:3px 0}

.wrap_role .list_info li {position:relative;padding-left:10px;margin-top:4px}
.wrap_role .list_info li:first-child {margin-top:0}
.wrap_role .list_info li:before {content:'-';position:absolute;top:2px;left:0;font-weight:bold}

.wrap_provision {padding:16px 16px 77px;background:url(../images/common/bg_noti2.jpg) 0 0 no-repeat;color:#202020}
.box_provision p {padding-bottom:10px}

.tbl_role {margin:0;padding:0;border-spacing:0;border-collapse:separate;border:0 none;text-align:center}
.tbl_role th, .tbl_role td {height:22px;padding:2px 0 3px;font-size:11px;border-top:1px solid #2c2c2c;border-left:1px solid #2c2c2c;border-right:1px solid #000;border-bottom:1px solid #000;color:#fff}
.tbl_role th {background-color:rgba(44, 44, 44, 0.88)}
.tbl_role td {background:rgba(0, 0, 0, 0.86)}
.cell_table {overflow:hidden;margin-top:20px;border:1px solid #403829}
.cell_table .handi_tbl {position:relative;padding-left:40px}
.cell_table .tit_game {position:absolute;top:0;left:0;width:40px;height:100%;line-height:220px;border-bottom:1px solid #000;background-color:rgba(0, 0, 0, 0.88);text-align:center;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.cell_table .tit_game strong {position:absolute;top:0;left:0;width:39px;height:28px;font-weight:normal;font-size:13px;line-height:28px;border-right:1px solid #131212;border-bottom:1px solid #000;box-shadow:-2px 0px 2px #2c2c2c;background-color:#413f3b}
.cell_table p {padding:10px 8px;font-size:11px;background-color:rgba(0, 0, 0, 0.88);color:#eee}
.cell_table p strong {color:#f9ba55}
.cell_table .col1 {width:50px}
.cell_table .col2 {width:90px}
.cell_table .col3 {width:196px}
.cell_table .c_1 {background:rgba(49, 49, 49, 0.86)}
.cell_table .c_2 {background:rgba(43, 33, 16, 0.86)}
.cell_table .c_3 {background:rgba(43, 69, 82, 0.86)}

.wrap_faq {margin-top:40px}
.wrap_faq .list_board .tit {display:block;width:100%;}
.wrap_faq .cell_head {margin-left:0;padding-right:0;    padding-left:40px;}
.wrap_faq .txt_sub {display:inline-block;margin-right:5px;vertical-align:top;color:#c5b69b}
.wrap_faq .txt_qa {    position: absolute;    top: 15px;    left: 0px;;width:40px;font-weight:bold;font-size:16px;text-align:center;vertical-align:top;color:#b9b9b9}
.wrap_faq .box_a {padding:6px 24px}
.wrap_faq .box_a .txt_qa {position:absolute;top:7px;left:-16px}

/* ÀÏÀÏÄù½ºÆ® */
.wrap_quest {color:#fff;text-align:center}
.wrap_quest .tit_quest {position:relative;border-top:1px solid #000;box-shadow:1px 1px 92px #000}
.wrap_quest .tit_quest .thumb_img:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}
.wrap_quest .tit_quest .bg_quest {width:100%;opacity:.8}
.wrap_quest .tit_quest .txt_quest {position:absolute;bottom:5%;left:50%;width:280px;margin-left:-140px}
.wrap_quest .desc_quest {padding:30px 0 50px;background-color:rgba(0,0,0,.7)}
.wrap_quest .desc_quest .tit_date {display:block;padding-bottom:10px;font-size:23px;color:#dcc699}

/* À̺¥Æ® °Ô½ÃÆÇ */
.list_event {overflow:hidden;width:100%;text-align:center;color:#fff}
.list_event li {padding-bottom:10px;background-color:rgba(0,0,0,.6)}
.list_event img {width:100%}

/* ·Î±×ÀÎ */
body.login {background-color:#000}
body.login #jwonWrap {width:auto;background:#000 url(../images/common/login_bg.jpg) no-repeat 50% 0;background-size:100%}
body.login h1 {position:absolute;top:70px;left:50%;width:320px;margin-left:-140px}
body.login h1 img {display:block;width:100%}
.cont_login {margin:0 auto}
.cont_login #jwonContent {overflow:hidden;padding:230px 0 0}
.cont_login .wrap_login {position:relative;margin:0 auto;width:360px;height:216px;background:url(../images/common/login_form.png) no-repeat center center;background-size:360px 216px}
.cont_login .link_chrome {position:absolute;bottom:48px;right:60px;width:242px;height:32px}
.area_login {overflow:hidden;position:relative;margin:0 auto;width:220px;padding-top:52px}
.area_login li {width:134px}
.area_login li:first-child {margin-bottom:7px}
.area_login li input {display:block;width:100%;height:32px;border-radius:8px;border:0 none;font-weight:bold;font-size:13px;line-height:32px;color:#333;background-color:transparent;ime-mode:disabled;outline:none}
.area_login li.lst {height:28px;padding-left:140px}
.area_button {overflow:hidden;position:absolute;top:52px;right:60px}
.area_button li:first-child {margin-bottom:7px}
.area_button .btn_g {display:block;width:78px;height:32px;padding:0}

/* ȸ¿ø°¡ÀÔ  layer */
.layer_popup {display:none;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;text-align:center}
.layer_popup .dimmed {position:fixed;top:0px;right:0px;bottom:0px;left:0px;opacity:0.7;z-index:9998;background:rgba(0, 0, 0, 0.7)}
.layer_popup .popup_cont {z-index:10000}
.layer_popup .btn_close {position:absolute;top:20px;right:18px;width:22px;height:22px}
.layer_propose .popup_cont {position:absolute;top:100px;left:50%;width:340px;height:270px;margin-left:-170px;padding-top:218px;background:url(../images/common/code_bg.png) no-repeat 0 50%;background-size:340px 270px;text-align:center}
.layer_propose .propose_code {overflow:hidden;width:146px;margin:0 auto;padding-top:4px}
.layer_propose .propose_code input {display:block;width:100%;height:38px;font-size:15px;line-height:38px;border:0 none;font-weight:bold;text-align:center;background-color:transparent;outline:none}
.layer_propose .wrap_button {overflow:hidden;width:162px;margin:0 auto;padding-top:16px;padding-left:1px}
.layer_propose .wrap_button li {float:left;width:50%}
.layer_propose .wrap_button button {display:block;width:94%;height:42px;margin:0 auto;box-shadow:none}

.layer_join {}
.layer_join .popup_cont {position:absolute;top:0;left:0;width:100%;padding:10px;background:#2d2928 url(../images/common/login_bg.jpg) no-repeat 0 0;background-size:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.layer_join .btn_join {display:block;width:180px;height:50px;margin:10px auto 0;background:url(../images/common/btn_bg.png) no-repeat 0 0;background-size:180px 50px;font-size:18px;line-height:48px;color:#fff}
.layer_join .btn_join:hover {opacity:.7}
.layer_join .box_txt {position:relative;overflow:hidden;height:170px;padding:10px 0;background:rgba(30, 30, 30, 0.9);border:1px solid #999;border-radius:6px;font-size:11px;color:#d8d8d8;text-align:left}
.layer_join .box_txt:before {content:'';position:absolute;top:0;left:0;width:100%;height:20px;background:rgba(5,5,5,1);
    background:-moz-linear-gradient(top, rgba(5,5,5,1) 0%, rgba(0,0,0,0) 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(5,5,5,1)), color-stop(100%, rgba(0,0,0,0)));
    background:-webkit-linear-gradient(top, rgba(5,5,5,1) 0%, rgba(0,0,0,0) 100%);
    background:-o-linear-gradient(top, rgba(5,5,5,1) 0%, rgba(0,0,0,0) 100%);
    background:-ms-linear-gradient(top, rgba(5,5,5,1) 0%, rgba(0,0,0,0) 100%);
    background:linear-gradient(to bottom, rgba(5,5,5,1) 0%, rgba(0,0,0,0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#000000', GradientType=0 )}
.layer_join .box_txt:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:20px;background:rgba(5,5,5,0);
    background:-moz-linear-gradient(top, rgba(5,5,5,0) 0%, rgba(0,0,0,1) 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(5,5,5,0)), color-stop(100%, rgba(0,0,0,1)));
    background:-webkit-linear-gradient(top, rgba(5,5,5,0) 0%, rgba(0,0,0,1) 100%);
    background:-o-linear-gradient(top, rgba(5,5,5,0) 0%, rgba(0,0,0,1) 100%);
    background:-ms-linear-gradient(top, rgba(5,5,5,0) 0%, rgba(0,0,0,1) 100%);
    background:linear-gradient(to bottom, rgba(5,5,5,0) 0%, rgba(0,0,0,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#000000', GradientType=0 )}
.layer_join .box_txt .inner_g { overflow-y:scroll;height:170px;padding:0 5px}
.layer_join .box_txt .list_txt {width:340px}
.layer_join .box_txt .list_txt li {overflow:hidden;position:relative;margin-bottom:5px;padding-left:18px}
.layer_join .box_txt .list_txt .num {position:absolute;top:0;left:0} 
.layer_join .txt_g {display:inline-block;height:32px;padding-left:1px;font-size:13px;line-height:34px;color:#bbb;vertical-align:top;letter-spacing:-1px}
.box_check {padding:10px 0;font-weight:bold}
.box_check input {display:inline-block;width:14px;height:14px;margin-top:10px;margin-right:6px;border-radius:3px;vertical-align:top}

.box_join {padding:12px 10px 20px 10px;border-radius:4px;border:1px solid #636262;box-shadow:inset 0px 0px 10px #000;background-color:rgba(0,0,0,.4)}
.list_join {padding-bottom:10px;font-size:12px;text-align:left;color:#f7f2e3}
.list_join li {overflow:hidden;position:relative;margin-top:8px;padding-left:80px}
.list_join .lab_g {position:absolute;top:6px;left:0}
.list_join .btn_overlap {display:inline-block;width:80px;height:34px;margin-left:4px;font-size:13px;line-height:34px;background:url(../images/common/btn_g.png) no-repeat 0 0;background-size:80px 34px;color:#d2d2d2;text-align:center}
.list_join .btn_overlap:hover {opacity:.7}
.list_join li input {display:inline-block;width:100px;height:30px;line-height:30px;padding:0 8px;color:#e0dfdd;font-size:13px;border-radius:4px;border:1px solid #444242;outline:none;background-color:rgba(0,0,0,.4);box-shadow:inset 1px 1px 4px #000;vertical-align:top}
.list_join .sel_join {width:118px;height:32px;padding:0 5px;font-size:12px;border-radius:4px;border:1px solid #444242;background-color:rgba(0,0,0,.4);color:#e0dfdd}
.list_join .txt_g {height:auto;padding-top:4px;font-size:11px;line-height:18px;letter-spacing:-0.05em}
.list_join .txt_s {display:inline-block;padding:5px 2px 0 7px;vertical-align:top}
.list_join li.phone input {display:inline-block;width:40px}
.list_join li.account input {width:188px}


/* Æ˾÷ */
.layer_pop {overflow:hidden;position:absolute;top:40px;left:20px;width:92%;z-index:999;border:1px solid #585858;border-radius:10px;background:url(../images/common/login_bg.jpg) no-repeat 0 0;background-size:100% 100%;color:#fff}
.layer_pop .popup_cont {position:relative;padding-bottom:42px}
.layer_pop .popup_cont:after {content:'';position:absolute;left:0;bottom:42px;width:100%;height:20px;background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.25)), color-stop(100%, rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 )}
.layer_pop .desc_notice {display:block;height:430px;overflow:scroll;padding:10px;text-decoration:none;word-break:break-all;letter-spacing:-.025em}
.layer_pop img {display:block;width:100%}
.layer_pop .area_close {position:absolute;bottom:0;left:0;width:100%;padding:10px;font-size:11px;line-height:22px;color:#fff;background-color:rgba(0,0,0,.5);-webkit-box-sizing:border-box;box-sizing:border-box}
.layer_pop .area_close input {display:inline-block;width:17px;height:17px;margin-top:3px;vertical-align:top} 
.layer_pop .btn_close {position:absolute;top:10px;right:10px;width:16px;height:16px;background:url(../images/common/ico_close.png) 0 0 no-repeat;background-size:16px 16px;opacity:.8}

.layer_pop.layer_simple {top:230px;left:50%;width:260px;margin-left:-130px;z-index:1000}
.layer_simple .desc_notice {height:auto;padding:0}
.layer_simple .desc_notice:after {display:none}
.layer_simple .link_memo {display:block;position:relative;padding:18px 0 20px 80px;border-radius:10px;border:2px solid #101010;text-align:left;color:#fff;letter-spacing:0.05em}
.layer_simple .link_memo b {color:#f5d69d}
.layer_simple .link_memo .ico_memo {position:absolute;top:20px;left:30px;width:40px;height:40px;font-size:1px;color:transparent;background:url(../images/common/ico_message.png) 0 0 no-repeat;background-size:40px 40px}


@media only screen and (max-width:360px) {
    .foot_menu {width:360px;background-size:360px 40px}
    .info_list li {font-size:10px}
    .info_list li:before {top:7px}
    .info_list .tit_level {width:88px}
    .info_list .btn_switch {margin-top:-1px;font-size:10px}
    .betting_cart {background-size:100% 280px}
    .info_asset {font-size:11px;line-height:21px}
    .info_asset .txt_won {font-size:11px}
    .info_asset .inp_money {height:24px}
    .info_asset .inp_money input {line-height:22px}
    .cart_set .btn_money {height:32px;font-size:12px;line-height:31px}
    .my_point dl {padding-left:97px}
    .money_box li {padding-left:116px}
    .money_box .inp_money {width:86px}
    .money_box .btn_m {width:62px;background-size:62px 30px}

    .layer_join .box_txt .list_txt {width:300px}

}
@media only screen and (max-width:320px) {
    .foot_menu {width:320px;background-size:320px 40px}
    .foot_gnb {width:306px}
    .foot_gnb li:before {top:4px}
    .foot_gnb .link_menu {font-size:11px}
    .item_game .tit_league {font-size:12px}
    .tbl_history th, .tbl_history td {font-size:10px}
    .info_asset .txt_won {display:none}
    .cart_set .btn_money {height:30px;font-size:11px;line-height:27px}

    .cont_history .tit_main {width:110px}
    .bet_summary ul {padding-right:35px}
    .bet_summary .state_g {width:42px}
    .my_point dl {padding-left:88px}
    .my_point dl dt {font-size:12px}
    .my_point .num_point {width:80px}
    .my_point .wrap_button {position:static;right:auto;top:auto;padding-top:6px;text-align:center}
    .money_box {font-size:12px}
    .money_box li {padding-left:104px}
    .money_box .lab_m {left:8px}
    .money_box .inp_money {width:72px}
    .wrap_calculation .tool_search .inp_box {width:138px;padding:5px 4px}
    .wrap_calculation .tool_search .inp_box input {font-size:11px}
    
    .tool_frame .list_notice {padding-top:3px;letter-spacing:-1px}
    .game_mini .txt_notice {font-size:10px}
    iframe#ifm_sadari { 
    -moz-transform:scale(0.54, 0.54);
    -webkit-transform:scale(0.54, 0.54); 
    -o-transform:scale(0.54, 0.54); 
    -ms-transform:scale(0.54, 0.54); 
    transform:scale(0.54, 0.54); 
    -moz-transform-origin:top left;-webkit-transform-origin:top left;-o-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}
    
    .game_baccarat .list_mini {padding:20px 8px 0}
    .game_oe_type02 .list_mini {padding:18px 8px 0}
    .game_power .list_mini {padding:18px 4px 0}
    .game_power .list_mini li {width:18%}
    .game_power .list_mini li:first-child, .game_power .list_mini li:nth-child(2) {width:23%}
    .game_power .btn_mini2 {width:50px;height:54px;margin-top:6px}
    .game_power .btn_mini2 .way_img {width:50px;height:54px;background-size:50px 54px}
    .game_power .btn_mini2:hover .way_img:after, .game_power .btn_mini2.on .way_img:after {width:46px;height:50px}
    .game_power .btn_big {margin-left:4px}
    .tbl_calendar .cell .num {font-size:12px}

    body.login #jwonWrap {width:320px}
    body.login h1 {width:300px;margin-left:-150px}
    .cont_login .wrap_login {width:320px;height:192px;background-size:320px 192px}
    .cont_login .area_login {width:200px;padding-top:46px}
    .cont_login .area_login li input {width:124px;height:28px}
    .cont_login .area_button {top:45px;right:52px}
    .cont_login .area_button .btn_g {width:70px;height:30px;box-shadow:none}
    .cont_login .link_chrome {bottom:40px;right:52px;width:216px}
    .layer_join .box_txt .list_txt {width:290px}
    .list_join li {padding-left:70px}
    .list_join .lab_g {font-size:11px;letter-spacing:-0.05em}
    .list_join .txt_g {font-size:10px;line-height:16px}
    .list_join li.phone input {width:38px}
}



/* input */

.checkbox {border:0; padding-bottom:3px; height:13px; width:13px; vertical-align:middle;}

textarea {border:1px solid #eaeaea; padding:5px;font-size:10px; color:#666; background:#ffffff; scrollbar-arrow-color:#e2e2e2;scrollbar-face-color:#ffffff;scrollbar-darkshadow-color:#fbfbfb;scrollbar-highlight-color:#fbfbfb;scrollbar-track-color:#fbfbfb; scrollbar-3dlight-color:#e2e2e2;scrollbar-shadow-color:#e2e2e2;}


.content2 {color:#ffcc08; font-family:'Nanum Gothic',"dotum",Gulim; font-size:12px; border-top:1px solid #000; border-bottom:1px solid #000;}
.ta_ce2 {padding-top:3px; padding-bottom:3px;padding-left:4px; padding-right:3px;}

.fo_brawn {color:#bda770;}
.fo_00 {color:#B6B6B6;}
.fo_01 {color:#1282FE;}
.fo_02 {color:#FF526A;}
.fo_03 {color:#454545;letter-spacing:-1px}
.fo_04 {font-family: 'Nanum Gothic',"dotum"; color:#868F99; font-size:10px; line-height:12px}
.fo_05 {font-family: 'Nanum Gothic',"dotum";color:#305395; font-size:10px; line-height:12px}
.fo_06 {font-family: 'Nanum Gothic',"dotum"; color:#7A7A7A; font-size:10px; line-height:12px}
.fo_07 {color: #CCCCCC; font-size: 12px}
.fo_08 {font-family: 'Nanum Gothic',"dotum"; color:#FF713F; font-size:14px;}
.fo_09 {font-family: 'Nanum Gothic',"dotum"; color:#FF713F; font-size:10px;}
.fo_10 {font-family: 'Nanum Gothic',"dotum"; color:#CCCCCC; font-size:10px;}
.fo_13 {font-family: 'Nanum Gothic',"dotum"; color:white; font-size:11px; font-weight:bold;}
.fo_133 {font-family: 'Nanum Gothic',"dotum";  font-size: 11px; }
.fo_13_ {font-family: 'Nanum Gothic',"dotum"; color: #999999; font-size:10px; font-weight:bold;}
.fo_14 {font-family: 'Nanum Gothic',"dotum"; color:white; font-size:10px;}
.fo_14_ {font-family: 'Nanum Gothic',"dotum"; color: #999999; font-size:10px;}
.day {text-align:left; padding-left:2px;}

.t_content {line-height:27px; background-color:#000e17;}
.left2 {padding-left:2px;}
.right2 {padding-right:2px;}

.ta_ce8 {width:95px; margin:2px; border-top:1px solid #5bacf4; border-left:1px solid #5bacf4; border-right:1px solid #5bacf4;  border-bottom:1px solid #5bacf4; color:#fff; background-color:#000e17; background-position:50% 0; text-align:center;}

.btn_inputc {clear:both; padding:20px 0 10px; text-align:center; color:#fff7ee;}
.btn_inputr {clear:both; padding:20px 10px; text-align:right;}

.btn_blue {margin:0; border:0; cursor:pointer; padding-top:3px; width:80px; height:25px; font-size:12px; line-height:20px; font-weight:bold; color:#ffffff; background-color:#00929b;}
.btn_blue01 {margin:0; border:0; cursor:pointer; width:62px; height:25px; font-size:10px; font-weight:bold; color:#ffffff; background-color:#00929b;}
.btn_black01 {margin:0; border:0; cursor:pointer; width:62px; height:25px; font-size:10px; font-weight:bold; color:#ffffff; background-color:#000;}
.btn_black {margin:0; border:0; cursor:pointer; padding-top:3px; width:80px; height:25px;  line-height:20px; font-size:12px; font-weight:bold; color:#ffffff; background-color:#535353; }

.btn_num-st2 {margin:0; border:0; cursor:pointer; width:79px; height:27px; line-height:27px; font-size:11px; color:#ffffff; background: url(../images/num_btn_bg.png) no-repeat;}

.btn_btn_st2 {margin:0; border:0; cursor:pointer; width:80px; height:26px; line-height:26px; font-size:12px; color:#ffffff; background: url(../images/basic_btnbg1.png) no-repeat;}
.btn_btn_st3 {margin:0; border:0; cursor:pointer; width:80px; height:26px; line-height:26px; font-size:12px; color:#ffffff; background: url(../images/grey_btnbg1.png) no-repeat;}
.btn_btn_st4 {margin:0; border:0; cursor:pointer; width:166px; height:26px; line-height:26px; font-size:12px; color:#ffffff; background: url(../images/basic_btnbg3.png) no-repeat;}
.btn_btn_st5 {margin:0; border:0; cursor:pointer; width:80px; height:26px; line-height:26px; font-size:12px; color:#ffffff; background: url(../images/gyblue_btnbg1.png) no-repeat;}
.btn_btn_st6 {margin:0; border:0; cursor:pointer; width:80px; height:26px; line-height:26px; font-size:12px; color:#ffffff; background: url(../images/puple_btnbg1.png) no-repeat;}
.btn_btn_st7 {margin:0; border:0; cursor:pointer; width:80px; height:26px; line-height:26px; font-size:12px; color:#ffffff; background: url(../images/red_btnbg1.png) no-repeat;}
.btn_btn_st8 {margin:0; border:0; cursor:pointer; width:50px; height:26px; line-height:26px; font-size:12px; color:#ffffff; background: url(../images/basic_btnbg1.png) no-repeat;}
.btn_btn_st9 {margin:0; border:0; cursor:pointer; width:50px; height:26px; line-height:26px; font-size:12px; color:#ffffff; background: url(../images/grey_btnbg1.png) no-repeat;}
.btn_btn_st10 {margin:0; border:0; cursor:pointer; width:20%; height:26px; line-height:26px; font-size:12px; color:#ffffff; background: url(../images/gyblue_btnbg1.png) no-repeat; background-size:100% 100%;}

.sbtn_btn_st6 {margin:0; border:0; cursor:pointer; width:50px; height:26px; line-height:26px; font-size:12px; color:#ffffff; background: url(../images/puple_btnbg1.png) no-repeat;}
.sbtn_btn_st7 {margin:0; border:0; cursor:pointer; width:50px; height:26px; line-height:26px; font-size:12px; color:#ffffff; background: url(../images/red_btnbg1.png) no-repeat;}

.btn_btn_bet {padding: 10px 0px;
    border-radius: 1px;
    width: 100%;
    border-bottom: 1px solid #8bf75b;
    border-right: 1px solid #8bf75b;
    border-left: 1px solid #8bf75b;
    border-top: 1px solid #8bf75b;
    background-color: #2b2b2b;
    color: #ffffff;
    border-image: none;
    letter-spacing: 0px;
    font-family: "NanumGothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    cursor: hand;}
.btn_btn_cancel {margin:0; border:0; cursor:pointer; width:100%; height:44px; line-height:44px; font-size:16px; font-weight:bold; color:#ffffff; background: url(../images/btn_betti_del.png) repeat-x;}






#content {border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
@media (min-width:544px){.main-cont{max-width:100%}}
@media (min-width:768px){.main-cont{max-width:100%}}
@media (min-width:992px){.main-cont{max-width:100%}}
@media (min-width:1200px){.main-cont{max-width:1240px}}

@media(min-width:768px){.logo {width:20%} .top-nav {width:80%}}
@media(max-width:767px){.logo {width:60%} .top-nav {width:40%}}

@media(max-width:1300px){.logo {margin-left: 5%;}}

.main-cont {margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}

.main-cont .section {    padding: 5% 0 5% 0;}
.main-cont .section .m1 {background-color: rgb(46 57 60 / 55%);padding: 50px ;}
.top-menu-1 {width:100%;}
.text { font-weight: 700; color: #fff; font-family: 'Noto Sans KR',sans-serif; text-align: center;}
.padding {padding:1%;}
.font-size4 {font-size:1.2em; }
.font-size3 {font-size:1.5em; }
.font-size2 {font-size:2em; }
.font-size1 {font-size:3em; }
.margin-bottom {margin-bottom:2%}

.top-menu-line {background-color: #cc8c4f;position: fixed; width: 100%; margin-top: 0px; margin-bottom: 0px; top: 0px;z-index:11;}
.top-menu-line-background {min-height:45px;width: 1200px; margin: auto; position: relative;}
.top-menu {padding: 5px 0px;background-color_: #f7f7f7; position: fixed; width: 100%; margin-top_: 44px; margin-bottom: 0px; top: 0px;z-index:11;box-shadow_:2px 2px #e5e5e5;}
.movetop {padding: 5px 0px; position: fixed; width: 100%; margin-bottom: 0px; top: 0px; z-index: 10; height: 80px;background-color: rgba(0,0,0,1); transition: background-color 0.2s;    opacity: 0.8;}
.headerbar { transition: background-color 0.2s; padding: 5px 0px; position: fixed; width: 100%; margin-bottom: 0px; top: 0px; z-index: 10; height: 80px; background-color: rgba(0,0,0,0);}



.top-con {width: 1200px; margin: auto; position: relative;}
.logo_pic {position: relative; top: 1.2em; display: inline-block; margin: 0em 0em 2em 0em; text-align: center; }
.top-nav {position: absolute; right: 20px; top: 1.5em;}
.top-nav ul {margin-top_: 2em; float: right; }    
.top-nav ul li {float: left; }
.top-nav ul li a {display: block; text-align: center; width: 100%; margin-left: 0.7em; padding: 0.30em 1em; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; font-weight: 500; font-size: 14px; outline: 0; color: #fff; font-family: Jeju Gothic, sans-serif;    cursor: pointer; }
.top-nav a::after {content:"";background-color: crimson; bottom: 0; height: 3px; width: 100%; left: 0; float:left; }
.top-nav a:hover::after {content:"";background-color: crimson;  }


.top-nav-active:not(:hover):not(:focus):not(.top-nav-active2):after,
.top-nav-active:not(:hover):not(:focus):not(.top-nav-active2):before {
    opacity: 0;
}

#footer {border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;background: #000; clear: both;   }


.footer-main-cont {margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;max-width:1240px;    height: 350px;}

.footer-main-cont .footer-section {}
.footer-m1 {float: left; width: 25%; color: #fff;}
.footer-m2 {float: left; width: 25%;color: #fff;}
.footer-m3 {float: left; width: 25%;color: #fff;}
.footer-m4 {float: left; width: 25%;color: #fff;}

.f-title { font-family: 'Jua',sans-serif; font-size: 20px; font-weight: bold;     margin-bottom: 7%;color:649ef5;margin-top: 50px;}
.f-text { font-family: 'Noto Sans KR',sans-serif; font-size: 13px;  }

@media (max-width: 1024px){.top-con {max-width: 1025px;}}
@media (max-width: 767px){.top-con {max-width: 768px;}}

@media (max-width: 1200px){.top-nav {display:none;} .top-con {width: 100%;}}
@media (min-width: 1200px){.top-nav2 {display:none;}.btn_menu {display:none;}}




.btn_menu {position: absolute; top: 30%; right: 5%; overflow: hidden; width: 46px; height: 42px; border: none; background: transparent url(../images/toto/4343434ddd.png) no-repeat center top; line-height: 200px; transition: margin-top 0.2s; z-index: 20;}

.btn_menu img { display: block; width: 65px; float: right; }
@media (min-width: 768px) .btn_menu{ width: 13%; }
@media (max-width: 767px) .logo { width: 60%; }
.top-nav2 { position: absolute; width: 100%; background: rgba(0,0,0,.55); }
.top-nav2 li { }
.top-nav2 a{ color: #fff; font-family: 'Noto Sans KR',sans-serif; font-size: 17px; padding: 10px 20px; line-height: 20px;}
.top-nav2 a:hover {background-color: rgba(0,0,0,.75);transition: all .2s linear;}
.top-nav2 .active {    background-color:rgba(0,0,0,.75);}

.banner-con {background-image: url(../images/toto/link-min.png); background-size: cover; border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
.wrap>.banner-con:after { content: ''; display: table; clear: both; }
.banner-con1 {}
@media (min-width:544px){.banner-con2{max-width:100%}}
@media (min-width:768px){.banner-con2{max-width:100%}}
@media (min-width:992px){.banner-con2{max-width:100%}}
@media (min-width:1200px){.banner-con2{max-width:1240px}}    


.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}
@media(max-width:1024px){.elementor-section.elementor-section-boxed>.elementor-container{max-width:1025px}}
@media(max-width:767px){.elementor-section.elementor-section-boxed>.elementor-container{max-width:768px}}
.banner-con2 { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}
.banner-con3 {   padding_: 5% 0 5% 0; }

.item_box {width:100%;}
@media (min-width:544px){.item_box1{max-width:100%}}
@media (min-width:768px){.item_box1{max-width:100%}}
@media (min-width:992px){.item_box1{max-width:100%}}
@media (min-width:1200px){.item_box1{max-width:1240px}}    


.item_box2 {width:100%; }
.item_box2 .banner {width: 20%;float:left;}
.item_box2 .banner img{height: auto;    max-width: 100%;}
.banner1 {padding:10px;}
.banner-img { margin-bottom: 20px; border-radius_: 10px; overflow: hidden;position: relative;}
.banner-img img:hover { transform: scale(1.1); transition-duration: .6s; transition-property: transform; opacity: 0.4;}

/*@media (min-width: 768px){.item_box .banner{width: 33%; float:left;}} */
@media (max-width: 1200px){.item_box .banner{width: 33%;float:left;}} 
@media (max-width: 767px){.item_box .banner{width: 100%; float: left; text-align: center;}} 


@media (max-width: 700px) {.item_box2 { width:100%; }} 

.banner-title {color: #FFF;    font-size: 14px;    background-color_: #23416B;    text-align: center;border: 1px solid; border-style: dashed;font-family: 'Jua'; padding: 3px 0 0 0;}
@media (max-width: 1024px) {.banner-title { font-size: 15px; }}


.safe_banner{width: 75%; margin: 0 auto; padding: 30px; border: 25px solid #7ab0ef; border-radius: 39px;}
.safe_title{color: #212121; font-size: 48px; text-align: center; font-family: 'Jua', sans-serif; padding-top: 22px;}

.danger_banner{width: 70%; margin: 0 auto; padding: 30px; border: 25px solid #f7677b; border-radius: 39px;}
.danger_title{color: #ff0000; font-size: 38px; text-align: center; font-family: 'Jua', sans-serif; padding-top: 22px;}
.danger_banner img { width: 100%;  }
.safe_banner img { width: 100%;  }
.back_btn {width: 90px; margin: 0 auto; margin-top: 5%;}
.back_btn1 {text-align: center;}

.m2 {margin: 5% 0; grid-template-columns: repeat(3,1fr); display: grid;}
.m3 {margin: 5% 0; grid-template-columns: repeat(2,1fr); display: grid;}
.box-text {background-color: rgb(34 52 56 / 55%);padding: 5%;    margin: 1%;}
.box-text1 {width: 100%;}

@media (max-width: 1024px) {.m2,.m3 { width:100%; grid-template-columns: repeat(2,1fr);  display: grid; }} 
@media (max-width: 700px) {.m2,.m3 { width:100%; grid-template-columns: repeat(1,1fr);  display: grid; }} 

.top_one{    line-height: 44px; width: 36%; position: absolute;}
.top_one1 {    margin-left: calc(28px/2);}
.top_one1-text {margin-right: calc(28px/2); color: #fff; padding-left: 7px; font-size: 13px; font-weight: bold;}
.top_one1 i {color: #fff; font-size: 14px; font-family: "Font Awesome 5 Free"; font-style: normal;}
.top_one1-icon:before { content: "\f058"; }

.top_one2{    margin-left: calc(28px/2);}
.top_one2 i {color: #fff; font-size: 14px;     font-family: "Font Awesome 5 Brands"; font-style: normal;}
.top_one2-icon:before { content: "\f2c6"; }
.top_one2-text{color: #fff; padding-left: 7px; font-size: 13px; font-weight: bold;}

.top_two {    width: 25%;    position: absolute;    right: 0;     text-align: right;}
.top_two1 {width:100%}
.widget {
    --grid-template-columns: repeat(0,auto);
    --icon-size: 14px;
    --grid-column-gap: 0;
    --grid-row-gap: 0;
	}
.widget1 {
    grid-column-gap: var(--grid-column-gap,5px);
    grid-row-gap: var(--grid-row-gap,5px);
    grid-template-columns: var(--grid-template-columns);
    -webkit-box-pack: var(--justify-content,center);
    -ms-flex-pack: var(--justify-content,center);
    justify-content: var(--justify-content,center);
    justify-items: var(--justify-content,center);
    display: inline-block;
    width: 100%;
    word-spacing: var(--grid-column-gap);
    margin-bottom: calc(-1 * var(--grid-row-gap));
	}
.facebook i {color: #fff; font-size: 14px; font-family: "Font Awesome 5 Brands"; font-style: normal;}
.facebook-icon:before { content: "\f39e"; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.twitter i {color: #fff; font-size: 14px; font-family: "Font Awesome 5 Brands"; font-style: normal;}
.twitter-icon:before { content: "\f099"; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.instagram i {color: #fff; font-size: 14px; font-family: "Font Awesome 5 Brands"; font-style: normal;}
.instagram-icon:before { content: "\f16d"; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.youtube i {color: #fff; font-size: 14px; font-family: "Font Awesome 5 Brands"; font-style: normal;}
.youtube-icon:before { content: "\f167"; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.pinterest i {color: #fff; font-size: 14px; font-family: "Font Awesome 5 Brands"; font-style: normal;}
.pinterest-icon:before { content: "\f0d2"; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.icon2 {display: inline-block; margin-bottom: var(--grid-row-gap);word-break: break-word;}

.widget1_text {position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.icon2 i {width: 1em;  height: 1em;  position: relative;  display: block;}

.padding_right {padding:0 50px 0 0;}
.padding_left {padding:0 0 0 50px;}

.blank_go1 {
display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #818a91;
    font-size: var(--icon-size,25px);
    line-height: var(--icon-size,25px);
    width: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));
    height: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}
.blank_go {  background-color: rgba(0,0,0,0);   --icon-padding: 1.1em;}
.blank_go:hover {    background-color: lightsalmon;}



@media (max-width: 767px){.footer-m1 ,.footer-m2,.footer-m3,.footer-m4 {width: 50%;}}
@media (max-width: 767px){.footer-main-cont {height: 500px;}}
.footer-m12 {padding: 10px}

.m4 {display: -webkit-box; display: -ms-flexbox; display: flex;    background-color: skyblue;   padding: 50px;}

@media (min-width: 1120px) { .m4_img ,.m4_text { width: 30%; }}
@media (min-width: 1120px) { .m4_text { width: 70%; }}
@media (max-width: 1119px){ .m4_img ,.m4_text { width: 100%; }}
.m4_img1 {padding:10px;text-align: center;}
@media (min-width: 1120px){ .martin-img  { top: 105px; }}
@media (max-width: 1119px){ .martin-img  { top: 0; }}
@media (max-width: 1119px){ .m4_img1,.m4_text { margin: 0 0 0 0; padding: 0 0 0 0; }}
@media (max-width: 1120px){ .m4 { -ms-flex-wrap: wrap; flex-wrap: wrap; }}

.m4_text {font-size: 13px; font-weight: bold;}


.f-text a {color:#fff;}

@media (max-width: 767px) { .img100 { width: 93%; }}
.map1 { padding: 5% 0%; }
@media (max-width: 1200px) { .map1 { padding: 5% 4%; }}


.m3_img1 {    text-align: center;}


.back11 {overflow: hidden; position: relative; z-index: 1; margin-top: 0; }
.back12 {overflow: hidden; width: 100%; min-height: 860px; background-color: #121212;    }
.back12_1 {overflow: hidden; min-height: 860px; text-align: center; background-size: cover; background-position: center;}

.backbg1 {background-image: url(../images/toto/son_bg_dark-min.png);width: 100%;height: 927px;}
.backbg2 {background-image: url(../images/toto/casino_bg_dark-min.png);width: 100%;height: 927px;}
.backbg3 {background-image: url(../images/toto/infomation_dark-min.png);width: 100%;height: 927px;}
.backbg4 {background-image: url(../images/toto/link-min.png);width: 100%;height: 927px;}

.back12 button { overflow: hidden;   width: 42px; height: 60px; border: none; background-color: transparent; background-position: center; background-repeat: no-repeat; line-height: 200px; opacity: .5; position: absolute; z-index: 100;}
.slick-prev {top: 419PX;;  left: 12%;background-image: url(../images/toto/button_mainSlide_prev.png)}
.slick-next {top: 419PX; right: 14%;background-image: url(../images/toto/button_mainSlide_next.png)}
.main_bar {overflow: hidden; display: block; top: 448px; left: 51%; width: 1000px; height: 2px; margin: 0 0 0 -540px; padding: 0; background-color: rgba(255,255,255, .4); line-height: 20px; position: absolute;}
@media (max-width: 1500px){ .main_bar  { display:none; } .back12 button {width:0;}}
.back12 > button:hover { opacity: 1; }


.back12 hgroup {display: table;width: 500px;margin: 0 auto;}

.back12_1 .tt1 {display: table-row; width: 100%; margin: 0 auto; text-align: center; color: #fff; }
.back12_1 .tt2 {display: table-row; width: 100%; margin: 0 auto; text-align: center; color: #fff;}
.back12_1 .tt1 span { height: 400px; vertical-align: bottom; font-size: 80px; font-weight: 300; font-family: 'Gugi'; transition: all 0.8s ease-in-out; }
.back12_1 .tt2 span { padding-top: 90px; padding-bottom: 64px; vertical-align: top; font-size: 20px; font-weight: 300; transition: all 0.6s ease-in-out; transition-delay: 0.4s; font-family: 'Jua'; }

.back12_1 .tt1 span,.back12_1 .tt2 span    {display: table-cell;}

.slick-track .tt1 span { opacity: 0; transform: translatey(-50px); transition: all .5s .3s;}
.slick-track .slick-active .tt1 span {opacity: 1; transform: translatex(0);}

.slick-track .tt2 span { opacity: 0; transform: translatex(-300px); transition: all .5s .3s;}
.slick-track .slick-active .tt2 span {opacity: 1; transform: translatex(0);}

@media (max-width: 925px){.slick-track .tt1 span {font-size: 50px;} .back12_1 .tt1 span {height: 450px;} .back12_1 .tt2 span {    padding-top: 20px;}}
@media (max-width: 925px){.slick-track .tt2 span {font-size: 15px;}}

@media (max-width: 1400px){.slick-prev {left: 0;}}
@media (max-width: 1400px){.slick-next {right:0;}}

.m-banner-con {width: 100%;}
.m-banner-con1 {width: 100%; background: #ffffff;}
.m-banner-con2 {max-width: 1020px; margin: 0 auto; height: 860px; overflow: hidden; padding: 0 90px;}

.m-banner-con-left {padding: 190px 0; width: 75%; float: left; overflow: hidden; }

.m-banner-con-left strong {font-size: 18px; line-height: 20px; color: #1e1e1e; letter-spacing: -0.3px; display: block; margin-bottom: 36px;}
.m-banner-con-left  h3{font-size: 43px; line-height: 60px; color: #1e1e1e; letter-spacing: -1px; margin-bottom: 48px;}
.m-banner-con-left  p{font-size: 42px; line-height: 60px; color: #1e1e1e; letter-spacing: -1px; margin-bottom: 48px;font-weight:700;}
.m-banner-con-left  em {color: #aaa; display: inline; font-size: 42px; line-height: 60px;}

.m-banner-con-right {width: 25%; float: right; overflow: hidden; text-align: center; }
.m-banner-con-right1 {}

.m-banner-con-right1_1 {display: inline-block; margin-right: 6%; width: 100%; height: calc(352px * 36); animation: verticalscroll 20s linear infinite; -ms-animation: verticalscroll 20s linear infinite;}
.m-banner-con-right1_1 li {margin-top: 32px; width: 100%; position: relative;}

.m-banner-con2:after, .m-banner-con2:before { line-height: 0; display: table; content: ''; }
.m-banner-con-right1_1 li img {width: 100%; border-radius_: 24px;}

@media only screen and (max-width: 1025px) {.m-banner-con2 { padding: 0 30px; }}
@media only screen and (max-width: 767px) {.m-banner-con2 { padding: 0; height: auto;}}
@media only screen and (max-width: 1025px) {.m-banner-con-left { }}
@media only screen and (max-width: 767px) {.m-banner-con-left { padding: 48px 24px 40px; }}

@media only screen and (max-width: 767px) {.m-banner-con-left strong { margin-bottom: 20px !important; font-size: 14px !important; }}

@media only screen and (max-width: 1025px) {.m-banner-con-left h3 { word-break: keep-all; } }
@media only screen and (max-width: 1025px) {.m-banner-con-left h3 { margin-bottom: 24px !important; line-height: 1.3; }}
@media only screen and (max-width: 767px) {.m-banner-con-left h3 { font-size: 24px !important; }}
@media only screen and (max-width: 1025px) {.m-banner-con-left em { line-height: 1.3; }}
@media only screen and (max-width: 767px) {.m-banner-con-left em { font-size: 24px !important; }}

@media only screen and (max-width: 1025px) {.m-banner-con-right { }}
@media only screen and (max-width: 767px) {.m-banner-con-right {display: inline-block; margin-bottom: 76px; width: 100%; float: none; }}

@media only screen and (max-width: 767px) {.m-banner-con-right1_1 { animation: horizontalscroll 10s linear infinite; -ms-animation: horizontalscroll 20s linear infinite;     width: calc(204px * 36);    height: auto;} }
@media only screen and (max-width: 1025px){.m-banner-con-right1_1 {  } }
@media only screen and (max-width: 1025px) {.m-banner-con-right1_1 {  }}

@media only screen and (max-width: 1025px) {.m-banner-con-right1_1 li {  } }
@media only screen and (max-width: 767px) {.m-banner-con-right1_1 li { margin-top: 0px; margin-right: 12px; width: 150px; float: left; }}
@media only screen and (max-width: 1025px) {.m-banner-con-right1_1 li { }}

@media only screen and (max-width: 1025px) {.m-banner-con-right1_1 li img {  }}

@keyframes verticalscroll {
	0% {-moz-transform: translateY(850px);-ms-transform: translateY(850px);-webkit-transform: translateY(850px);transform: translateY(850px);}
	100% {-moz-transform: translateY(-1500px);-ms-transform: translateY(-1500px);-webkit-transform: translateY(-1500px);transform: translateY(-1500px)}
}
@keyframes horizontalscroll {
	0% {transform: translateX(0);}
	100% {transform: translateX(-900px)}
}
@keyframes arrowMove {
  0%, 100% {-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
  50% {-moz-transform: translateY(8px);-ms-transform: translateY(8px);-webkit-transform: translateY(8px);transform: translateY(8px);}
}
@keyframes moveshow {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes movetop {
  0% {opacity: 0;-moz-transform: translateY(40px);-ms-transform: translateY(40px);-webkit-transform: translateY(40px);transform: translateY(40px);}
  100% {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0)}
}

.m_wave_box {width: 100%; height: 0; position: absolute; bottom: 0; left: 0; right: 0; background: #fff;}
.m_wave {background: url(/images/toto/m_wave2.svg) repeat-x; position: absolute; top: -156px; width: 6400px; height: 157px; animation: wave 14s cubic-bezier(0.36,0.45,0.63,0.53) infinite; transform: translate3d(0,0,0);}
@keyframes wave{0% {margin-left: -1600px;}100% {margin-left:0px;}}

.m_wave_box2 {width: 100%; height: 0; position: absolute; bottom: 0; left: 0; right: 0; background: #fff;}
.m_wave2 {background: url(/images/toto/m_wave2.svg) repeat-x; position: absolute; top: -90px; width: 6400px; height: 90px; animation: wave 14s cubic-bezier(0.36,0.45,0.63,0.53) infinite; transform: translate3d(0,0,0);}
.backg {overflow: hidden; position: relative;}


#footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: #383838; color: darkgray; margin-top_: 180px; position: relative; }
#footer { margin-top_: 300px; }


#footer .left { background: #383838; width: 564px; text-align: right; padding: 48px 0px; position: relative; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; transition: width 0.2s; }
#footer .left:before_ { content: ""; display: block; width: 564px; height: 300px; -webkit-transform: skewY( 20deg ); -moz-transform: skewY(20deg); -ms-transform: skewY(20deg); transform: skewY( 20deg ); position: absolute; top: -103px; right: 0; background: #383838; z-index: -1; }
#footer .left .f_logo { display: inline-block; width: 95px; height: 100px; -moz-background-size: 103px 147px; background-repeat: no-repeat; background-position: center; margin-bottom: 30px; text-align: left; }
#footer .left .copy {    font-family: 'Jua'; font-size: 14px; font-weight: 300; margin-bottom: 40px; line-height: 1.5em; }
#footer .left .sns_list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
#footer .left .sns_list .icon { margin-left: 1em; }
#footer .left .sns_list .icon a { display: block; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; -moz-background-size: 40px; background-size: 40px; height: 40px; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; }


#footer .right { width: -webkit-calc(100% - 564px); width: -moz-calc(100% - 564px); width: calc(100% - 564px); -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }
#footer .right { padding: 100px 160px 100px 80px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#footer .right .info { -webkit-box-flex: 0; -webkit-flex: 0 1 52%; -moz-box-flex: 0; -ms-flex: 0 1 52%; flex: 0 1 52%; }

#footer .right .title { font-weight: 800; margin-bottom: 1.5em; padding-bottom: 1.2em; border-bottom: 1px solid #555a08;  FONT-FAMILY: 'Jua'; font-size: 19px;}
#footer .right .content .item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 1em; }
#footer .right .content .item p { color: darkgray; font-weight: 500; line-height: 1.4em; font-family: Jeju Gothic, sans-serif;}
#footer .right .content .item .item_title { color: darkgray; width: 100px; -webkit-box-flex: 0; -webkit-flex: 0 0 120px; -moz-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; }
#footer .right .help { -webkit-box-flex: 0; -webkit-flex: 0 1 13%; -moz-box-flex: 0; -ms-flex: 0 1 13%; flex: 0 1 13%; }
#footer .item_title a {color: darkgray;font-family: Jeju Gothic, sans-serif; }
@media  (max-width: 1600px) {#footer .right .help { -webkit-box-flex: 0; -webkit-flex: 0 1 23%; -moz-box-flex: 0; -ms-flex: 0 1 23%; flex: 0 1 23%; } }
@media  (max-width: 1600px) {#footer .left { width: 400px; }}
@media  (max-width: 1600px) {#footer .right { width: 100%; padding: 100px 80px; }}
@media  (max-width: 1600px) {#footer .right .info { -webkit-box-flex: 0; -webkit-flex: 0 1 46%; -moz-box-flex: 0; -ms-flex: 0 1 46%; flex: 0 1 46%; }}
@media  (max-width: 1200px) {#footer { margin-top: 0px; }}
@media  (max-width: 1200px) {#footer .left { width: 100%; text-align: center; position: static; }}
@media  (max-width: 1200px) {#footer .left .sns_list { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }}
@media  (max-width: 1200px) {#footer .left .sns_list .icon:first-child { margin-left: 0; }}

@media  (max-width: 1200px) {#footer .right { padding: 40px 0; }}
@media  (max-width: 1200px) {#footer .right .content .item.company, #footer .right .content .item.ask { margin-top: 0; }}
@media  (max-width:1200px) { #footer .left:before{display:none;}}
@media  (max-width: 1200px) { #footer { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }}


@media screen and (max-width: 768px){ #footer .left .copy { font-size: 12px; }}
@media screen and (max-width: 768px){ #footer .left .sns_list { position: absolute; top: 0px; left: 0; right: 0; background: antiquewhite; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 40px; } #footer .left {padding:0px;} #footer .left .f_logo {display:none;}}
@media screen and (max-width: 768px) {#footer .left .sns_list .icon a { width: 40px; height: 64px; -moz-background-size: 32px 32px; background-size: 32px 32px; }}
@media screen and (max-width: 768px){ #footer .right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 13px; padding: 100px 0 32px 0; }}
@media screen and (max-width: 1200px){ #footer .right .content .item.company, #footer .right .content .item.ask { margin-top: 0; }}
@media screen and (max-width: 768px) {#footer .right .info { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-bottom: 30px; }}
@media screen and (max-width: 768px) {#footer .right .content .item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }}
@media screen and (max-width: 768px) {#footer .right .content .item .item_title { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 5px; }}
@media screen and (max-width: 768px) {#footer .right .help { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto;    margin-bottom: 30px; }}
@media screen and (max-width: 768px) {#footer .right .help .item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }}
@media screen and (max-width: 768px) {#footer .right .content .item .item_title { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 5px; }}
@media screen and (max-width: 768px){ .back12 hgroup { width:100%; }  .back12 { min-height:736px; }}


@media screen and (max-width: 768px){ .info .mont,.info .content, .help .mont,.help .content { padding: 0 30px; }}
.link-p {width: 100%; background-color: #f9f9f9;}
.link-p1 {width: 1212px; margin: 0 auto;}
.link-p2 {width: 100%;}
.link_box { padding-top: 30px; padding-bottom: 30px; font-family: 'Gugi';}
.link_box ul { display: inline-block; width: 12%; text-align: center; }
.link_box li { font-size: 21px; line-height: 28px; width: 100%;text-align: left;font-family: Jeju Gothic, sans-serif;}


.l_box { display: initial; width: 100%; height: 20px; font-size: 13px; text-align: left; padding: 5%;color: red;}
.l_box_tit { font-size: 18px; font-weight: 700; } 
.l_box img { vertical-align: middle; font-size: 1em; }
.link_ico_etc { display: block; float: right; font-size: 10px; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-}
.fa-chevron-right:before { content: "\f054"; }

@media (max-width: 1230px) {.link-p1 { width: 616px; } .link_box ul {width: 24%;margin-bottom: 15px;}}
@media (max-width: 650px) {.link-p1 { width: 100%; } .link_box ul {width: 49%;margin-bottom: 15px;}}


@-webkit-keyframes AnimationName {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
@-moz-keyframes AnimationName {  0%{background-position:0% 50%}  50%{background-position:100% 50%}  100%{background-position:0% 50%}}
@keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
.smart {margin-left: auto; margin-right: auto; margin-top: 100px; border-color: #444; width: 70%; min-height_: 704px; border-radius: 40px; border: 2px solid #ddd; margin: 0 auto; padding: 25px 60px; position: relative; background: rgb(1,1,13); background: linear-gradient( 163deg , rgba(1,1,13,1) 0%, rgba(55,55,62,1) 100%, rgba(0,212,255,1) 100%);}
#acenzione-button {background-color: #333; height: 5px; left: 147px; top: -7px; border-radius: 4px 4px 0 0; width: 25px; background: #333; position: absolute;}
#volume-su {height: 5px; left: 200px; top: -7px; border-radius: 4px 4px 0 0; width: 40px; background: #333; position: absolute;}
#volume-giu {height: 5px; left: 245px; top: -7px; border-radius: 4px 4px 0 0; width: 40px; background: #333; position: absolute;}
#dettaglio {position: absolute; left: 0; top: 17px; width: 100%;}
#fotocamera {background: #111; height: 7px; width: 7px; margin: auto; border-radius: 100px; display: block;}
#sensore {background: #111; height: 7px; width: 7px; margin: 12px 100px; border-radius: 100px; display: block;}
#microfono {background: #111; height: 7px; width: 90px; margin: -19px auto 0; border-radius: 100px;}
#schermo {width: 100%;background-color: #fff; box-shadow: 0 0 0 1px    rgba(0,0,0,0.1)inset; overflow: hidden; position: relative;}
#bottone {height: 40px; width: 40px; background: #111; margin: 17px auto; border-radius: 100px; position: absolute; right: 11px; top: 46%;}

.dddd {background-image: url(../images/toto/winslot88-bg.jpg); padding: 5% 0 10% 0; background-size: cover;}

@media (max-width: 1200px) { .item_box2 { width:100%; animation:smart 3s;} .dddd {padding: 20% 0;} }
@media (max-width: 725px) {.item_box2 { width: 100%; animation: smart 3s; }}
@media (max-width: 550px) {.item_box2 { width: 100%;  animation: smart 3s; }}
.smart{ animation:smart 3s;}
@keyframes smart{ 0%{opacity:0;} 100%{opacity:1;}}


@media (max-width: 1200px) { .smart { margin-left: auto; margin-right: auto; margin-top: 100px; border-color: #444; width: 70%; min-height_: 704px; border-radius: 40px; border: 2px solid #ddd; margin: 0 auto; padding: 60px 25px 0 25px; position: relative; background: rgb(1,1,13); background: linear-gradient( 163deg , rgba(1,1,13,1) 0%, rgba(55,55,62,1) 100%, rgba(0,212,255,1) 100%); }  }
@media (max-width: 1200px) { #acenzione-button { background-color: #333; height: 25px; left: auto; right: -7px; top: 97px; border-radius: 0px 4px 4px 0; width: 5px; background: #333; position: absolute; }  }
@media (max-width: 1200px) { #volume-su { height: 40px; left: auto; right: -7px; top: 135px; border-radius: 0px 4px 4px 0; width: 5px; background: #333; position: absolute; }  }
@media (max-width: 1200px) { #volume-giu { height: 40px; left: auto; right: -7px; top: 180px; border-radius: 0px 4px 4px 0; width: 5px; background: #333; position: absolute; } }
@media (max-width: 1200px) { #bottone { height: 40px; width: 40px; background: #111; margin: 17px auto; border-radius: 100px; position: relative; bottom: -4px; right: auto; top: auto;} }

.item_box2 .change_text {width: 100%; height: 100%; background: #000; text-align: center; opacity: .9; top: 0; position: absolute; display: none;}

.item_box2 div:hover  .change_text { display: block; } 
.change_text span{font-size: 25px; margin: 0 auto; position: relative; top: 44%; text-align: center; color: #fff; font-family: 'Jua';}

@keyframes slide { 0% { left: 0; top: 44%; } 50% { left: 0px; top: 37%; } 100% { left: 0; top: 44%; } }
.change_text .sd1{ animation-name: slide; animation-duration: 2s;  animation-timing-function: ease-in-out; animation-delay: .0s;  animation-iteration-count: infinite;color:red;} 
.change_text .sd2{ animation-name: slide; animation-duration: 2s;  animation-timing-function: ease-in-out; animation-delay: .1s;  animation-iteration-count: infinite;color:red;} 
.change_text .sd3{ animation-name: slide; animation-duration: 2s;  animation-timing-function: ease-in-out; animation-delay: .2s;  animation-iteration-count: infinite;} 
.change_text .sd4{ animation-name: slide; animation-duration: 2s;  animation-timing-function: ease-in-out; animation-delay: .3s;  animation-iteration-count: infinite;} 
.sd1,.sd2 {color:red;}

@keyframes slide1 { 0% { left: 0; top: 18%; } 50% { left: 0px; top: 37%; } 100% { left: 0; top: 18%; } }
.sub_link_box_title .oo {font-size: 25px; margin: 0 auto; position: relative; top:22%; text-align: center; font-family: 'Jua';     float: left;}
.ss1 { animation-name: slide1; animation-duration: 2s;  animation-timing-function: ease-in-out; animation-delay: .0s;  animation-iteration-count: infinite;color:red;} 
.ss2 { animation-name: slide1; animation-duration: 2s;  animation-timing-function: ease-in-out; animation-delay: .1s;  animation-iteration-count: infinite;color:red;} 
.ss3 { animation-name: slide1; animation-duration: 2s;  animation-timing-function: ease-in-out; animation-delay: .2s;  animation-iteration-count: infinite;} 
.ss4 { animation-name: slide1; animation-duration: 2s;  animation-timing-function: ease-in-out; animation-delay: .3s;  animation-iteration-count: infinite;} 
.ss1,.ss2 {color:red;}

.text-bg{padding-top:100px;}

.text-box{ width:1200px; margin: 0 auto;}
@media (max-width: 1200px) { .text-bg { padding: 0 10px;} }
@media (max-width: 1200px) { .text-box { width: 100%;} }
.text-box h2 {padding:50px 0 20px 0; font-size:28px;}
.text-box h3 {padding:35px 0 20px 0; font-size:19px;}
.text-box h4{padding: 45px 0 20px 0; font-size:18px; color:#59b1fd;}

.text-box p {font-size: 16px;   color: #8c8c8c;  font-family: Jeju Gothic, sans-serif;}
.text-line {margin: 0 auto;  border: 1px solid #000;  margin-top: 55px;  margin-bottom: 50px; } 
.text-line2 {margin: 0 auto;  border: 1px solid #000;  margin-top: 85px;  margin-bottom: 50px; } 
.list_o li{    list-style: inside; font-size: 15px;   color: #8c8c8c;   font-family: Jeju Gothic, sans-serif;}


.dddd h1 { margin: 0 auto;  padding: 2% 0 2% 0;}
@media (max-width: 900px) { .dddd h1 {     display: none;}}
.cont_board {width: 1060px; margin: 0 auto;}
#Content_1 {    margin: 50px 20px 150px;}
#Content_1 .main_cont1 {display: inline-block; margin: 0; width: 100%; font-family: 'rararara'!important;    border-top: 2px solid red;}
#Content_1 .main_cont1 table { display: table; table-layout: fixed; margin: 0; padding: 0; width: 100%; border: 0; font-size: 13px; border-collapse: collapse; }
#Content_1 .main_cont1 thead { background-color: transparent; }
#Content_1 .main_cont1 table tr { border: 0; background-color: transparent; transition-duration: 0.3s; }

#Content_1 .main_cont1 thead tr td { font-weight: 700; color: #545861; border: 0; border-bottom: 2px solid #f1f1f1; } 
#Content_1 .main_cont1 table td { padding: 10px 0; height: auto; text-align: center; vertical-align: middle; font-size: 13px; }
#Content_1 .main_cont1 .main_cont1_notice {background-color: #f4f4f4;}
#Content_1 .main_cont1 table td.board_num { width: 72px; } 
#Content_1 .main_cont1 table td.board_title { width: auto; }
#Content_1 .main_cont1 table td.board_user { width: 80px; }
#Content_1 .main_cont1 table td.board_date { width: 75px; }
#Content_1 .main_cont1 tbody tr td { word-break: break-all; border: 0; border-bottom: 1px solid #f1f1f1; } 

#Content_1 .main_cont1 tbody td.board_title { text-align: left; } 
#Content_1 .main_cont1 table td.board_title { width: auto; } 

#Content_1 .main_cont1 tbody tr:hover { background-color: #f7f7f7; }

#Content_1 .main_cont1 table a { color: #000; font-weight: 400; text-decoration: none; border: 0; box-shadow: none; font-size: 13px; } 
a:not(.btn) { transition: .3s ease; }
.main_cont1_strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
#Content_1 .main_cont1 .main_cont1_mobile_contents { display: none; font-size: 12px; color: #999; }
#Content_1 .main_cont1 .main_cont1_mobile_contents .contents-item { display: inline; margin: 0; padding: 0; }
#Content_1 .main_cont1 .main_cont1_mobile_contents .contents-separator { display: inline; margin: 0; padding: 0 2px; color: #bebebe; }
#Content_1 .main_cont1 .new { display: inline-block; *display: inline; zoom: 1; padding: 2px 2px; line-height: 10px; font-size: 10px; color: #fff; background-color: #f61b5d; font-weight: 400; }
#Content_1 .write_control {padding-bottom: 15px; width: 100%; text-align: right;}
#Content_1 .write_default_button_small {position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; width: auto; height: 28px; line-height: 28px; font-size: 13px; font-weight: 400; letter-spacing: normal; color: #545861!important; background: #eaeaea!important; border: none; border-radius: 0; text-decoration: none!important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; transition-duration: 0.3s; box-sizing: content-box;}


.cont_board body {font-size:14px;line-height:1.5;    font-family: 'rararara'!important; color:#333}
.cont_board th {font-size:14px;line-height:1.5;    font-family: 'rararara'!important; color:#333}
.cont_board td {font-size:14px;line-height:1.5;    font-family: 'rararara'!important; color:#333}
.cont_board input {font-size:14px;line-height:1.5;    font-family: 'rararara'!important; color:#333}
.cont_board select {font-size:14px;line-height:1.5;    font-family: 'rararara'!important; color:#333}
.cont_board textarea {font-size:14px;line-height:1.5;    font-family: 'rararara'!important; color:#333}
.cont_board button {font-size:14px;line-height:1.5;    font-family: 'rararara'!important; color:#333}
.cont_board a {font-size:14px;line-height:1.5;    font-family: 'rararara'!important; color:#333}

@media (max-width: 1200px){.cont_board {width: 100%;}}
@media (max-width: 600px){#Content_1 .main_cont1 table td.board_user {display:none;}}

#Content_1 .kboard-pagination { float: left; padding: 15px 0; width: 100%; }
#Content_1 .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0; width: 100%; list-style: none; text-align: center; border: 0; }
#Content_1 .kboard-pagination .kboard-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 1px; background: none; border: 0; list-style: none; }
#Content_1 .kboard-pagination .kboard-pagination-pages li:hover a, #Content_1 .kboard-pagination .kboard-pagination-pages li.active a { border: 0; color: #545861; background-color: #eaeaea; }
#Content_1 .kboard-pagination .kboard-pagination-pages li a { display: block; margin: 0; padding: 0 11px; height: 28px; line-height: 28px; font-size: 13px; color: #999; text-decoration: none; border: 0; background-color: #f9f9f9; box-shadow: none; transition-duration: 0.3s; }

.board_view {width: 1060px; margin: 0 auto;}
.board_view1 {margin:50px 20px;display: inline-block; width: 100%;}
.board_view2 {width: 100%;float: left;}

@media (max-width: 1200px){.board_view {width: 100%;}}
@media (max-width: 1200px){.board_view1 {display: flex; width: auto;}}

.board_view_title {float: left; width: 100%;}

.board_view_title h1 {margin: 0; padding: 12px 22px; color: #545861; font-weight: bold; font-size: 22px; line-height: 30px; text-align: left;}
.board_view_detail {clear: both; float: left; width: 100%; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; background-color: #f9f9f9; font-size: 13px;}

.board_view_detail .detail-attr { display: inline-block; *display: inline; zoom: 1; float: left; margin: 0; padding: 12px 35px 12px 22px; }
.board_view_detail .detail-view { display: none; }

.board_view_detail .detail-attr .detail-name { float: left; font-weight: bold; color: #545861; text-align: right; }
.board_view_detail .detail-attr .detail-value { float: left; padding-left: 20px; color: #545861; }

.board_view_content { clear: both; float: left; width: 100%; min-height: 200px; }
.board_view_content .content-view { margin: 0; padding: 22px; word-break: break-all; }
.board_view_content .content-img { text-align: center;margin-top: 10px;}
.board_view_content .content-img img {width:300px;height:300px;}
@media (max-width: 500px){ .board_view_content .content-img img {width: 100%;}}
.board_view_content .content-view img{ width: 30%;}
@media (max-width: 700px){ .board_view_content .content-view img {width: 100%;}}

.board_view_control { float: left; padding: 15px 0; width: 100%; }
.board_view_control .left { position: static; float: left; }

a.board_view_button { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; width: auto; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; letter-spacing: normal; color: #545861 !important; background: #eaeaea !important; border: none; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; transition-duration: 0.3s; box-sizing: content-box; }

.board_view_control .right { position: static; float: right; text-align: right; }
#jwonContent table { width: 100%; margin-bottom: 1em; border-color: #ececec; border-spacing: 0; }
#jwonContent th { line-height: 1.05; letter-spacing: .05em; text-transform: uppercase; }
#jwonContent th,#jwonContent td { padding: .5em; text-align: left; border-bottom: 1px solid #ececec; line-height: 1.3; font-size: .9em; }
#jwonContent th:first-child,#jwonContent td:first-child { padding-left: 0; }
#jwonContent  label { color: #222; } 
#jwonContent label,#jwonContent legend { font-weight: bold; display: block; font-size: .9em; margin-bottom: 0.4em; }
#jwonContent  input[type='text'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
,#jwonContent  textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#jwonContent   select  { box-sizing: border-box; border: 1px solid #ddd; padding: 0 .75em; height: 2.507em; font-size: .97em; border-radius: 0; max-width: 100%; width: 100%; vertical-align: middle; background-color: #fff; color: #333; box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); transition: color .3s, border .3s, background .3s, opacity .3s; }
#jwonContent  textarea  { box-sizing: border-box; border: 1px solid #ddd; padding: 0 .75em; height: 2.507em; font-size: .97em; border-radius: 0; max-width: 100%; width: 100%; vertical-align: middle; background-color: #fff; color: #333; box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); transition: color .3s, border .3s, background .3s, opacity .3s; }
#jwonContent  input[type='text'],#jwonContent input[type='password']{ box-sizing: border-box; border: 1px solid #ddd; padding: 0 .75em; height: 2.507em; font-size: .97em; border-radius: 0; max-width: 100%; width: 100%; vertical-align: middle; background-color: #fff; color: #333; box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); transition: color .3s, border .3s, background .3s, opacity .3s; }





#jwonContent input[type='submit'] ,#jwonContent  .cart-order2{ position: relative; display: inline-block; background-color: transparent; text-transform: uppercase; font-size: .97em; letter-spacing: .03em; -ms-touch-action: none; touch-action: none; cursor: pointer; font-weight: bolder; text-align: center; color: currentColor; text-decoration: none; border: 1px solid transparent; vertical-align: middle; border-radius: 0; margin-top: 0; margin-right: 1em; text-shadow: none; line-height: 2.4em; min-height: 2.5em; padding: 0 1.2em; max-width: 100%; transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s; text-rendering: optimizeLegibility; box-sizing: border-box; }

#jwonContent input[type='submit'] ,#jwonContent  .cart-order2{ color: #fff; background-color: #446084; background-color: var(--primary-color); border-color: rgba(0,0,0,0.05); }
#jwonContent input[type='submit'] ,#jwonContent  .cart-order2{ background-color: #446084; } 

#jwonContent .tf_write {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; background: transparent; text-decoration: none; color: #595959; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: normal; text-align: left; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; direction: ltr; max-width: none; }

.main_link {width: 100%; background-color: #f9f9f9;}
.main_link01 {width: 1212px; margin: 0 auto;}
@media (max-width: 1212px){ .main_link01 {width: 100%;}}

.main_link02 {width: 100%;}
.main_link03 {padding-top: 30px; padding-bottom: 30px; font-family: 'Jeju Gothic';width: 100%; grid-template-columns: repeat(5,1fr); display: grid;}
@media (max-width: 820px){ .main_link03 {grid-template-columns: repeat(1,1fr);}}

.main_link_box_cont { grid-template-columns: repeat(1,1fr); display: grid;}
@media (max-width: 820px){ .main_link_box_cont {grid-template-columns: repeat(3,1fr);}}
.main_link_box {padding:1px;}
.main_link_box1 {background: #fff;     border: 1px solid #eee;}
.main_link_box_title {line-height: 60px; padding: 0 0 0 20px; font-size: 20px; font-weight: 500;    border-bottom: 2px solid #eee;}
.main_link_box_cont {padding: 15px; font-size: 16px; line-height: 28px;}
.main_link_box_cont div{font-size: 16px; line-height: 35px; width: 100%; height: 35px; overflow: hidden; text-overflow: ellipsis;}
@media (max-width: 820px){ .main_link_box_cont div {font-size: 13px;}}


.sub_link {width: 100%; background-color: #f9f9f9;}
.sub_link01 {width: 1212px; margin: 0 auto;}
@media (max-width: 1212px){ .sub_link01 {width: 100%;}}

.sub_link02 {width: 100%;}
.sub_link03 {padding-top: 30px; padding-bottom: 230px; font-family: 'Jeju Gothic';width: 100%; }
@media (max-width: 820px){ .sub_link03 {grid-template-columns: repeat(1,1fr);}}
.sub_link04 {}
.sub_link04_css {padding-top: 30px; padding-bottom: 30px; font-family: 'Jeju Gothic';width: 100%; }
.sub_link04_css a{float:left;     width: 12.5%;}
.sub_link04:after {content: ''; display: table; clear: both; }
@media (max-width: 820px){ .sub_link04_css a{float:left;     width: 25%;}}

.sub_link04_css .menu {border: 1px solid; padding: 20px 0; text-align: center;color: #fff; background: midnightblue;}
.sub_link04_css .on1 {background: white; color: midnightblue;}

.sub_link_box_cont { }
.sub_link_box_cont:after {content: ''; display: table; clear: both; }

.sub_link_box {padding:1px; display:none;}
.sub_link03 .on {padding:1px; display:block;}
.sub_link_box1 {background: #fff;     border: 1px solid #eee;animation:smart 2s;}
.sub_link_box_title { padding: 0 0 0 20px; font-size: 20px; font-weight: 500;    border-bottom: 2px solid #eee;}
.sub_link_box_cont {padding: 15px; font-size: 16px; line-height: 28px;background: #1f2d8e;}
.sub_link_box_cont div{font-size: 16px; line-height: 40px; width: 10%; float: left; height: 40px; overflow: hidden; text-overflow: ellipsis; margin: 1%;}
@media (max-width: 820px){ .sub_link_box_cont div {font-size: 13px; width:18%;}}
.sub_link_box_cont div .b_img { width: 100%; height: 40px;}
.sub_link_box_cont div .b_img:hover { transform: scale(1.1); transition-duration: .6s; transition-property: transform; opacity: 0.4;}
.sub_link_box_title1 {width: 100%; height: 60px; text-align: center; opacity: .9; top: 0;}

.toto_youtube {width: 848px; height: 476px;    width: 100%;} 
@media (max-width: 600px){ .toto_youtube {    height: unset;}}
.youtube_text1{font-family: 'Jua'; font-size:25px; width:72%;  margin: 0 auto; margin-top:50px;color:#636363;text-shadow:2px 1px 0px #bfdbde;}
.youtube_text2{font-family: 'Jua';font-size:25px;  width:55%; margin: 0 auto; padding-bottom:50px;color:#636363;text-shadow:2px 1px 0px #bfdbde;}

.tag-box {width: 1200px; margin: 0 auto;}
@media (max-width: 1200px){ .tag-box {    width: 100%;}}


.tag-cont ul{width: 100%; grid-template-columns: repeat(5,1fr); display: grid;}
@media (max-width: 1000px){ .tag-cont ul {    grid-template-columns: repeat(3,1fr);}}
.tag-cont div {    padding: 5px;}
.tag-cont li {border: 2px solid #3397ff; padding: 5px; font-family: 'Jeju Gothic'; border-radius: 10px;text-align:center;}
.tag-cont li:hover {border: 2px solid #fff; background: #3397ff; color: #fff;}
@media (max-width: 650px){ .tag-cont li {    font-size:10px;}}

.popup .container {
    position: relative;
    box-shadow: 0px 15px 30px rgb(0 0 0 / 90%);
    animation-name: popup_window;
    animation-duration: 1.5s;
    animation-direction: unset;
    animation-timing-function: ease-out;
}
.popup .container .img {
    padding: 3px;
    background: currentColor;
}
.popup .container .today {
    height: 40px;
    width: 100%;
    background: currentColor;
    position: relative;
    font-family: "³ª´®°íµñ", "NanumGothic";
}
.popup .container .today p {
    float: left;
    margin: 0px;
    font-size: 14px;
    vertical-align: top;
    padding-top: 7px;
    padding-left: 12px;
}
.popup .container .today p span {
    vertical-align: top;
    line-height: 23px;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
}
.popup .container .today button.close {
    float: right;
    margin-top: 5px;
    background: rgba(0,0,0,0.35);
    line-height: 18px;
    padding: 4px 18px 6px 18px;
    border: 0px;
    color: #fff;
    margin-right: 14px;
    transition: all .5s ease-out;
    font-weight: bold;
    cursor: pointer;
}
@keyframes popup_window {
  0%   { opacity: 0; transform: rotateY(-60deg);}
  50% { opacity: 1; transform: rotateY(0deg);}
  100% { opacity: 1; transform: rotateY(0deg); }
}
.pp1 {width: 20%; top: 100px; left: 18%;}
@media (max-width: 1200px){.pp1 { width: 20%; top: 100px; left: 18%;}}
@media (max-width: 650px) {.pp1 { width: 100%; top: 20px; left: 0px;}}

.pp2 {width: 20%; top: 100px; left: 40%;}
@media (max-width: 1200px){.pp2 { width: 20%; top: 100px; left: 40%;}}
@media (max-width: 650px) {.pp2 { width: 100%; top: 20px; left: 0px;}}

.pp3 {width: 20%; top: 100px; left: 62%;}
@media (max-width: 1200px){.pp3 { width: 20%; top: 100px; left: 62%;}}
@media (max-width: 650px) {.pp3 { width: 100%; top: 20px; left: 0px;}}

.list_bb { font-family: 'Jeju Gothic';}
.list_ss {margin-left: 7px; font-size: 14px; font-family: emoji; }